Add Google Tag Manager integration and enhance PDF download tracking

Sajith-13 · Sajith-13 · commit cca301f0b83b · 2025-10-19T13:32:18.000+05:30
diff --git a/next.config.js b/next.config.js
@@ -8,7 +8,7 @@ await import("./src/env.js");
 const config = {
   swcMinify: false,
   images: {
-    domains: ["res.cloudinary.com"],
+    domains: ["res.cloudinary.com", "storage.googleapis.com"],
   },
   webpack: (config, options) => {
     config.resolve.alias.canvas = false;
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -101,17 +101,28 @@ export default function RootLayout({
       />
       <head>
         <Script
-          async
-          src="https://www.googletagmanager.com/gtag/js?id=G-J5CD036GJP"
-        ></Script>
-        <Script id="google-analytics">
-          {`window.dataLayer = window.dataLayer || [];
-            function gtag(){dataLayer.push(arguments);}
-            gtag('js', new Date());
-            gtag('config', 'G-J5CD036GJP');`}
-        </Script>
+          id="google-tag-manager"
+          strategy="afterInteractive"
+          dangerouslySetInnerHTML={{
+            __html: `
+              (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-P32GFLD5');
+            `,
+          }}
+        />     
       </head>
       <body>
+        <noscript>
+          <iframe 
+            src={`https://www.googletagmanager.com/ns.html?id=GTM-P32GFLD5`}
+            height="0"
+            width="0"
+            style={{display: 'none', visibility: 'hidden'}}
+          />
+        </noscript>
         <ThemeProvider
           attribute="class"
           defaultTheme="dark"
diff --git a/src/components/pdfViewer.tsx b/src/components/pdfViewer.tsx
@@ -106,6 +106,13 @@ export default function PdfViewer({ url, name }: PdfViewerProps) {
   };
 
   const downloadPDF = async () => {
+    if(window.dataLayer){
+      window.dataLayer.push({
+          'event': 'pdf_download_start',
+          'paper_title': name,
+          'paper_url': url,
+      });
+    }
     const fileName = `${name}.pdf`;
     await downloadFile(url, fileName);
   };
diff --git a/src/global.d.ts b/src/global.d.ts
@@ -0,0 +1,8 @@
+type DataLayer = Array<Record<string, unknown>>;
+
+interface Window {
+  dataLayer: DataLayer; 
+}
+
+// eslint-disable-next-line no-var
+  declare var dataLayer: DataLayer;
