dynamic footer text and consent context added to segment calls

Author: colegoldsmith

src/js/04-segment-analytics.js

@@ -5,13 +5,28 @@
     const trackedLinkElements = document.querySelectorAll('a[data-track]')
     const trackedElements = document.querySelectorAll('[data-track]:not(a)')
 
+    const context = {
+      context: {
+        consent: {
+          categoryPreferences: {
+            advertising: 'behavioral_advertising',
+            ketch_purpose_code: 'ketch_purpose_code',
+            analytics: 'analytics',
+            data_broking: 'data_broking',
+            personalization: 'personalization',
+            essential_services: 'essential_services',
+          },
+        },
+      },
+    }
+
     trackedLinkElements.forEach((element) => {
-      window.analytics.trackLink(element, element.dataset.track)
+      window.analytics.trackLink(element, element.dataset.track, context)
     })
 
     trackedElements.forEach((element) => {
       element.addEventListener('click', (e) => {
-        window.analytics.track(element.dataset.track)
+        window.analytics.track(element.dataset.track, context)
       })
     })
   }

src/js/05-feedback-dialog.js

@@ -43,6 +43,16 @@
     if (message && window.analytics) {
       window.analytics.track('Feedback Form', {
         message,
+        consent: {
+          categoryPreferences: {
+            advertising: 'behavioral_advertising',
+            ketch_purpose_code: 'ketch_purpose_code',
+            analytics: 'analytics',
+            data_broking: 'data_broking',
+            personalization: 'personalization',
+            essential_services: 'essential_services',
+          },
+        },
       })
     }
     form.elements.message.value = ''

src/js/07-copy-to-clipboard.js

@@ -98,6 +98,16 @@
         snippetLanguage: language,
         snippetTitle: title,
         snippetSample: sample,
+        consent: {
+          categoryPreferences: {
+            advertising: 'behavioral_advertising',
+            ketch_purpose_code: 'ketch_purpose_code',
+            analytics: 'analytics',
+            data_broking: 'data_broking',
+            personalization: 'personalization',
+            essential_services: 'essential_services',
+          },
+        },
       })
     }
   }

src/partials/footer.hbs

@@ -26,9 +26,10 @@
         >Terms of use</a>
         |
         <a
+          id="preferenceCenterLink"
           href="https://www.datastax.com/preferences"
           data-track="Footer Consent Preference Management Link Clicked"
-        >Do Not Sell My Info</a>
+        >Manage Privacy Choices</a>
       </span>
     </p>
     <p class="text-tertiary !m-0 max-w-[640px] text-xs">Apache, Apache

src/partials/head-prelude.hbs

@@ -11,4 +11,13 @@
     {{/with}}
     {{#with site.keys.ketchSmartTagUrl}}
     <script>!function(){window.semaphore=window.semaphore||[],window.ketch=function(){window.semaphore.push(arguments)};var e=document.createElement("script");e.type="text/javascript",e.src="{{this}}",e.defer=e.async=!0,document.getElementsByTagName("head")[0].appendChild(e)}();</script>
+    <script>
+    ketch('on', 'regionInfo', regionInfo => {
+        var customTextRegions = ['US-CA'];
+        if (customTextRegions.includes(regionInfo)) {
+            var preferenceCenterLinkElement = document.getElementById("preferenceCenterLink");
+            preferenceCenterLinkElement.textContent = "Do Not Sell My Personal Information";
+        }
+    })
+    </script>
     {{/with}}