feat: GA, GMT用のタグ追加

oystersjp · Aug 15, 2024 · 0b7bcb8 · 0b7bcb8 · github-actions · Aug 15, 2024
1 parent 0b36b13
commit 0b7bcb8
Showing 1 changed file with 56 additions and 18 deletions.
diff --git a/src/useCases/Home/components/PageHome/PageHome.astro b/src/useCases/Home/components/PageHome/PageHome.astro
@@ -30,23 +30,61 @@ const subTitle = '若手ものづくり集団 Oysters'
     <meta name="twitter:image:src" content={ogpImageUrl} />
 
     <title>{title} | {subTitle}</title>
-  </head>
 
-  <body>
-    <Hero>
-      <Header slot="header" />
-    </Hero>
-    <main class="container mx-auto pb-9 px-safe">
-      <div class="mt-9">
-        <Activities />
-      </div>
-      <div class="mt-9">
-        <Members />
-      </div>
-      <div class="mt-9">
-        <Highlights />
-      </div>
-    </main>
-    <Footer />
-  </body>
+    <!-- Google tag (gtag.js) -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-WM91B782B2"
+    ></script>
+    <script is:inline>
+      window.dataLayer = window.dataLayer || []
+      function gtag() {
+        dataLayer.push(arguments)
+      }
+      gtag('js', new Date())
+
+      gtag('config', 'G-WM91B782B2')
+    </script>
+    <!-- Google Tag Manager -->
+    <script is:inline>
+      ;(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-WB6N7QH')
+    </script>
+    <!-- End Google Tag Manager -->
+  </head>
 </html>
+
+<body>
+  <!-- Google Tag Manager (noscript) -->
+  <noscript
+    ><iframe
+      title="No content"
+      src="https://www.googletagmanager.com/ns.html?id=GTM-WB6N7QH"
+      height="0"
+      width="0"
+      style="display:none;visibility:hidden"></iframe></noscript
+  >
+  <!-- End Google Tag Manager (noscript) -->
+
+  <Hero>
+    <Header slot="header" />
+  </Hero>
+  <main class="container mx-auto pb-9 px-safe">
+    <div class="mt-9">
+      <Activities />
+    </div>
+    <div class="mt-9">
+      <Members />
+    </div>
+    <div class="mt-9">
+      <Highlights />
+    </div>
+  </main>
+  <Footer />
+</body>