Add scripts for gtm and datalayer tracing

src/theme/Layout.js

@@ -5,26 +5,38 @@ import { useLocation } from '@docusaurus/router';
 
 const CustomScript = () => {
   const location = useLocation();
-  const currentLanguage = document.documentElement.lang;
   useEffect(() => {
-    if (typeof window !== 'undefined') {
-      window.dataLayer = window.dataLayer || [];
-      console.log('Initializing dataLayer for', location.pathname);
-      window.dataLayer.push({
-        event: 'pageview',
-        environment: 'PROD', // es. dev
-        platform: 'web', // es. web
-        page_type: 'panel', // es. site
-        lang: currentLanguage.substring(0, 2),
-        page: {
-            url: location.pathname,
-            title: document.title,
-        },
-    });
+    if (typeof window === 'undefined') {
+      return;
+    }
+    if (window.__initialPageviewPath === location.pathname) {
+      window.__initialPageviewPath = null;
+      return;
     }
+    window.dataLayer = window.dataLayer || [];
+    if (typeof window.pushPageview === 'function') {
+      window.pushPageview(location.pathname);
+      window.__initialPageviewPath = null;
+      return;
+    }
+    window.dataLayer.push({
+      event: 'pageview',
+      environment: 'prod', // es. dev
+      platform: 'web', // es. web
+      page_type: 'site',
+      order_type: '',
+      user: {},
+      lang: (document.documentElement.lang || 'en').substring(0, 2),
+      page: {
+        url: location.pathname,
+        title: document.title,
+        referrer: document.referrer,
+        cart_id: '',
+      },
+    });
   }, [location]); // Esegui di nuovo se cambia la posizione
 
-  return null; 
+  return null;
 };
 export default function CustomLayout(props) {
   return (

static/js/gtmscript.js

@@ -1,3 +1,29 @@
+(function (w, d) {
+  w.dataLayer = w.dataLayer || [];
+  w.pushPageview = function (pathname) {
+    var lang = (d.documentElement.lang || 'en').substring(0, 2);
+    w.dataLayer.push({
+      event: 'pageview',
+      environment: 'prod',
+      platform: 'web',
+      page_type: 'site',
+      order_type: '',
+      user: {},
+      lang: lang,
+      page: {
+        url: pathname || w.location.pathname,
+        title: d.title,
+        referrer: d.referrer,
+        cart_id: '',
+      },
+    });
+    w.__initialPageviewPath = pathname || w.location.pathname;
+  };
+
+  // Deve essere eseguito prima dello snippet GTM, così il container trova i dati già nel dataLayer
+  w.pushPageview(w.location.pathname);
+})(window, document);
+
 (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=