Merge google-tag-manager scripts in a single layout

1bl4z3r · Jan 14, 2025 · 41d414f · 41d414f
1 parent 4d32428
commit 41d414f
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 4 deletions.
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
@@ -2,7 +2,7 @@
 <!DOCTYPE html>
 <html lang="{{.Site.LanguageCode}}">
 <head>
-{{- if .Site.Params.googleTagManager -}}{{- partial "googleTagManager_head.html" . -}}{{- end -}}
+{{- partial "google-tag-manager.html" (dict "context" . "name" "head") -}}
 {{- partial "analytics.html" . -}}
 {{- partial "site-meta.html" . -}}
 {{- partial "structure-extra.html" . -}}
@@ -21,7 +21,7 @@
 {{- if templates.Exists "partials/extra-head.html" -}}{{- partial "extra-head.html" . -}}{{- end -}}
 </head>
 <body id="page">
-{{- if .Site.Params.googleTagManager -}}{{- partial "googleTagManager_body.html" . -}}{{- end -}}
+{{- partial "google-tag-manager.html" (dict "context" . "name" "body") -}}
 {{- block "header" . -}}{{ end -}}
 {{- block "main" . -}}{{ end -}}
 {{- block "footer" . -}}{{ end }}

diff --git a/layouts/partials/google-tag-manager.html b/layouts/partials/google-tag-manager.html
@@ -0,0 +1,11 @@
+{{- if (eq .name "head") -}}
+{{- with .Site.Params.googleTagManager -}}
+<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 -}}
+{{- else if (eq .name "body") -}}
+{{- with .Site.Params.googleTagManager -}}
+<noscript><iframe src="https://www.googletagmanager.com/ns.html?id={{ . }}" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+{{- end -}}
+{{- else -}}
+{{ errorf "google-tag-manager only accepts `head` and `body`" }}
+{{- end -}}
diff --git a/layouts/partials/googleTagManager_body.html b/layouts/partials/googleTagManager_body.html
diff --git a/layouts/partials/googleTagManager_head.html b/layouts/partials/googleTagManager_head.html