Optimize Google Analytics placement and further relax CSP for compatibility

nimisha-chaturvedi · nimisha-chaturvedi · commit 4b156a32decc · 2025-12-18T16:25:19.000+01:00
diff --git a/_configs/_config_production.yml b/_configs/_config_production.yml
@@ -2,3 +2,6 @@ url: https://www.syclops.org
 
 # Fathom Analytics Token
 fa: 'QLYBRUST'
+
+# Google Analytics Token
+ga: 'G-BKNJ7GJM13'
diff --git a/_layouts/page.html b/_layouts/page.html
@@ -10,6 +10,17 @@
 <html lang="en">
 
 <head>
+    {% if site.ga and site.ga != "" %}
+    <!-- Google tag (gtag.js) -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id={{ site.ga }}"></script>
+    <script>
+        window.dataLayer = window.dataLayer || [];
+        function gtag() { dataLayer.push(arguments); }
+        gtag('js', new Date());
+
+        gtag('config', '{{ site.ga }}');
+    </script>
+    {% endif %}
     <title>{{site.title}}</title>
 
     <!-- Meta -->
@@ -52,36 +63,29 @@
                 script-src
                     'self'
                     'unsafe-inline'
+                    'unsafe-eval'
                     https://code.jquery.com
                     https://www.googletagmanager.com
+                    https://www.google-analytics.com
                     https://cdn.usefathom.com/script.js;
                 connect-src
                     'self'
                     https://*.google-analytics.com
                     https://*.analytics.google.com
+                    https://*.googletagmanager.com
                     https://cdn.usefathom.com;
                 img-src
                     'self'
                     https:
                     http:
                     data:
                     https://www.google-analytics.com
+                    https://www.googletagmanager.com
                     https://cdn.usefathom.com;
                 frame-src
                     'self'
                     https://www.youtube.com;" http-equiv="Content-Security-Policy" />
 
-    {% if site.ga and site.ga != "" %}
-    <!-- Google tag (gtag.js) -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id={{ site.ga }}"></script>
-    <script>
-        window.dataLayer = window.dataLayer || [];
-        function gtag() { dataLayer.push(arguments); }
-        gtag('js', new Date());
-
-        gtag('config', '{{ site.ga }}');
-    </script>
-    {% endif %}
 </head>
 
 <body>
