LMD-0003: Migrate to google analytics 4 (#39)

* LMD-0003: Migrate to google analytics 4 * LMD-0003: Fetch the tag manager id from params
DivLoic · May 12, 2024 · a2273a5 · a2273a5
1 parent 089f67c
commit a2273a5
Show file tree

Hide file tree

Showing 6 changed files with 18 additions and 13 deletions.
diff --git a/config.yaml b/config.yaml
@@ -7,7 +7,6 @@ summarylength: 50
 
 # Google Analytics
 googleAnalytics: "UA-155287871-1"
-tagManagerId: "GTM-KXQLGWGM"
 
 # Syntax highlighting
 pygmentsCodefences: true
@@ -46,6 +45,7 @@ params:
   project_tagline: "Event Streams and Monads in the Cloud"
   author:
     name: "Loïc DIVAD"
+  tagManagerId: "GTM-KXQLGWGM"
   mainSections: "posts"
   socials:
     linkedin: "https://www.linkedin.com/in/lo%C3%AFc-divad-3a5a9893/"

diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
@@ -2,13 +2,13 @@
 <html lang="{{ .Site.Language.Lang }}">
 {{ partial "head.html" . }}
   <body>
+    {{ partial "google-analytics4-body.html" . }}
     {{ partial "header-nav.html" . }}
     <section class="main-content">
       {{ block "main" . }}{{ end }}
       {{ partial "footer.html" . }}
     </section>
   </body>
-  {{ partial "google-analytics-async.html" . }}
   {{- range .Site.Params.extra_js }}<script src="{{ . | absURL }}"></script>{{- end }}
   {{- range .Params.extra_js }}<script src="{{ . | absURL }}"></script>{{- end }}
 </html>
diff --git a/layouts/partials/google-analytics-async.html b/layouts/partials/google-analytics-async.html
diff --git a/layouts/partials/google-analytics4-body.html b/layouts/partials/google-analytics4-body.html
@@ -0,0 +1,6 @@
+{{ if not $.Site.IsServer }}
+  {{ with $.Site.Params.TagManagerId }}<!-- Google Tag Manager (noscript) -->
+<noscript><iframe src="https://www.googletagmanager.com/ns.html?id={{ . }}"
+                  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+<!-- End Google Tag Manager (noscript) -->{{ end }}
+{{ end }}
diff --git a/layouts/partials/google-analytics4-head.html b/layouts/partials/google-analytics4-head.html
@@ -0,0 +1,9 @@
+{{ if not $.Site.IsServer }}
+  {{ with $.Site.Params.TagManagerId }}<!-- Google Tag Manager -->
+<script>(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','{{ . }}');</script>
+<!-- End Google Tag Manager -->{{ end }}
+{{ end }}
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
@@ -1,4 +1,5 @@
 <head>
+    {{ partial "google-analytics4-head.html" . }}
     {{ $og_image := (cond (ne (.Param "thumbnail") nil) (.Param "thumbnail") (.Param "post_banner") ) }}
     {{ $og_desc := (cond (ne (.Param "title") nil) (.Param "title" | printf ": %s") (", Event Streams and Monads in the Cloud") ) }}
     <meta charset="utf-8">