Merge pull request #9 from sajal2692/develop

add partytown for lazy loading js and google analytics tag
sajal2692 · Jan 28, 2024 · d7b301a · d7b301a
2 parents f01ec76 + 6bebf7b
commit d7b301a
Show file tree

Hide file tree

Showing 4 changed files with 46 additions and 1 deletion.
diff --git a/astro.config.ts b/astro.config.ts
@@ -5,6 +5,7 @@ import remarkToc from "remark-toc";
 import remarkCollapse from "remark-collapse";
 import sitemap from "@astrojs/sitemap";
 import { SITE } from "./src/config";
+import partytown from "@astrojs/partytown";
 
 // https://astro.build/config
 export default defineConfig({
@@ -15,6 +16,11 @@ export default defineConfig({
     }),
     react(),
     sitemap(),
+    partytown({
+      config: {
+        forward: ["dataLayer.push"],
+      },
+    }),
   ],
   markdown: {
     remarkPlugins: [

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -16,6 +16,7 @@
   },
   "dependencies": {
     "@astrojs/check": "^0.4.1",
+    "@astrojs/partytown": "^2.0.4",
     "@astrojs/rss": "^4.0.1",
     "@resvg/resvg-js": "^2.6.0",
     "astro": "^4.1.1",

diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -108,6 +108,16 @@ const socialImageURL = new URL(
     <!-- Uncomment below to include animations -->
     <!-- <ViewTransitions /> -->
 
+    <!-- Google tag (gtag.js) -->
+    <script type="text/partytown" async src="https://www.googletagmanager.com/gtag/js?id=G-JCR2S41KRX"></script>
+    <script type="text/partytown">
+      window.dataLayer = window.dataLayer || [];
+      function gtag(){dataLayer.push(arguments);}
+      gtag('js', new Date());
+
+      gtag('config', 'G-JCR2S41KRX');
+    </script>
+
     <script is:inline src="/toggle-theme.js"></script>
   </head>
   <body>