chore: fake gtag function in dev & test env if forceEnable is not true (

#118)
romgere · Oct 25, 2023 · 0c15728 · 0c15728
1 parent 9b54b3e
commit 0c15728
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/app/initializers/gtag.ts b/app/initializers/gtag.ts
@@ -3,8 +3,11 @@ const { gTag, environment } = config;
 
 export function initialize() {
   if (!gTag?.forceEnable && ['development', 'test'].includes(environment)) {
+    // Just define gtag function to prevent dev/test to fail
+    fakeGtag();
     return;
   } else if (!gTag?.tag) {
+    console.error('no GTAG defined, skipping Gtag script load');
     return;
   }
 
@@ -31,6 +34,14 @@ function initGtag() {
   document.body.appendChild(script);
 }
 
+function fakeGtag() {
+  const script = document.createElement('script');
+  script.innerHTML = `function gtag(){}`;
+
+  // Append the script tag to the document.
+  document.body.appendChild(script);
+}
+
 export default {
   initialize,
 };
diff --git a/config/environment.js b/config/environment.js
@@ -16,7 +16,7 @@ module.exports = function (environment) {
 
     gTag: {
       tag: 'G-47QBQ5GB3Y',
-      forceEnable: true,
+      // forceEnable: true, // For testing
     },
 
     'ember-toggle': {