SushiWaUmai/GoogleAnalytics.tsx

## GoogleAnalytics.tsx
import React from "react";
import Head from "next/head";
import Script from "next/script";
import { Partytown } from "@builder.io/partytown/react";

export interface GoogleAnalyticsProps {
  measurementId: string;
}

export const GoogleAnalytics: React.FC<GoogleAnalyticsProps> = ({
  measurementId,
}) => {
  return (
    <>
      <Head>
        <Partytown forward={["dataLayer.push"]} />
      </Head>

      <Script
        id="data-partytown-config"
        data-partytown-config
        dangerouslySetInnerHTML={{
          __html: `
                partytown = {
                  lib: "/_next/static/~partytown/",
                  forward: ["gtag"]
                };
              `,
        }}
      />
      <Script
        id="gtag-init"
        type="text/partytown"
        dangerouslySetInnerHTML={{
          __html: `
                window.dataLayer = window.dataLayer || [];
                window.gtag = function gtag(){window.dataLayer.push(arguments);}
                gtag('js', new Date());
                gtag('config', '${measurementId}', {
                    page_path: window.location.pathname,
                });
              `,
        }}
      />
      <Script
        strategy="worker"
        src={`https://www.googletagmanager.com/gtag/js?id=${measurementId}`}
      />
    </>
  );
};
	import React from "react";
	import Head from "next/head";
	import Script from "next/script";
	import { Partytown } from "@builder.io/partytown/react";

	export interface GoogleAnalyticsProps {
	measurementId: string;
	}

	export const GoogleAnalytics: React.FC<GoogleAnalyticsProps> = ({
	measurementId,
	}) => {
	return (
	<>
	<Head>
	<Partytown forward={["dataLayer.push"]} />
	</Head>

	<Script
	id="data-partytown-config"
	data-partytown-config
	dangerouslySetInnerHTML={{
	__html: `
	partytown = {
	lib: "/_next/static/~partytown/",
	forward: ["gtag"]
	};
	`,
	}}
	/>
	<Script
	id="gtag-init"
	type="text/partytown"
	dangerouslySetInnerHTML={{
	__html: `
	window.dataLayer = window.dataLayer \|\| [];
	window.gtag = function gtag(){window.dataLayer.push(arguments);}
	gtag('js', new Date());
	gtag('config', '${measurementId}', {
	page_path: window.location.pathname,
	});
	`,
	}}
	/>
	<Script
	strategy="worker"
	src={`https://www.googletagmanager.com/gtag/js?id=${measurementId}`}
	/>
	</>
	);
	};