feature: integrate datadog RUM

Author: norberttech

web/landing/.env

@@ -10,4 +10,7 @@ FLOW_VERSION=1.x-dev
 TURNSTILE_SITE_KEY=0x4AAAAAACAjJaWImyaJwWCy
 TURNSTILE_APPEARANCE=interaction-only
 PLAYGROUND_API_URL=http://localhost:8787/api/playground/snippets
-PLAYGROUND_SNIPPETS_URL=http://localhost:8787
+PLAYGROUND_SNIPPETS_URL=http://localhost:8787
+DATADOG_APPLICATION_ID=4a297124-5ea7-4fc5-b75a-6fb71e699f54
+DATADOG_CLIENT_TOKEN=pubf4d7626f7fd335a27355e01cd877c277
+DATADOG_SITE=datadoghq.eu

web/landing/.env.dev

@@ -1,3 +1,6 @@
 POSTHOG_KEY=
 POSTHOG_API_HOST=
-POSTHOG_UI_HOST=
+POSTHOG_UI_HOST=
+DATADOG_APPLICATION_ID=
+DATADOG_CLIENT_TOKEN=
+DATADOG_SITE=

web/landing/.env.test

@@ -6,6 +6,9 @@ DOMAIN='flow-php.wip'
 POSTHOG_KEY=
 POSTHOG_API_HOST=
 POSTHOG_UI_HOST=
+DATADOG_APPLICATION_ID=
+DATADOG_CLIENT_TOKEN=
+DATADOG_SITE=
 FLOW_VERSION=1.x-dev
 TURNSTILE_SITE_KEY=0x4AAAAAACAjJaWImyaJwWCy
 TURNSTILE_APPEARANCE=interaction-only

web/landing/config/packages/twig.yaml

@@ -9,6 +9,9 @@ twig:
         turnstile_appearance: '%env(default:turnstile_appearance_default:TURNSTILE_APPEARANCE)%'
         playground_api_url: '%env(PLAYGROUND_API_URL)%'
         playground_snippets_url: '%env(PLAYGROUND_SNIPPETS_URL)%'
+        datadog_application_id: '%env(DATADOG_APPLICATION_ID)%'
+        datadog_client_token: '%env(DATADOG_CLIENT_TOKEN)%'
+        datadog_site: '%env(DATADOG_SITE)%'
 when@test:
     twig:
         strict_variables: true

web/landing/templates/base.html.twig

@@ -47,6 +47,31 @@
                 })
             </script>
         {% endif %}
+        {% if datadog_application_id|length %}
+            <script>
+                (function(h,o,u,n,d) {
+                    h = h[d] = h[d] || { q: [], onReady: function (c) { h.q.push(c) } }
+                    d = o.createElement(u); d.async = 1; d.src = n; d.crossOrigin=''
+                    n = o.getElementsByTagName(u)[0]; n.parentNode.insertBefore(d, n)
+                })(window, document, 'script', 'https://www.datadoghq-browser-agent.com/eu1/v6/datadog-rum.js', 'DD_RUM')
+
+                window.DD_RUM.onReady(function () {
+                    window.DD_RUM.init({
+                        applicationId: '{{ datadog_application_id }}',
+                        clientToken: '{{ datadog_client_token }}',
+                        site: '{{ datadog_site }}',
+                        service: 'flow-php-website',
+                        env: 'prod',
+                        version: '{{ flow_version }}',
+                        sessionSampleRate: 100,
+                        sessionReplaySampleRate: 20,
+                        trackResources: true,
+                        trackUserInteractions: true,
+                        trackLongTasks: true,
+                    });
+                });
+            </script>
+        {% endif %}
     {% endblock %}
 
     {% block javascripts %}