gtm added

This commit is contained in:
Alaguraj0361 2025-10-25 21:45:22 +05:30
parent 8b254a8867
commit febcc7b8ad

View File

@ -1,11 +1,4 @@
import { poppins } from "@/lib/font";
// import dynamic from "next/dynamic";
// // Lazy load heavy components
// const ContactFloat = dynamic(() => import("@/components/ContactFloat"), { ssr: false });
// const AutoPopup = dynamic(() => import("@/components/AutoPopup"), { ssr: false });
// Import only necessary CSS for global layout
import "@/node_modules/react-modal-video/css/modal-video.css";
import "../public/assets/css/bootstrap.css";
import "../public/assets/css/color.css";
@ -13,7 +6,7 @@ import "../public/assets/css/style.css";
import "swiper/css";
import "swiper/css/pagination";
import "swiper/css/free-mode";
import Head from "next/head";
import Script from "next/script";
export const metadata = {
title: "Best Pain Relief & Physiotherapy - Repharehab Clinic",
@ -23,46 +16,47 @@ export const metadata = {
export default function RootLayout({ children }) {
return (
<html lang="en" className={`${poppins.variable}`}>
<Head>
{/* Lazy load non-critical CSS */}
<link
rel="stylesheet"
href="/assets/css/style.css"
media="print"
onLoad="this.media='all'"
/>
<link
rel="stylesheet"
href="/assets/css/swiper.css"
media="print"
onLoad="this.media='all'"
/>
<link
rel="stylesheet"
href="/assets/css/swiper-pagination.css"
media="print"
onLoad="this.media='all'"
/>
<head>
{/* Microsoft Clarity */}
<Script id="clarity-script" strategy="afterInteractive">
{`
(function(c,l,a,r,i,t,y){
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/th7p0lr1ca";
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
})(window, document, "clarity", "script", "th7p0lr1ca");
`}
</Script>
{/* Google Tag Manager */}
<Script id="gtm-init" 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','G-KM1KJW539N');
`}
</Script>
</head>
{/* Microsoft Clarity Tracking */}
<script
dangerouslySetInnerHTML={{
__html: `
(function(c,l,a,r,i,t,y){
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/th7p0lr1ca";
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
})(window, document, "clarity", "script", "th7p0lr1ca");
`,
}}
/>
</Head>
<body>
{children}
{/* GTM noscript fallback */}
<noscript>
<iframe
src="https://www.googletagmanager.com/ns.html?id=G-KM1KJW539N"
height="0"
width="0"
style={{ display: "none", visibility: "hidden" }}
></iframe>
</noscript>
{/* Lazy loaded components */}
{/* <ContactFloat /> */}
{/* <AutoPopup /> */}
{children}
</body>
</html>
);