partytown added for GTagManager

astro.config.mjs

@@ -7,18 +7,20 @@ import mdx from '@astrojs/mdx';
 import compress from "astro-compress";
 import sitemap from "@astrojs/sitemap";
 import astroExpressiveCode from 'astro-expressive-code';
-import icon from 'astro-icon'
+import icon from 'astro-icon';
+import partytown from "@astrojs/partytown";
 
 /** @type {import('astro-expressive-code').AstroExpressiveCodeOptions} */
 const astroExpressiveCodeOptions = {
   // Example: Change the theme to "dracula"
   theme: 'min-dark'
 };
 
+
 // https://astro.build/config
 export default defineConfig({
   site: 'https://aritraroy.live',
-  integrations: [react(), astroExpressiveCode(astroExpressiveCodeOptions), mdx(), sitemap(), icon(), compress()],
+  integrations: [react(), astroExpressiveCode(astroExpressiveCodeOptions), mdx(), sitemap(), icon(), partytown(), compress()],
   markdown: {
     shikiConfig: {
       theme: 'min-dark',

package.json

@@ -12,6 +12,7 @@
   "dependencies": {
     "@astrojs/markdown-remark": "^4.2.1",
     "@astrojs/mdx": "^2.1.0",
+    "@astrojs/partytown": "^2.0.4",
     "@astrojs/react": "^3.0.9",
     "@astrojs/rss": "^4.0.4",
     "@astrojs/sitemap": "^3.0.5",

src/components/Meta/GoogleAnalytics.astro

@@ -1,9 +1,10 @@
 {
   import.meta.env.DEV && (
     <script
-      type="text/javascript"
+      type="text/partytown"
       async
       src="https://www.googletagmanager.com/gtag/js?id=NOT-PASSED"
+      is:inline
     />
     <script type="text/javascript">
     window.dataLayer = window.dataLayer || [];
@@ -19,9 +20,10 @@
 {
   import.meta.env.PROD && (
     <script
-      type="text/javascript"
+      type="text/partytown"
       async
       src="https://www.googletagmanager.com/gtag/js?id=G-ZX7CR53T89"
+      is:inline
     />
     <script type="text/javascript">
     window.dataLayer = window.dataLayer || [];