build: UA -> GA4

Author: iBotPeaches

podspec.yaml

@@ -19,7 +19,7 @@ static_dirs:
 # Website meta
 meta:
   favicon_path: /source/images/favicon.ico
-  google_analytics_id: UA-18658848-9
+  google_analytics_id: G-TB9BJHX4KF
 
 # Preprocessors
 preprocessors:

views/base.html

@@ -21,19 +21,13 @@
 
     {# google analytics #}
     {% if podspec.meta.google_analytics_id %}
+      <script async src="https://www.googletagmanager.com/gtag/js?id={{ podspec.meta.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','//www.google-analytics.com/analytics.js','ga');
-        ga('create', '{{ podspec.meta.google_analytics_id }}', 'auto');
-        ga('require', 'eventTracker', {
-          events: ['click', 'auxclick', 'contextmenu'],
-          hitFilter: function(model, element, event){ 
-            model.set('eventAction', event.type, true)
-          }
-        });
-        ga('send', 'pageview');
+        window.dataLayer = window.dataLayer || [];
+        function gtag(){dataLayer.push(arguments);}
+        gtag('js', new Date());
+
+        gtag('config', '{{ podspec.meta.google_analytics_id }}');
       </script>
     {% endif %}
     {# styles and links #}