chore: Update npm dependencies and add @astrojs/partytown for Google …

…Analytics tracking
RND332 · Jun 16, 2024 · bcf9218 · bcf9218
1 parent 2025c33
commit bcf9218
Show file tree

Hide file tree

Showing 4 changed files with 34 additions and 3 deletions.
diff --git a/astro.config.mjs b/astro.config.mjs
@@ -5,9 +5,21 @@ import { shield } from '@kindspells/astro-shield';
 import sitemap from "@astrojs/sitemap";
 import playformCompress from "@playform/compress";
 
+import partytown from "@astrojs/partytown";
+
 // https://astro.build/config
 export default defineConfig({
-  integrations: [tailwind(), mdx(), sitemap(), shield({}), playformCompress()],
+  integrations: [
+    tailwind(),
+    mdx(),
+    sitemap(),
+    shield({}),
+    playformCompress(),
+    partytown({
+      config: {
+        forward: ["dataLayer.push"],
+      },
+    })],
   site: 'https://rnd332.com',
   build: {
     inlineStylesheets: 'always'

diff --git a/package.json b/package.json
@@ -12,6 +12,7 @@
   "dependencies": {
     "@astrojs/check": "^0.7.0",
     "@astrojs/mdx": "^3.1.0",
+    "@astrojs/partytown": "^2.1.1",
     "@astrojs/react": "^3.4.0",
     "@astrojs/sitemap": "^3.1.5",
     "@astrojs/tailwind": "^5.1.0",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -31,8 +31,8 @@ const pages: Array<Page> = [
 		<ViewTransitions />
 	</head>
 	<!-- Google tag (gtag.js) -->
-	<script is:inline async src="https://www.googletagmanager.com/gtag/js?id=G-VSD6GSYPH2" crossorigin="anonymous"></script>
-	<script is:inline type="module">
+	<script is:inline type="text/partytown" async src="https://www.googletagmanager.com/gtag/js?id=G-VSD6GSYPH2" crossorigin="anonymous" integrity="sha256-qYiLo0cdNGfiDZoKmLxVFIfrl5RsVuOVzzAivA2hHLo="></script>
+	<script is:inline type="text/partytown">
 		window.dataLayer = window.dataLayer || [];
 		function gtag(){dataLayer.push(arguments);}
 		gtag('js', new Date());