From 7f0d88bcf6b7dc15f3554fdcb70028adf25f4432 Mon Sep 17 00:00:00 2001 From: Adrian Date: Tue, 8 Apr 2025 13:22:38 -0400 Subject: [PATCH 1/4] script and noscript added --- app/layout.tsx | 9 ++ lib/google-tag-manager/no-script.tsx | 16 ++++ lib/google-tag-manager/script.tsx | 18 ++++ middleware.ts | 4 +- package-lock.json | 129 +++++++++++++++++++++++++++ package.json | 1 + 6 files changed, 176 insertions(+), 1 deletion(-) create mode 100644 lib/google-tag-manager/no-script.tsx create mode 100644 lib/google-tag-manager/script.tsx diff --git a/app/layout.tsx b/app/layout.tsx index 7a69940..6e1f2f5 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -14,6 +14,9 @@ import { draftMode } from "next/headers"; import { SanityLive } from "../sanity/lib/live"; import { VisualEditing } from "next-sanity"; import DisableDraftMode from "../components/disable-draft-mode"; +import Head from "next/head"; +import GoogleTagManagerScript from "@/lib/google-tag-manager/script"; +import GoogleTagManagerNoScript from "@/lib/google-tag-manager/no-script"; const nunito = Nunito({ subsets: ["latin"] }); @@ -43,8 +46,14 @@ export default async function RootLayout({ children }: { children: React.ReactNo return ( + {/* GTM Head Script For Marketing */} + + + + {/* GTM Noscript For Marketing */} + {(await draftMode()).isEnabled && ( <> diff --git a/lib/google-tag-manager/no-script.tsx b/lib/google-tag-manager/no-script.tsx new file mode 100644 index 0000000..b4a0d91 --- /dev/null +++ b/lib/google-tag-manager/no-script.tsx @@ -0,0 +1,16 @@ +import React from "react"; + +const GoogleTagManagerNoScript = () => { + return ( + + ); +}; + +export default GoogleTagManagerNoScript; diff --git a/lib/google-tag-manager/script.tsx b/lib/google-tag-manager/script.tsx new file mode 100644 index 0000000..b9b8a18 --- /dev/null +++ b/lib/google-tag-manager/script.tsx @@ -0,0 +1,18 @@ +import Script from "next/script"; +import React from "react"; + +const GoogleTagManagerScript = () => { + return ( +