fix(ga4): using tag instead of google analytics id (#376)

Co-authored-by: Cameron Motevasselani <[email protected]>

config.toml

@@ -46,7 +46,7 @@ anchor = "smart"
 
 [services]
 [services.googleAnalytics]
-# Comment out the next line to disable GA tracking. Also disables the feature described in [params.ui.feedback].
+# Comment out the id to disable the feature described in [params.ui.feedback].
 # This ID can be found in Google Analytics -> Admin Panel -> Data Streams -> Spinnaker Website - GA4 -> Measurement ID
 id = "G-H0XE7ESBFR"
 
@@ -96,6 +96,10 @@ copyright = 'Copyright © 2020 The Linux Foundation®. All rights reserved. The
 privacy_policy = "http://www.linuxfoundation.org/privacy"
 terms_of_use = "http://www.linuxfoundation.org/terms"
 
+# Comment out the next line to disable GA tracking.
+# This Tag ID can be found in Google Analytics -> Admin Panel -> Data Streams -> Spinnaker Website - GA4 -> Configure Tag Settings
+google_tag_id="GT-W6BN9SN"
+
 # First one is picked as the Twitter card image if not set on page.
 # images = ["images/project-illustration.png"]
 

layouts/partials/google-analytics.html

@@ -0,0 +1,8 @@
+<!--This function is from tagmanager.google.com's installation instructions -->
+<script async src="https://www.googletagmanager.com/gtag/js?id={{ .Site.Params.google_tag_id }}"></script>
+<script>
+    window.dataLayer = window.dataLayer || [];
+    function gtag(){dataLayer.push(arguments);}
+    gtag('js', new Date());
+    gtag('config', "{{ .Site.Params.google_tag_id }}");
+</script>

layouts/partials/head.html

@@ -13,9 +13,6 @@
   {{- template "_internal/google_news.html" . -}}
   {{- template "_internal/schema.html" . -}}
   {{- template "_internal/twitter_cards.html" . -}}
-  {{ if eq (getenv "HUGO_ENV") "production" }}
-  {{ template "_internal/google_analytics.html" . }}
-  {{ end }}
   {{ partialCached "head-css.html" . "asdf" }}
 <script
   src="https://code.jquery.com/jquery-3.3.1.min.js"

layouts/partials/hooks/head-end.html

@@ -8,3 +8,6 @@
   {{ $desc := (.Page.Content | safeHTML | truncate 150) }}
   <meta name="description" content="{{ $desc }}">
 {{ end }}
+{{ if eq (getenv "HUGO_ENV") "production" }}
+  {{ partial "google-analytics.html" . }}
+{{end}}