update

superpage/src/CookieConsentConfig.ts

@@ -16,34 +16,25 @@ export const config: CookieConsentConfig = {
   categories: {
     necessary: {
       readOnly: true,
+      enabled: true,
     },
     functionality: {},
     analytics: {
       services: {
         ga4: {
           label:
-            '<a href="https://marketingplatform.google.com/about/analytics/terms/us/" target="_blank">Google Analytics 4 (dummy)</a>',
+            '<a href="https://marketingplatform.google.com/about/analytics/terms/br/" target="_blank">Google Analytics 4</a>',
-          onAccept: () => {
-            console.log("ga4 accepted");
-            // TODO: load ga4
-          },
-          onReject: () => {
-            console.log("ga4 rejected");
-          },
           cookies: [
             {
-              name: /^_ga/,
+              name: /^(_ga|_gid)/,
             },
           ],
         },
-        another: {
-          label: "Another one (dummy)",
-        },
       },
     },
   },
   language: {
-    default: "en",
+    default: "ptbr",
     autoDetect: "browser",
     translations: {
       en: {
@@ -97,6 +88,57 @@ export const config: CookieConsentConfig = {
           ],
         },
       },
+      ptbr: {
+        consentModal: {
+          title: "Hello traveller, it's cookie time!",
+          description:
+            "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.",
+          acceptAllBtn: "Aceitar todos",
+          acceptNecessaryBtn: "Rejeitar todos",
+          showPreferencesBtn: "Gerenciar preferências",
+          footer:
+            '<a href="#link">Privacy Policy</a>\n<a href="#link">Terms and conditions</a>',
+        },
+        preferencesModal: {
+          title: "Centro de Preferências de Consentimento",
+          acceptAllBtn: "Aceitar todos",
+          acceptNecessaryBtn: "Rejeitar todos",
+          savePreferencesBtn: "Salvar preferências",
+          closeIconLabel: "Fechar janela",
+          serviceCounterLabel: "Serviço|Serviços",
+          sections: [
+            {
+              title: "Cookie Usage",
+              description:
+                "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",
+            },
+            {
+              title:
+                'Strictly Necessary Cookies <span class="pm__badge">Always Enabled</span>',
+              description:
+                "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",
+              linkedCategory: "necessary",
+            },
+            {
+              title: "Functionality Cookies",
+              description:
+                "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",
+              linkedCategory: "functionality",
+            },
+            {
+              title: "Analytics Cookies",
+              description:
+                "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",
+              linkedCategory: "analytics",
+            },
+            {
+              title: "Mais informações",
+              description:
+                'For any query in relation to my policy on cookies and your choices, please <a class="cc__link" href="#yourdomain.com">contact me</a>.',
+            },
+          ],
+        },
+      },
     },
   },
 };

superpage/src/layouts/Layout.astro

@@ -41,6 +41,20 @@ import Footer from "./_components/Footer.astro";
 
             gtag("config", "G-GSTQ17E9DJ");
         </script>
+
+        <!--- enable analytics when "analytics" category is selected --->
+        <script type="text/plain" data-cookiecategory="analytics">
+            gtag("consent", "update", {
+                analytics_storage: "granted",
+            });
+        </script>
+
+        <!--- enable ads when "ads" category is selected --->
+        <script type="text/plain" data-cookiecategory="ads">
+            gtag("consent", "update", {
+                ad_storage: "granted",
+            });
+        </script>
     </head>
 
     <body>