sendnrw/netbird-docs
2
0
Fork 0
mirror of https://github.com/netbirdio/docs.git synced 2026-04-16 15:36:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add google tag manager (#308)

Browse Source
This commit is contained in:
Eduard Gert
2025-04-24 20:48:35 +02:00
committed by GitHub
parent e98d360f46
commit 89ccf4d56e
2 changed files with 35 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/components/GoogleTagManager.jsx Normal file
View File

@@ -0,0 +1,31 @@
import * as React from "react";
import Script from "next/script";
// Google Tag Manager ID
const GTM_ID = "GTM-PGWDPDN3";
export const GoogleTagManagerHeadScript = () => {
return (
<Script id="gtm-script" strategy="afterInteractive">
{`(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','${GTM_ID}');`}
</Script>
);
};
export const GoogleTageManagerBodyScript = () => {
return (
<noscript>
<iframe
title={"Google Tag Manager"}
src={`https://www.googletagmanager.com/ns.html?id=${GTM_ID}`}
height="0"
width="0"
style={{ display: "none", visibility: "hidden" }}
/>
</noscript>
);
};

3
src/pages/_document.jsx
View File

@@ -1,4 +1,5 @@
import { Head, Html, Main, NextScript } from 'next/document' import { Head, Html, Main, NextScript } from 'next/document'
import {GoogleTageManagerBodyScript, GoogleTagManagerHeadScript} from "@/components/GoogleTagManager";
const modeScript = ` const modeScript = `
let darkModeMediaQuery = window.matchMedia('(prefers-color-scheme: dark)') let darkModeMediaQuery = window.matchMedia('(prefers-color-scheme: dark)')
@@ -39,10 +40,12 @@ export default function Document() {
return ( return (
<Html lang="en"> <Html lang="en">
<Head> <Head>
<GoogleTagManagerHeadScript />
<script dangerouslySetInnerHTML={{ __html: modeScript }} /> <script dangerouslySetInnerHTML={{ __html: modeScript }} />
<link rel="shortcut icon" href="/docs-static/img/favicon.ico" /> <link rel="shortcut icon" href="/docs-static/img/favicon.ico" />
</Head> </Head>
<body className="bg-white antialiased dark:bg-zinc-900"> <body className="bg-white antialiased dark:bg-zinc-900">
<GoogleTageManagerBodyScript />
<Main /> <Main />
<NextScript /> <NextScript />
</body> </body>