Add GTM instead of GA

zzzmisa · Dec 16, 2023 · 6b69c9a · 6b69c9a
1 parent 7a4a0fb
commit 6b69c9a
Show file tree

Hide file tree

Showing 2 changed files with 48 additions and 30 deletions.
diff --git a/en/index.html b/en/index.html
@@ -5,6 +5,20 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <!-- 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-M5SJDZ36");
+  </script>
+  <!-- End Google Tag Manager -->
   <!-- Bulma -->
   <link href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.9.4/css/bulma.min.css" rel="stylesheet">
   <!-- Fonts -->
@@ -44,17 +58,19 @@
   <meta name="twitter:title" content="Featured Image Maker">
   <meta name="twitter:description" content="Generator of simple featured images">
   <meta name="twitter:image" content="https://featured-image-maker.zzzmisa.com/img/logo.png">
-  <!-- Global site tag (gtag.js) - Google Analytics -->
-  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-88635038-5"></script>
-  <script>
-    window.dataLayer = window.dataLayer || [];
-    function gtag() { dataLayer.push(arguments); }
-    gtag('js', new Date());
-    gtag('config', 'UA-88635038-5');
-  </script>
 </head>
 
 <body>
+  <!-- Google Tag Manager (noscript) -->
+  <noscript
+    ><iframe
+      src="https://www.googletagmanager.com/ns.html?id=GTM-M5SJDZ36"
+      height="0"
+      width="0"
+      style="display: none; visibility: hidden"
+    ></iframe
+  ></noscript>
+  <!-- End Google Tag Manager (noscript) -->
   <section class="section hero is-bold has-text-centered">
     <h1 class="title is-1 is-spaced" style="font-family: 'Oswald', sans-serif;"><a class="has-text-dark"
         href="https://featured-image-maker.zzzmisa.com">Featured Image Maker</a></h1>
@@ -372,13 +388,6 @@ <h3>System requirements</h3>
       }
     }
   </style>
-  <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-  <!-- 広告1 -->
-  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1954319019035310" data-ad-slot="3306381628"
-    data-ad-format="auto" data-full-width-responsive="true"></ins>
-  <script>
-    (adsbygoogle = window.adsbygoogle || []).push({});
-  </script>
   <script src="../js/index.js" type="module"></script>
 </body>
 

diff --git a/index.html b/index.html
@@ -5,6 +5,20 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <!-- 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-M5SJDZ36");
+  </script>
+  <!-- End Google Tag Manager -->
   <!-- Bulma -->
   <link href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.9.4/css/bulma.min.css" rel="stylesheet">
   <!-- Fonts -->
@@ -44,17 +58,19 @@
   <meta name="twitter:title" content="Eye Catch Maker（アイキャッチメーカー）">
   <meta name="twitter:description" content="アイキャッチ画像が簡単に作れるジェネレーターです。">
   <meta name="twitter:image" content="https://featured-image-maker.zzzmisa.com/img/logo.png">
-  <!-- Global site tag (gtag.js) - Google Analytics -->
-  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-88635038-5"></script>
-  <script>
-    window.dataLayer = window.dataLayer || [];
-    function gtag() { dataLayer.push(arguments); }
-    gtag('js', new Date());
-    gtag('config', 'UA-88635038-5');
-  </script>
 </head>
 
 <body>
+  <!-- Google Tag Manager (noscript) -->
+  <noscript
+    ><iframe
+      src="https://www.googletagmanager.com/ns.html?id=GTM-M5SJDZ36"
+      height="0"
+      width="0"
+      style="display: none; visibility: hidden"
+    ></iframe
+  ></noscript>
+  <!-- End Google Tag Manager (noscript) -->
   <section class="section hero is-bold has-text-centered">
     <h1 class="title is-1 is-spaced" style="font-family: 'Oswald', sans-serif;"><a class="has-text-dark"
         href="https://featured-image-maker.zzzmisa.com">Eye Catch Maker</a></h1>
@@ -377,13 +393,6 @@ <h3>動作環境</h3>
       }
     }
   </style>
-  <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-  <!-- 広告1 -->
-  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1954319019035310" data-ad-slot="3306381628"
-    data-ad-format="auto" data-full-width-responsive="true"></ins>
-  <script>
-    (adsbygoogle = window.adsbygoogle || []).push({});
-  </script>
   <script src="js/index.js" type="module"></script>
 </body>