repman

.env

@@ -72,6 +72,7 @@ OAUTH_BUDDY_CLIENT_SECRET=
 
 ###> google analytics ###
 GA_TRACKING=
+GA4_TRACKING=
 ###< google analytics ###
 
 ###> storage ###

.env.docker

@@ -76,6 +76,7 @@ OAUTH_BUDDY_CLIENT_SECRET=
 
 ###> google analytics ###
 GA_TRACKING=
+GA4_TRACKING=
 ###< google analytics ###
 
 ###> storage ###

ansible/roles/app.deploy/templates/.env.local

@@ -24,6 +24,7 @@ OAUTH_BUDDY_CLIENT_SECRET={{ lookup('env', 'REPMAN_OAUTH_BUDDY_CLIENT_SECRET') o
 TRUSTED_PROXIES={{ lookup('env', 'REPMAN_TRUSTED_PROXIES') or '' }}
 
 GA_TRACKING={{ lookup('env', 'REPMAN_GA_TRACKING') or '' }}
+GA4_TRACKING={{ lookup('env', 'REPMAN_GA4_TRACKING') or '' }}
 
 EWZ_RECAPTCHA_ENABLED={{ lookup('env', 'REPMAN_EWZ_RECAPTCHA_ENABLED') or 'false' }}
 EWZ_RECAPTCHA_SITE_KEY={{ lookup('env', 'REPMAN_EWZ_RECAPTCHA_SITE_KEY') or 'empty' }}

config/packages/twig.yaml

@@ -5,4 +5,5 @@ twig:
         '%kernel.project_dir%/public': public
     globals:
         ga_tracking: '%env(resolve:GA_TRACKING)%'
+        ga4_tracking: '%env(resolve:GA4_TRACKING)%'
         config: '@Buddy\Repman\Service\Config'

templates/base.html.twig

@@ -135,6 +135,11 @@
         <script>{% include 'component/js/ga.js' %}</script>
     {% endif %}
 
+    {% if ga4_tracking is not empty %}
+        <script async src="https://www.googletagmanager.com/gtag/js?id={{ ga4_tracking }}"></script>
+        <script>{% include 'component/js/ga4.js' %}</script>
+    {% endif %}
+
     <script>{% include 'component/js/base.js' %}</script>
     {% block javascripts %}{% endblock %}
 </body>

templates/component/js/ga4.js

@@ -0,0 +1,7 @@
+(function() {
+    window.dataLayer = window.dataLayer || [];
+    function gtag(){dataLayer.push(arguments);}
+    gtag('js', new Date());
+
+    gtag('config', '{{ ga4_tracking }}');
+})();