diff --git a/network-api/networkapi/mozfest/templates/mozfest/mozfest-base.html b/network-api/networkapi/mozfest/templates/mozfest/mozfest-base.html
index e9f714204df..fc550b6e1f4 100644
--- a/network-api/networkapi/mozfest/templates/mozfest/mozfest-base.html
+++ b/network-api/networkapi/mozfest/templates/mozfest/mozfest-base.html
@@ -9,9 +9,9 @@
 
 {% block ga_identifier %}
     <meta name="google-site-verification" content="xuTYNuCtTC9SLIkAUtmUY9Wce5RDJofc4z4fMprPYUk" />
-    <meta name="ga-identifier" content="UA-87658599-15">
     <!-- The current GTM ID replaced an unkown GTM container with no clear access -->
     <meta name="gtm-identifier" content="GTM-PQQ8H6PM">
+    <script nonce="{{ request.csp_nonce }}">window.dataLayer = window.dataLayer || [];</script>
     <script nonce="{{ request.csp_nonce }}">(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=
diff --git a/network-api/networkapi/templates/pages/base.html b/network-api/networkapi/templates/pages/base.html
index 998edb9ecb0..08bd305b660 100644
--- a/network-api/networkapi/templates/pages/base.html
+++ b/network-api/networkapi/templates/pages/base.html
@@ -39,9 +39,9 @@
 
         {% block ga_identifier %}
             <meta name="google-site-verification" content="D7k-r3fHm-XfJ9E7T1uZ5aqHJG2mx-0uUZFeBUDN2lY">
-            <meta name="ga-identifier" content="UA-87658599-6">
         <!-- The current GTM ID replaced an unkown GTM container with no clear access -->
             <meta name="gtm-identifier" content="GTM-PQQ8H6PM">
+            <script nonce="{{ request.csp_nonce }}">window.dataLayer = window.dataLayer || [];</script>
             <script nonce="{{ request.csp_nonce }}">(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=
diff --git a/network-api/networkapi/wagtailpages/pagemodels/campaigns.py b/network-api/networkapi/wagtailpages/pagemodels/campaigns.py
index af1b92c185b..659c95a763f 100644
--- a/network-api/networkapi/wagtailpages/pagemodels/campaigns.py
+++ b/network-api/networkapi/wagtailpages/pagemodels/campaigns.py
@@ -74,6 +74,8 @@ class Meta:
 
 
 class CTA(CTABase):
+    panels = CTABase.panels
+
     class Meta:
         ordering = ["-id"]
         verbose_name_plural = "CTA"
@@ -136,6 +138,16 @@ class Callpower(TranslatableMixin, CTA):
         index.FilterField("locale_id"),
     ]
 
+    panels = CTA.panels + [
+        FieldPanel("campaign_id"),
+        FieldPanel("call_button_label"),
+        FieldPanel("success_heading"),
+        FieldPanel("success_text"),
+        FieldPanel("share_twitter"),
+        FieldPanel("share_facebook"),
+        FieldPanel("share_email"),
+    ]
+
     class Meta(TranslatableMixin.Meta):
         ordering = ["name"]
         verbose_name = "Callpower"
@@ -166,6 +178,11 @@ class Signup(TranslatableMixin, CTA):
         index.FilterField("ask_name"),
     ]
 
+    panels = CTA.panels + [
+        FieldPanel("campaign_id"),
+        FieldPanel("ask_name"),
+    ]
+
     class Meta(TranslatableMixin.Meta):
         ordering = ["name"]
         verbose_name = "Signup"
@@ -312,6 +329,17 @@ class Petition(TranslatableMixin, CTA):
         index.FilterField("show_comment_field"),
     ]
 
+    panels = CTA.panels + [
+        FieldPanel("campaign_id"),
+        FieldPanel("show_country_field"),
+        FieldPanel("show_postal_code_field"),
+        FieldPanel("show_comment_field"),
+        FieldPanel("share_twitter"),
+        FieldPanel("share_facebook"),
+        FieldPanel("share_email"),
+        FieldPanel("thank_you"),
+    ]
+
     class Meta(TranslatableMixin.Meta):
         ordering = ["-id"]
         verbose_name = "Petition"
