songs2vid/components/GoogleTagManager.tsx

import Script from "next/script";

const GTM_ID = "GTM-PZL4HXBR";

/**
 * Google Tag Manager container GTM-PZL4HXBR.
 * Place in <head> as early as possible (beforeInteractive).
 */
export function GoogleTagManager() {
  return (
    <Script id="google-tag-manager" strategy="beforeInteractive">{`
(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>
  );
}

/** GTM noscript iframe — immediately after opening <body>. */
export function GoogleTagManagerNoscript() {
  return (
    <noscript>
      <iframe
        src={`https://www.googletagmanager.com/ns.html?id=${GTM_ID}`}
        height={0}
        width={0}
        style={{ display: "none", visibility: "hidden" }}
        title="Google Tag Manager"
      />
    </noscript>
  );
}