feat: add google analytics (#2)

Author: andylokandy

astro.config.mjs

@@ -12,13 +12,18 @@ import remarkBlockContainers from 'remark-block-containers';
 import astroExpressiveCode from 'astro-expressive-code';
 import rehypeFigure from 'rehype-figure';
 import remarkFigureCaption from "@microflash/remark-figure-caption";
+import partytown from '@astrojs/partytown'
 
 import { remarkModifiedTime } from './plugins/remark-modified-time';
 import { remarkReadingTime } from './plugins/remark-reading-time';
 import slateConfig from './slate.config';
 
 function computedIntegrations() {
-  const result = [astroExpressiveCode(), mdx(), react(), sitemap(slateConfig.sitemap)];
+  const result = [astroExpressiveCode(), mdx(), react(), sitemap(slateConfig.sitemap), partytown({
+    config: {
+      forward: ["dataLayer.push"],
+    },
+  })];
 
   return result;
 }

package.json

@@ -23,6 +23,7 @@
   "dependencies": {
     "@astrojs/check": "^0.9.4",
     "@astrojs/mdx": "^4.0.8",
+    "@astrojs/partytown": "^2.1.4",
     "@astrojs/react": "^4.2.0",
     "@astrojs/rss": "^4.0.11",
     "@astrojs/sitemap": "^3.2.1",

pnpm-lock.yaml

@@ -37,6 +37,16 @@ const { title, description, image } = Astro.props;
 <meta property="twitter:description" content={description} />
 <meta property="twitter:image" content={new URL(image, Astro.url)} />
 
+<!-- Google Analytics -->
+<script is:inline type="text/partytown" async src="https://www.googletagmanager.com/gtag/js?id=G-1CHQV4JH2Z"></script>
+<script is:inline type="text/partytown">
+  window.dataLayer = window.dataLayer || [];
+  function gtag(...args){dataLayer.push(args);}
+  gtag('js', new Date());
+
+  gtag('config', 'G-1CHQV4JH2Z');
+</script>
+
 <link
     rel="alternate"
     type="application/rss+xml"