add tarteaucitron and configure it for gtm

stephlm2dev · stephlm2dev · commit 453e68c2941d · 2026-02-06T18:35:07.000+01:00
diff --git a/index.html b/index.html
@@ -1,13 +1,32 @@
 <!doctype html>
 <html lang="fr">
   <head>
-    <!-- Google Tag Manager -->
-    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
-    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
-    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
-    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
-    })(window,document,'script','dataLayer','GTM-PP2MKTCW');</script>
-    <!-- End Google Tag Manager -->
+    <!-- tarteaucitron.js - Cookie consent manager -->
+    <script src="https://cdn.jsdelivr.net/npm/tarteaucitronjs@1.29.0/tarteaucitron.min.js"></script>
+    <script type="text/javascript">
+      tarteaucitron.init({
+        "privacyUrl": "",
+        "bodyPosition": "top",
+        "hashtag": "#tarteaucitron",
+        "cookieName": "tarteaucitron",
+        "orientation": "banner",
+        "groupServices": true,
+        "showDetailsOnClick": true,
+        "serviceDefaultState": "wait",
+        "closePopup": true,
+        "showIcon": true,
+        "iconPosition": "BottomRight",
+        "DenyAllCta": true,
+        "AcceptAllCta": true,
+        "highPrivacy": true,
+        "mandatory": true,
+        "googleConsentMode": true
+      });
+
+      // Google Tag Manager
+      tarteaucitron.user.googletagmanagerId = 'GTM-PP2MKTCW';
+      (tarteaucitron.job = tarteaucitron.job || []).push('googletagmanager');
+    </script>
 
     <meta charset="utf-8">
     <meta http-equiv="content-type" content="text/html; charset=utf-8" />
@@ -158,11 +177,6 @@
 
   </head>
   <body>
-    <!-- Google Tag Manager (noscript) -->
-    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PP2MKTCW"
-    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
-    <!-- End Google Tag Manager (noscript) -->
-
     <section
       id="hello"
       class="hero-section uk-section uk-padding uk-flex uk-flex-middle"
