switched to npm tag manager

avsilva · Aug 6, 2021 · 5a6a2dc · 5a6a2dc
1 parent 7605a39
commit 5a6a2dc
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 28 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -12,6 +12,7 @@
     "ray-tracing-renderer": "^0.10.15",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
+    "react-gtm-module": "^2.0.11",
     "react-icons": "^4.2.0",
     "react-scripts": "4.0.3",
     "react-spring": "^9.0.0",

diff --git a/public/index.html b/public/index.html
@@ -1,23 +1,6 @@
 <!DOCTYPE html>
 <html lang="en">
     <head>
-        <!-- Google Tag Manager -->
-        <script>
-            ;(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 = "https://www.googletagmanager.com/gtm.js?id=" + i + dl
-                f.parentNode.insertBefore(j, f)
-            })(window, document, "script", "dataLayer", "GTM-M4HNGJT")
-        </script>
-        <!-- End Google Tag Manager -->
         <meta charset="utf-8" />
         <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
         <meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -44,16 +27,6 @@
         <title>T-Shirt Designer</title>
     </head>
     <body>
-        <!-- Google Tag Manager (noscript) -->
-        <noscript
-            ><iframe
-                src="https://www.googletagmanager.com/ns.html?id=GTM-M4HNGJT"
-                height="0"
-                width="0"
-                style="display: none; visibility: hidden"
-            ></iframe
-        ></noscript>
-        <!-- End Google Tag Manager (noscript) -->
         <noscript>You need to enable JavaScript to run this app.</noscript>
         <div id="root"></div>
         <!--

diff --git a/src/App.js b/src/App.js
@@ -4,7 +4,13 @@ import Viewer from "./components/three/Viewer"
 import logo from "./assets/images/logo.png"
 import "./globalStyles.css"
 import useStore from "./states/modelState"
-import Banner from "./components/Banner"
+import TagManager from "react-gtm-module"
+
+const tagManagerArgs = {
+    gtmId: "GTM-M4HNGJT",
+}
+
+TagManager.initialize(tagManagerArgs)
 
 export default function App() {
     const { gl } = useStore()