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 { 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 "@/node_modules/react-modal-video/css/modal-video.css";
import "../public/assets/css/bootstrap.css"; import "../public/assets/css/bootstrap.css";
import "../public/assets/css/color.css"; import "../public/assets/css/color.css";
@ -13,7 +6,7 @@ import "../public/assets/css/style.css";
import "swiper/css"; import "swiper/css";
import "swiper/css/pagination"; import "swiper/css/pagination";
import "swiper/css/free-mode"; import "swiper/css/free-mode";
import Head from "next/head"; import Script from "next/script";
export const metadata = { export const metadata = {
title: "Best Pain Relief & Physiotherapy - Repharehab Clinic", title: "Best Pain Relief & Physiotherapy - Repharehab Clinic",
@ -23,46 +16,47 @@ export const metadata = {
export default function RootLayout({ children }) { export default function RootLayout({ children }) {
return ( return (
<html lang="en" className={`${poppins.variable}`}> <html lang="en" className={`${poppins.variable}`}>
<Head> <head>
{/* Lazy load non-critical CSS */} {/* Microsoft Clarity */}
<link <Script id="clarity-script" strategy="afterInteractive">
rel="stylesheet" {`
href="/assets/css/style.css" (function(c,l,a,r,i,t,y){
media="print" c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
onLoad="this.media='all'" 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);
<link })(window, document, "clarity", "script", "th7p0lr1ca");
rel="stylesheet" `}
href="/assets/css/swiper.css" </Script>
media="print"
onLoad="this.media='all'" {/* Google Tag Manager */}
/> <Script id="gtm-init" strategy="afterInteractive">
<link {`
rel="stylesheet" (function(w,d,s,l,i){
href="/assets/css/swiper-pagination.css" w[l]=w[l]||[];
media="print" w[l].push({'gtm.start': new Date().getTime(), event:'gtm.js'});
onLoad="this.media='all'" 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> <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 */} {children}
{/* <ContactFloat /> */}
{/* <AutoPopup /> */}
</body> </body>
</html> </html>
); );