From 3c2675c4a154871b572d57cfd4b90f26652e733b Mon Sep 17 00:00:00 2001
From: Cotes Chung <11371340+cotes2020@users.noreply.github.com>
Date: Mon, 12 Oct 2020 05:27:13 +0800
Subject: [PATCH] Upgrade GA tag (analytics.js) to the latest tag (gtag.js)

---
 _includes/google-analytics.html | 14 +++++++-------
 _includes/js-selector.html      |  6 +++++-
 _layouts/default.html           |  6 +-----
 3 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/_includes/google-analytics.html b/_includes/google-analytics.html
index dc46c83..74bbc87 100644
--- a/_includes/google-analytics.html
+++ b/_includes/google-analytics.html
@@ -5,12 +5,12 @@
   © 2017-2019 Cotes Chung
   MIT License
 -->
+<!-- Global site tag (gtag.js) - Google Analytics -->
+<script async src="https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics.id }}"></script>
 <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','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', '{{ site.google_analytics.id }}', 'auto');
-  ga('send', 'pageview');
+  window.dataLayer = window.dataLayer || [];
+  function gtag(){dataLayer.push(arguments);}
+  
+  gtag('js', new Date());
+  gtag('config', '{{ site.google_analytics.id }}');
 </script>
diff --git a/_includes/js-selector.html b/_includes/js-selector.html
index 4fb6c70..ec5c9a8 100644
--- a/_includes/js-selector.html
+++ b/_includes/js-selector.html
@@ -35,7 +35,11 @@
 {% endif %}
 
 
-<!-- PWA -->
 {% if jekyll.environment == 'production' %}
+
+  {% include google-analytics.html %}
+
+  <!-- PWA -->
   <script src="{{ '/app.js' | relative_url }}" defer></script>
+
 {% endif %}
diff --git a/_layouts/default.html b/_layouts/default.html
index 55463c3..1c3b610 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -52,12 +52,8 @@ layout: compress
       <i class="fas fa-angle-up"></i>
     </a>
 
-    {% if jekyll.environment == 'production' %}
-      {% include google-analytics.html %}
-    {% endif %}
-
     {% include search-loader.html %}
 
   </body>
 
-</html>
\ No newline at end of file
+</html>