add gtag script and use staging www site footer link

Author: colegoldsmith

src/js/10-ketch-consent.js

@@ -3,6 +3,7 @@
 
   window.analytics.ready(() => {
     window.ketch('once', 'consent', onKetchConsent)
+    window.ketch('on', 'consent', onKetchConsentGtagTrack)
     window.ketch('on', 'userConsentUpdated', onKetchConsentUpdated)
   })
 
@@ -40,6 +41,26 @@
     window.ketchConsent = consent
   }
 
+  // On - each time the consent is loaded, track it to the gtag event
+  const onKetchConsentGtagTrack = (consent) => {
+    if (window.gtag &&
+        consent.purposes &&
+        'analytics' in consent.purposes &&
+        'targeted_advertising' in consent.purposes
+    ) {
+      const analyticsString = consent.purposes.analytics === true ? 'granted' : 'denied'
+      const targetedAdsString = consent.purposes.targeted_advertising === true ? 'granted' : 'denied'
+
+      const gtagObject = {
+        analytics_storage: analyticsString,
+        ad_personalization: targetedAdsString,
+        ad_storage: targetedAdsString,
+        ad_user_data: targetedAdsString,
+      }
+      window.gtag('consent', 'update', gtagObject)
+    }
+  }
+
   // Use the analytics.addSourceMiddleware function to include the consent on all the events
   const addKetchConsentToContextMiddleware = () => {
     window.analytics.addSourceMiddleware(({ payload, next }) => {

src/partials/footer.hbs

@@ -29,7 +29,8 @@
           |
           <a
             id="preferenceCenterLink"
-            href="https://www.datastax.com/preferences"
+            {{!-- href="https://www.datastax.com/preferences" --}}
+            href="https://marketing-git-feature-ketch-datastax-marketing.vercel.app/preferences"
             data-track="Footer Consent Preference Link Clicked"
           >Manage Privacy Choices</a>
         </span>