Add Google Analytics GA4 code (Issue #45)

amitmerchant1990 · Feb 6, 2021 · 6c49168 · 6c49168
1 parent 695b83c
commit 6c49168
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 0 deletions.
diff --git a/_config.yml b/_config.yml
@@ -43,6 +43,9 @@ disqus:
 # Enter your Google Analytics web tracking code (e.g. UA-2110908-2) to activate tracking
 google_analytics: UA-43339302-11
 
+# For newer "GA4" analytics, use the following instead of the "UA" entry above
+#google_analytics_ga4: G-GABC1DEFG
+
 # Your website URL (e.g. http://amitmerchant1990.github.io or http://www.amitmerchant.com)
 # Used for Sitemap.xml and your RSS feed
 url: http://www.amitmerchant.com/reverie

diff --git a/_includes/analytics_head.html b/_includes/analytics_head.html
@@ -0,0 +1,9 @@
+{% if site.google_analytics_ga4 %}
+      <script async src="https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics_ga4 }}"></script>
+      <script>
+        window.dataLayer = window.dataLayer || [];
+        function gtag(){dataLayer.push(arguments);}
+        gtag('js', new Date());
+        gtag('config', '{{ site.google_analytics_ga4 }}');
+      </script>
+{% endif %}
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -11,6 +11,7 @@
 
     <meta name="theme-color" content="#000000">
     <link rel="icon" type="image/png" sizes="32x32" href="{{ site.baseurl }}/images/favicon-32x32.png">
+    {% include analytics_head.html %}
   </head>
 
   <body>
-Original file line number
+Diff line change
@@ Expand Up / @@ -11,6 +11,7 @@ @@
         <meta name="theme-color" content="#000000">
         <link rel="icon" type="image/png" sizes="32x32" href="{{ site.baseurl }}/images/favicon-32x32.png">
+        {% include analytics_head.html %}
       </head>
       <body>
@@ Expand Down @@