diff --git a/package-lock.json b/package-lock.json
index 4af3b254616..788af332b16 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,7 +8,7 @@
       "license": "MPL-2.0",
       "dependencies": {
         "@sentry/browser": "^7.113.0",
-        "@tailwindcss/forms": "^0.5.7",
+        "@tailwindcss/forms": "^0.5.9",
         "autoprefixer": "^10.4.20",
         "axe-core": "^4.10.0",
         "bootstrap": "^4.6.0",
@@ -46,7 +46,7 @@
         "browserslist": "^4.23.3",
         "chokidar-cli": "^3.0.0",
         "eslint": "^8.57.0",
-        "eslint-plugin-jsx-a11y": "^6.9.0",
+        "eslint-plugin-jsx-a11y": "^6.10.0",
         "eslint-plugin-prettier": "^5.2.1",
         "eslint-plugin-react": "^7.35.0",
         "optipng-bin": "^9.0.0",
@@ -1233,14 +1233,14 @@
       "dev": true
     },
     "node_modules/@tailwindcss/forms": {
-      "version": "0.5.7",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/forms/-/forms-0.5.7.tgz",
-      "integrity": "sha512-QE7X69iQI+ZXwldE+rzasvbJiyV/ju1FGHH0Qn2W3FKbuYtqp8LKcy6iSw79fVUT5/Vvf+0XgLCeYVG+UV6hOw==",
+      "version": "0.5.9",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/forms/-/forms-0.5.9.tgz",
+      "integrity": "sha512-tM4XVr2+UVTxXJzey9Twx48c1gcxFStqn1pQz0tRsX8o3DvxhN5oY5pvyAbUx7VTaZxpej4Zzvc6h+1RJBzpIg==",
       "dependencies": {
         "mini-svg-data-uri": "^1.2.3"
       },
       "peerDependencies": {
-        "tailwindcss": ">=3.0.0 || >= 3.0.0-alpha.1"
+        "tailwindcss": ">=3.0.0 || >= 3.0.0-alpha.1 || >= 4.0.0-alpha.20"
       }
     },
     "node_modules/@trysound/sax": {
@@ -1681,12 +1681,12 @@
       }
     },
     "node_modules/axobject-query": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-3.1.1.tgz",
-      "integrity": "sha512-goKlv8DZrK9hUh975fnHzhNIO4jUnFCfv/dszV5VwUGDFjI6vQ2VwoyjYjYNEbBE8AH87TduWP5uyDR1D+Iteg==",
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-4.1.0.tgz",
+      "integrity": "sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==",
       "dev": true,
-      "dependencies": {
-        "deep-equal": "^2.0.5"
+      "engines": {
+        "node": ">= 0.4"
       }
     },
     "node_modules/balanced-match": {
@@ -4150,17 +4150,17 @@
       }
     },
     "node_modules/eslint-plugin-jsx-a11y": {
-      "version": "6.9.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.9.0.tgz",
-      "integrity": "sha512-nOFOCaJG2pYqORjK19lqPqxMO/JpvdCZdPtNdxY3kvom3jTvkAbOvQvD8wuD0G8BYR0IGAGYDlzqWJOh/ybn2g==",
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.10.0.tgz",
+      "integrity": "sha512-ySOHvXX8eSN6zz8Bywacm7CvGNhUtdjvqfQDVe6020TUK34Cywkw7m0KsCCk1Qtm9G1FayfTN1/7mMYnYO2Bhg==",
       "dev": true,
       "dependencies": {
         "aria-query": "~5.1.3",
         "array-includes": "^3.1.8",
         "array.prototype.flatmap": "^1.3.2",
         "ast-types-flow": "^0.0.8",
-        "axe-core": "^4.9.1",
-        "axobject-query": "~3.1.1",
+        "axe-core": "^4.10.0",
+        "axobject-query": "^4.1.0",
         "damerau-levenshtein": "^1.0.8",
         "emoji-regex": "^9.2.2",
         "es-iterator-helpers": "^1.0.19",
@@ -4176,7 +4176,7 @@
         "node": ">=4.0"
       },
       "peerDependencies": {
-        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8"
+        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9"
       }
     },
     "node_modules/eslint-plugin-jsx-a11y/node_modules/emoji-regex": {
@@ -11433,9 +11433,9 @@
       "dev": true
     },
     "@tailwindcss/forms": {
-      "version": "0.5.7",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/forms/-/forms-0.5.7.tgz",
-      "integrity": "sha512-QE7X69iQI+ZXwldE+rzasvbJiyV/ju1FGHH0Qn2W3FKbuYtqp8LKcy6iSw79fVUT5/Vvf+0XgLCeYVG+UV6hOw==",
+      "version": "0.5.9",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/forms/-/forms-0.5.9.tgz",
+      "integrity": "sha512-tM4XVr2+UVTxXJzey9Twx48c1gcxFStqn1pQz0tRsX8o3DvxhN5oY5pvyAbUx7VTaZxpej4Zzvc6h+1RJBzpIg==",
       "requires": {
         "mini-svg-data-uri": "^1.2.3"
       }
@@ -11753,13 +11753,10 @@
       }
     },
     "axobject-query": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-3.1.1.tgz",
