Adding support for Google Analytics 4 version change

README.md

@@ -59,7 +59,7 @@ The title of the like box. This text will be shown while the box is loading.
 ### Tracking and comments
 
 #### analytics
-The Google Analytics tracking ID
+The Google Analytics tracking ID supporting both Universal Analytics and GA4
 
 #### disqus
 The disqus_thread ID

exampleSite/config.toml

@@ -25,6 +25,10 @@ paginate = 6
 
   custom_css = ["css/custom.css"]
 
+  [params.analytics]
+    type=""
+    trackingID = ""
+
   [params.copyright]
      name = "bool"
      link = "https://bool.netlify.com"

layouts/partials/analytics.html

@@ -1,10 +1,22 @@
- <!-- Google Analytics Tracking code -->
-<script>
+{{ if eq .type "UA" }}
+ <!-- UA Tracking type Google Analytics Tracking code -->
+ <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
   m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
   })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
 
-  ga('create', '{{.}}', 'auto');
+  ga('create', '{{ .trackingID }}', 'auto');
   ga('send', 'pageview');
-</script>
+</script>
+{{ else }}
+<!-- GA4 type - Global site tag (gtag.js) - Google Analytics -->
+<script async src="https://www.googletagmanager.com/gtag/js?id={{ .trackingID }}"></script>
+<script>
+  window.dataLayer = window.dataLayer || [];
+  function gtag(){dataLayer.push(arguments);}
+  gtag('js', new Date());
+
+  gtag('config', '{{ .trackingID }}');
+</script>
+{{ end }}