Add abbility to use Google Tag Manager for analytics (luizdepra#514)

xp-vit · web-flow · commit 963dc43f0ff1 · 2021-02-10T16:34:44.000-03:00
* Add ability to embed custom code to &lt;head&gt;

* add myself to CONTRIBUTORS.md

* implement dedicated template for Google Tag Manager

* move google tag manager to bottom of the body tag
diff --git a/CONTRIBUTORS.md b/CONTRIBUTORS.md
@@ -94,3 +94,4 @@
 - [Alex Miranda](https://ammiranda.com)
 - [Alphonse Mariya](https://github.com/alfunx)
 - [Ziwei Pan](https://github.com/PanZiwei/)
+- [Viktar Patotski](https://github.com/xp-vit)
diff --git a/exampleSite/config.toml b/exampleSite/config.toml
@@ -87,6 +87,10 @@ disqusShortname = "yourdiscussshortname"
     # For cloud-hosting, use provided URL, e.g. example.matomo.cloud
     serverURL = "analytics.example.com"
 
+# If you want to use Google Tag Manager(https://analytics.google.com/) for analytics, add this section
+[params.googleTagManager]
+    id = "gid"
+
 # If you want to implement a Content-Security-Policy, add this section
 [params.csp]
 	  childsrc = ["'self'"]
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
@@ -147,6 +147,10 @@
     {{ if and .Site.Params.matomo .Site.Params.matomo.serverURL }}
       {{- partial "analytics/matomo" . -}}
     {{ end }}
+
+    {{ if and .Site.Params.googleTagManager .Site.Params.googleTagManager.id }}
+      {{- partial "analytics/googletagmanager" . -}}
+    {{ end }}
   </body>
 
 </html>
diff --git a/layouts/partials/analytics/googletagmanager.html b/layouts/partials/analytics/googletagmanager.html
@@ -0,0 +1,9 @@
+<!-- Global site tag (gtag.js) - Google Analytics -->
+<script async src="https://www.googletagmanager.com/gtag/js?id={{ $.Site.Params.googleTagManager.id }}"></script>
+<script>
+  window.dataLayer = window.dataLayer || [];
+  function gtag(){dataLayer.push(arguments);}
+  gtag('js', new Date());
+
+  gtag('config', '{{ $.Site.Params.googleTagManager.id }}');
+</script>