-      "integrity": "sha512-goKlv8DZrK9hUh975fnHzhNIO4jUnFCfv/dszV5VwUGDFjI6vQ2VwoyjYjYNEbBE8AH87TduWP5uyDR1D+Iteg==",
-      "dev": true,
-      "requires": {
-        "deep-equal": "^2.0.5"
-      }
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-4.1.0.tgz",
+      "integrity": "sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==",
+      "dev": true
     },
     "balanced-match": {
       "version": "1.0.0",
@@ -13775,17 +13772,17 @@
       }
     },
     "eslint-plugin-jsx-a11y": {
-      "version": "6.9.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.9.0.tgz",
-      "integrity": "sha512-nOFOCaJG2pYqORjK19lqPqxMO/JpvdCZdPtNdxY3kvom3jTvkAbOvQvD8wuD0G8BYR0IGAGYDlzqWJOh/ybn2g==",
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.10.0.tgz",
+      "integrity": "sha512-ySOHvXX8eSN6zz8Bywacm7CvGNhUtdjvqfQDVe6020TUK34Cywkw7m0KsCCk1Qtm9G1FayfTN1/7mMYnYO2Bhg==",
       "dev": true,
       "requires": {
         "aria-query": "~5.1.3",
         "array-includes": "^3.1.8",
         "array.prototype.flatmap": "^1.3.2",
         "ast-types-flow": "^0.0.8",
-        "axe-core": "^4.9.1",
-        "axobject-query": "~3.1.1",
+        "axe-core": "^4.10.0",
+        "axobject-query": "^4.1.0",
         "damerau-levenshtein": "^1.0.8",
         "emoji-regex": "^9.2.2",
         "es-iterator-helpers": "^1.0.19",
diff --git a/package.json b/package.json
index bb1b318e131..ba66dba1549 100644
--- a/package.json
+++ b/package.json
@@ -77,7 +77,7 @@
   "license": "MPL-2.0",
   "dependencies": {
     "@sentry/browser": "^7.113.0",
-    "@tailwindcss/forms": "^0.5.7",
+    "@tailwindcss/forms": "^0.5.9",
     "autoprefixer": "^10.4.20",
     "axe-core": "^4.10.0",
     "bootstrap": "^4.6.0",
@@ -115,7 +115,7 @@
     "browserslist": "^4.23.3",
     "chokidar-cli": "^3.0.0",
     "eslint": "^8.57.0",
-    "eslint-plugin-jsx-a11y": "^6.9.0",
+    "eslint-plugin-jsx-a11y": "^6.10.0",
     "eslint-plugin-prettier": "^5.2.1",
     "eslint-plugin-react": "^7.35.0",
     "optipng-bin": "^9.0.0",
diff --git a/source/js/buyers-guide/analytics-events.js b/source/js/buyers-guide/analytics-events.js
index d4c5c70e301..414a2491cae 100644
--- a/source/js/buyers-guide/analytics-events.js
+++ b/source/js/buyers-guide/analytics-events.js
@@ -1,4 +1,4 @@
-import { ReactGA, GoogleAnalytics } from "../common";
+import { GoogleAnalytics } from "../common";
 
 /**
  * Based on given page title and product name, generate an object to use for GA events
@@ -10,6 +10,7 @@ function getQuerySelectorEvents(pageTitle, productName) {
   return {
     // "site-wide" events
     "[data-donate-header-button]": {
+      event: `donate_header_button`,
       category: `buyersguide`,
       action: `donate tap`,
       label: `${pageTitle} donate header`,
@@ -17,6 +18,7 @@ function getQuerySelectorEvents(pageTitle, productName) {
 
     // product events
     "#product-company-url": {
+      event: `product_company_link_tap`,
       category: `product`,
       action: `company link tap`,
       label: `company link for ${productName}`,
@@ -25,6 +27,7 @@ function getQuerySelectorEvents(pageTitle, productName) {
       conditionalQuery: `#view-product-page`,
     },
     "#product-live-chat": {
+      event: `customer_support_link_tap`,
       category: `product`,
       action: `customer support link tap`,
       label: `support link for ${productName}`,
@@ -34,6 +37,7 @@ function getQuerySelectorEvents(pageTitle, productName) {
       optional_element: true,
     },
     "#product-email": {
+      event: `email_link_tap`,
       category: `product`,
       action: `email link tap`,
       label: `email link for ${productName}`,
@@ -43,6 +47,7 @@ function getQuerySelectorEvents(pageTitle, productName) {
       optional_element: true,
     },
     "#product-twitter": {
+      event: `twitter_link_tap`,
       category: `product`,
       action: `twitter link tap`,
       label: `twitter link for ${productName}`,
@@ -52,6 +57,7 @@ function getQuerySelectorEvents(pageTitle, productName) {
       optional_element: true,
     },
     "#creep-vote-btn": {
+      event: `opinion_submitted`,
       category: `product`,
       action: `opinion submitted`,
       label: `opinion on ${productName}`,
@@ -59,6 +65,7 @@ function getQuerySelectorEvents(pageTitle, productName) {
       conditionalQuery: `#view-product-page`,
     },
     "a.privacy-policy-link": {
+      event: `privacy_policy_link_tap`,
       category: `product`,
       action: `privacy policy link tap`,
       label: `policy link for ${productName}`,
@@ -67,6 +74,7 @@ function getQuerySelectorEvents(pageTitle, productName) {
       conditionalQuery: `#view-product-page`,
     },
     ".product-update-link": {
+      event: `update_article_link_tap`,
       category: `product`,
       action: `update article link tap`,
       label: `update article link for ${productName}`,
@@ -77,6 +85,7 @@ function getQuerySelectorEvents(pageTitle, productName) {
       optional_element: true,
     },
     "#mss-link": {
+      event: `minimum_security_standards_link_tap`,
       category: `product`,
       action: `minimum security standards link tap`,
       label: `mss link for ${productName}`,
@@ -84,6 +93,7 @@ function getQuerySelectorEvents(pageTitle, productName) {
       conditionalQuery: `#view-product-page`,
     },
     ".btn-recommend": {
+      event: `submit_a_product_button_tap`,
       category: `buyersguide`,
       action: `submit a product button tap`,
       label: `submit a product button tap on ${pageTitle}`,
@@ -99,7 +109,11 @@ function getQuerySelectorEvents(pageTitle, productName) {
  * @param {Object} eventData data to send as GA event
  */
 function setupElementGA(element, eventData) {
-  element.addEventListener("click", () => ReactGA.event(eventData), true);
+  element.addEventListener(
+    "click",
+    () => window.dataLayer.push(eventData),
+    true
+  );
 }
 
 /**
@@ -120,7 +134,7 @@ function bindCheckboxCheckedGA(selector, eventData) {
     "change",
     () => {
       if (checkbox.checked) {
-        ReactGA.event(eventData);
+        window.dataLayer.push(eventData);
       }
     },
     true
@@ -147,7 +161,8 @@ function trackSearchBoxUsage() {
       let searchBoxUsed = sessionStorage.getItem(SESSION_KEY);
 
       if (!searchBoxUsed) {
-        ReactGA.event({
+        window.dataLayer.push({
+          event: `type_in_search_box`,
           category: `buyersguide`,
           action: `type in search box`,
           label: `search box used`,
@@ -177,7 +192,8 @@ function trackGoBackToAllProductsLink() {
   link.addEventListener(
     "click",
     () => {
-      ReactGA.event({
+      window.dataLayer.push({
+        event: `product_not_found_all_link_tap`,
         category: `buyersguide`,
         action: `product not found All link tap`,
         label: `All link tap for ${searchBox.value}`,
@@ -228,6 +244,7 @@ const ProductGA = {
 
       if (elements.length > 0) {
         const eventData = {
+          event: baseData.event,
           category: baseData.category,
           action: baseData.action,
           label: baseData.label,
@@ -248,6 +265,7 @@ const ProductGA = {
     // tracks when MSS accordion on product page is expanded
     if (document.querySelector(`#view-product-page`)) {
       bindCheckboxCheckedGA("#view-product-page #mss-accordion-toggle", {
+        event: `security_expand_accordion_tap`,
         category: `product`,
         action: `security expand accordion tap`,
         label: `detail view for MSS on for ${productName}`,
@@ -256,6 +274,7 @@ const ProductGA = {
 
     if (document.querySelector(`body.catalog`)) {
       bindCheckboxCheckedGA("body.catalog #product-filter-pni-toggle", {
+        event: `ding_checkbox_checked`,
         category: `buyersguide`,
         action: `ding checkbox checked`,
         label: `ding checkbox checked on ${pageTitle}`,
diff --git a/source/js/buyers-guide/components/social-share/social-share.jsx b/source/js/buyers-guide/components/social-share/social-share.jsx
index 20df6cc2d48..151f10bae0f 100644
--- a/source/js/buyers-guide/components/social-share/social-share.jsx
+++ b/source/js/buyers-guide/components/social-share/social-share.jsx
@@ -1,5 +1,4 @@
 import React from "react";
-import { ReactGA } from "../../../common";
 import copyToClipboard from "../../../../js/copy-to-clipboard.js";
 
 /**
@@ -15,6 +14,7 @@ const SocialShareLink = (props) => {
     props.productName
   } is ${props.creepType.toUpperCase()}. What do you think? Check out the Creep-O-Meter over on @mozilla’s ${link} buyer’s guide.`;
   let shareEvent = {
+    event: `share_vote_`,
     category: `product`,
     action: `share tap`,
     label: `share vote `,
@@ -25,6 +25,7 @@ const SocialShareLink = (props) => {
     classes += `facebook-share`;
     srLabel = `Facebook`;
     shareEvent.label += `to facebook`;
+    shareEvent.event += `to_facebook`;
     link = `https://www.facebook.com/sharer/sharer.php?u=https://${link}`;
   }
 
@@ -32,6 +33,7 @@ const SocialShareLink = (props) => {
     classes += `twitter-share`;
     srLabel = `Twitter`;
     shareEvent.label += `to twitter`;
+    shareEvent.event += `to_twitter`;
     link = `https://twitter.com/intent/tweet?text=${encodeURIComponent(
       shareText
     )}`;
@@ -41,6 +43,7 @@ const SocialShareLink = (props) => {
     classes += `email-share`;
     srLabel = `Email`;
     shareEvent.label += `via email`;
+    shareEvent.event += `via_email`;
     link = `mailto:?&body=${encodeURIComponent(shareText)}`;
   }
 
@@ -48,11 +51,12 @@ const SocialShareLink = (props) => {
     classes += `link-share`;
     srLabel = `Copy`;
     shareEvent.label += `using a link`;
+    shareEvent.event += `using_a_link`;
     link = `#`;
   }
 
   let trackShareAction = () => {
-    ReactGA.event(shareEvent);
+    window.dataLayer.push(shareEvent);
   };
 
   // We actually need slightly different behaviour
diff --git a/source/js/common/template-js-handles/footer-donate-button.js b/source/js/common/template-js-handles/footer-donate-button.js
index 9e835daedbc..9c569fb3d3e 100644
--- a/source/js/common/template-js-handles/footer-donate-button.js
+++ b/source/js/common/template-js-handles/footer-donate-button.js
@@ -5,13 +5,14 @@ import { ReactGA } from "../react-ga-proxy.js";
  * ("Donate" button on footer)
  */
 export default () => {
-  let donateFooterBtn = document.getElementById(`donate-footer-btn`);
+  let donateFooterBtn = document.getElementById("donate-footer-btn");
 
   if (donateFooterBtn) {
-    donateFooterBtn.addEventListener(`click`, () => {
-      ReactGA.event({
-        category: `donate`,
-        action: `donate button tap`,
+    donateFooterBtn.addEventListener("click", () => {
+      window.dataLayer.push({
+        event: "donate_button_click",
+        category: "donate",
+        action: "donate button tap",
         label: `${document.title} footer`,
       });
     });
diff --git a/source/js/common/template-js-handles/header-donate-button.js b/source/js/common/template-js-handles/header-donate-button.js
index 4e95d3928ef..8850c327d0a 100644
--- a/source/js/common/template-js-handles/header-donate-button.js
+++ b/source/js/common/template-js-handles/header-donate-button.js
@@ -1,4 +1,4 @@
-import { ReactGA } from "../../common";
+import { ReactGA } from "../react-ga-proxy.js";
 
 /**
  * Bind click handler to data-donate-header-button
@@ -11,7 +11,8 @@ export default () => {
   if (donateHeaderBtn.length > 0) {
     donateHeaderBtn.forEach((element) => {
       element.addEventListener(`click`, () => {
-        ReactGA.event({
+        window.dataLayer.push({
+          event: `donate_button_tap_header`,
           category: `donate`,
           action: `donate button tap`,
           label: `${document.title} header`,
diff --git a/source/js/components/newsletter-signup/organisms/default-layout-signup.jsx b/source/js/components/newsletter-signup/organisms/default-layout-signup.jsx
index 7979025bdf1..ef8ed8e8524 100644
--- a/source/js/components/newsletter-signup/organisms/default-layout-signup.jsx
+++ b/source/js/components/newsletter-signup/organisms/default-layout-signup.jsx
@@ -12,7 +12,6 @@ import ButtonQuit from "../atoms/button-quit.jsx";
 import APIErrorMessage from "../atoms/api-error-message.jsx";
 import withSubmissionLogic from "./with-submission-logic.jsx";
 import utility from "../../../utility.js";
-import { ReactGA } from "../../../common";
 import { getText, getCurrentLanguage } from "../../petition/locales";
 import { COUNTRY_OPTIONS } from "../data/country-options.js";
 import { LANGUAGE_OPTIONS } from "../data/language-options.js";
@@ -92,7 +91,8 @@ class DefaultSignupForm extends Component {
   }
 
   handleInputFocus() {
-    ReactGA.event({
+    window.dataLayer.push({
+      event: `signup_form_input_focused`,
       category: `signup`,
       action: `form focus`,
       label: `Signup form input focused`,
diff --git a/source/js/components/newsletter-signup/organisms/with-submission-logic.jsx b/source/js/components/newsletter-signup/organisms/with-submission-logic.jsx
index ce3f31654cc..211a1a8f729 100644
--- a/source/js/components/newsletter-signup/organisms/with-submission-logic.jsx
+++ b/source/js/components/newsletter-signup/organisms/with-submission-logic.jsx
@@ -1,6 +1,5 @@
 import React from "react";
 import PropTypes from "prop-types";
-import { ReactGA } from "../../../common";
 import { getText } from "../../petition/locales";
 
 /**
@@ -104,21 +103,17 @@ function withSubmissionLogic(WrappedComponent) {
      * @returns {void}
      */
     trackFormSubmit(formData) {
-      ReactGA.event({
-        category: `signup`,
-        action: `form submit tap`,
-        label: `Signup submitted from ${
-          this.props.formPosition ? this.props.formPosition : document.title
-        }`,
-      });
-
-      window.dataLayer = window.dataLayer || [];
       window.dataLayer.push({
-        event: "form_submission",
+        event: "form_submission_newsletter_signup",
+        category: `signup_submitted_from`,
+        action: `form submit tap`,
         form_type: "newsletter_signup",
         form_location: this.props.formPosition || null,
         country: formData.country,
         language: formData.language,
+        label: `Signup submitted from ${
+          this.props.formPosition ? this.props.formPosition : document.title
+        }`,
       });
     }
 
diff --git a/source/js/components/petition/petition-thank-you.jsx b/source/js/components/petition/petition-thank-you.jsx
index bfe3452f23c..f0f73c6f4f6 100644
--- a/source/js/components/petition/petition-thank-you.jsx
+++ b/source/js/components/petition/petition-thank-you.jsx
@@ -1,5 +1,4 @@
 import { Component } from "react";
-import { ReactGA } from "../../common";
 import DonationModal from "./donation-modal.jsx";
 import copyToClipboard from "../../copy-to-clipboard";
 
diff --git a/source/js/foundation/pages/dear-internet/template-js-handler/cta-button.js b/source/js/foundation/pages/dear-internet/template-js-handler/cta-button.js
index e623f5b810f..4b2436d62e0 100644
--- a/source/js/foundation/pages/dear-internet/template-js-handler/cta-button.js
+++ b/source/js/foundation/pages/dear-internet/template-js-handler/cta-button.js
@@ -1,5 +1,3 @@
-import { ReactGA } from "../../../../common";
-
 /**
  * Bind handler to CTA button on Dear Internet page
  */
@@ -9,7 +7,8 @@ export default () => {
   if (!ctaButton) return;
 
   ctaButton.addEventListener(`click`, () => {
-    ReactGA.event({
+    window.dataLayer.push({
+      event: `main_cta_donate_button_tap`,
       category: `donate`,
       action: `donate button tap`,
       label: `main CTA`,
diff --git a/source/js/foundation/pages/mozfest/template-js-handler/footer-social-button.js b/source/js/foundation/pages/mozfest/template-js-handler/footer-social-button.js
index c315cbe7f6d..ac34c44ce55 100644
--- a/source/js/foundation/pages/mozfest/template-js-handler/footer-social-button.js
+++ b/source/js/foundation/pages/mozfest/template-js-handler/footer-social-button.js
@@ -1,5 +1,3 @@
-import { ReactGA } from "../../../../common";
-
 /**
  * Bind handler to social buttons on MozFest footer
  */
@@ -8,7 +6,8 @@ export default () => {
     .querySelectorAll(`body.mozfest footer a[data-platform]`)
     .forEach((button) => {
       button.addEventListener(`click`, () => {
-        ReactGA.event({
+        window.dataLayer.push({
+          event: `footer_social_button_tap`,
           category: `social`,
           action: `social button tap`,
           label: `${button.dataset.platform} footer button tap`,
diff --git a/source/js/foundation/pages/mozfest/template-js-handler/home-banner.js b/source/js/foundation/pages/mozfest/template-js-handler/home-banner.js
index 52b7f6a9c5d..39c3f4e9f80 100644
--- a/source/js/foundation/pages/mozfest/template-js-handler/home-banner.js
+++ b/source/js/foundation/pages/mozfest/template-js-handler/home-banner.js
@@ -1,5 +1,3 @@
-import { ReactGA } from "../../../../common";
-
 /**
  * Mozfest hero banner video component.
  * Provides play/pause buttons functionality, as well as GA tracking of video plays.
@@ -100,7 +98,8 @@ const backgroundHardcodedVideoHandler = () => {
 
 // Track video watches in google analytics
 const trackWatchVideoClicks = () => {
-  ReactGA.event({
+  window.dataLayer.push({
+    event: `cta_watch_video_tap`,
     category: `CTA`,
     action: `watch video tap`,
     label: `watch video button tap`,
diff --git a/source/js/foundation/pages/mozfest/template-js-handler/primary-button.js b/source/js/foundation/pages/mozfest/template-js-handler/primary-button.js
index 347e8dd49ca..6b914f80752 100644
--- a/source/js/foundation/pages/mozfest/template-js-handler/primary-button.js
+++ b/source/js/foundation/pages/mozfest/template-js-handler/primary-button.js
@@ -1,5 +1,3 @@
-import { ReactGA } from "../../../../common";
-
 /**
  * Bind handler to primary buttons on MozFest
  */
@@ -8,7 +6,8 @@ export default () => {
     .querySelectorAll(`body.mozfest .cms a.tw-btn-primary`)
     .forEach((button) => {
       button.addEventListener(`click`, () => {
-        ReactGA.event({
+        window.dataLayer.push({
+          event: `cta_button_tap`,
           category: `CTA`,
           action: `button tap`,
           label: button.innerText,
diff --git a/source/js/foundation/pages/youtube-regrets/regrets-reporter/template-js-handler/cta-button.js b/source/js/foundation/pages/youtube-regrets/regrets-reporter/template-js-handler/cta-button.js
index 51f5b88d2a6..257e9a80761 100644
--- a/source/js/foundation/pages/youtube-regrets/regrets-reporter/template-js-handler/cta-button.js
+++ b/source/js/foundation/pages/youtube-regrets/regrets-reporter/template-js-handler/cta-button.js
@@ -1,5 +1,3 @@
-import { ReactGA } from "../../../../../common";
-
 /**
  * Bind handler to download button for Firefox/Chrome download button
  * on the youtube regrets page.
@@ -17,7 +15,8 @@ export default () => {
         : ``;
 
       button.addEventListener(`click`, () => {
-        ReactGA.event({
+        window.dataLayer.push({
+          event: `cta_download`,
           category: `CTA download`,
           action: `${browserName}${location} button tap`,
           label: `${document.title} - ${button.innerText}`,
diff --git a/source/js/foundation/template-js-handler/homepage.js b/source/js/foundation/template-js-handler/homepage.js
index e00b76358cd..781595ec366 100644
--- a/source/js/foundation/template-js-handler/homepage.js
+++ b/source/js/foundation/template-js-handler/homepage.js
@@ -1,5 +1,3 @@
-import { ReactGA } from "../../common";
-
 /**
  * Bind click handler for call to action links
  */
@@ -9,7 +7,8 @@ export default () => {
   let bindCtaGA = (element, eventAction) => {
     if (element) {
       element.addEventListener(`click`, () => {
-        ReactGA.event({
+        window.dataLayer.push({
+          event: eventAction.replace(" ", "_"),
           category: `CTA read more`,
           action: eventAction,
           label: `${DOC_TITLE} - ${element.innerText}`,
@@ -46,7 +45,8 @@ export default () => {
   let donateBannerCta = document.querySelector("#donate-banner-cta");
   if (donateBannerCta) {
     donateBannerCta.addEventListener(`click`, () => {
-      ReactGA.event({
+      window.dataLayer.push({
+        event: `donate_button_tap_banner`,
         category: `donate`,
         action: `donate button tap banner`,
         label: `${DOC_TITLE} banner`,
diff --git a/source/js/foundation/template-js-handler/participate-page-donate.js b/source/js/foundation/template-js-handler/participate-page-donate.js
index ac7a7aa6877..e05575c5e04 100644
--- a/source/js/foundation/template-js-handler/participate-page-donate.js
+++ b/source/js/foundation/template-js-handler/participate-page-donate.js
@@ -1,5 +1,3 @@
-import { ReactGA } from "../../common";
-
 /**
  * Bind click handler to "#view-participate .card-cta .btn[href*="donate.mozilla.org"]"
  * (the Donate CTA button on participate page)
@@ -11,7 +9,8 @@ export default () => {
 
   if (participateDonateBtn) {
     participateDonateBtn.addEventListener(`click`, () => {
-      ReactGA.event({
+      window.dataLayer.push({
+        event: `donate_button_tap_participate_page`,
         category: `donate`,
         action: `donate button tap`,
         label: document.title,
diff --git a/source/js/foundation/template-js-handler/pulse-profile-card.js b/source/js/foundation/template-js-handler/pulse-profile-card.js
index 76384afbf04..d0172386e1d 100644
--- a/source/js/foundation/template-js-handler/pulse-profile-card.js
+++ b/source/js/foundation/template-js-handler/pulse-profile-card.js
@@ -1,5 +1,3 @@
-import { ReactGA } from "../../common";
-
 /**
  * Bind handlers to elements in ".profiles .person-card"
  */
@@ -13,8 +11,8 @@ export default () => {
   ) {
     if (socialTwitter) {
       socialTwitter.addEventListener(`click`, () => {
-        ReactGA.event({
-          category: `profiles`,
+        window.dataLayer.push({
+          category: `profiles_tap_twitter`,
           action: `profile tap`,
           label: `${document.title} ${profileName} twitter`,
           transport: `beacon`,
@@ -24,8 +22,8 @@ export default () => {
 
     if (socialLinkedIn) {
       socialLinkedIn.addEventListener(`click`, () => {
-        ReactGA.event({
-          category: `profiles`,
+        window.dataLayer.push({
+          category: `profiles_tap_linkedin`,
           action: `profile tap`,
           label: `${document.title} ${profileName} linkedin`,
           transport: `beacon`,
@@ -40,7 +38,8 @@ export default () => {
     // event listener & GA
     let bindAnalytics = (element, profileName) => {
       element.addEventListener(`click`, () => {
-        ReactGA.event({
+        window.dataLayer.push({
+          event: `profiles_tap_pulse_profile`,
           category: `profiles`,
           action: `profile tap`,
           label: `${document.title} ${profileName} pulse profile`,
diff --git a/source/js/foundation/template-js-handler/pulse-profile-list-filter.js b/source/js/foundation/template-js-handler/pulse-profile-list-filter.js
index 7db48fdd8b1..ec90f486f72 100644
--- a/source/js/foundation/template-js-handler/pulse-profile-list-filter.js
+++ b/source/js/foundation/template-js-handler/pulse-profile-list-filter.js
@@ -1,10 +1,9 @@
-import { ReactGA } from "../../common";
-
 /**
  * Bind click handler to
  * ".profile-directory .fellowships-directory-filter .filter-option button"
  * (filter buttons on fellowships' Pulse directory)
  */
+
 export default () => {
   document
     .querySelectorAll(
@@ -13,7 +12,8 @@ export default () => {
     .forEach((filter) => {
       let year = filter.textContent.trim();
       filter.addEventListener(`click`, () => {
-        ReactGA.event({
+        window.dataLayer.push({
+          event: `profiles_directory_filter`,
           category: `profiles`,
           action: `directory filter`,
           label: `${document.title} ${year}`,
diff --git a/source/js/foundation/template-js-handler/share-button-group.js b/source/js/foundation/template-js-handler/share-button-group.js
index d41665cdc5f..e02e7cab71a 100644
--- a/source/js/foundation/template-js-handler/share-button-group.js
+++ b/source/js/foundation/template-js-handler/share-button-group.js
@@ -1,4 +1,3 @@
-import { ReactGA } from "../../common";
 import copyToClipboard from "../../copy-to-clipboard";
 
 export default () => {
@@ -11,7 +10,8 @@ export default () => {
   }
 
   let bindGaEvent = (type = ``) => {
-    ReactGA.event({
+    window.dataLayer.push({
+      event: `social_share_tap`,
       category: `social`,
       action: `${type} share tap`,
       label: `${type} share`,
diff --git a/source/js/primary-nav.js b/source/js/primary-nav.js
index dd31c5283d5..6130d982117 100644
--- a/source/js/primary-nav.js
+++ b/source/js/primary-nav.js
@@ -1,5 +1,3 @@
-import { ReactGA } from "./common";
-
 let primaryNav = {
   init: function () {
     let elBurger = document.querySelector(`.burger`);
@@ -35,13 +33,15 @@ let primaryNav = {
 
     function trackMenuState(openMenu) {
       if (openMenu) {
-        ReactGA.event({
+        window.dataLayer.push({
+          event: `show_navigation_menu`,
           category: `navigation`,
           action: `show menu`,
           label: `Show navigation menu`,
         });
       } else {
-        ReactGA.event({
+        window.dataLayer.push({
+          event: `hide_navigation_menu`,
           category: `navigation`,
           action: `hide menu`,
           label: `Hide navigation menu`,