From 2400c7bb49806d61de38102e306e5134bc5b3a56 Mon Sep 17 00:00:00 2001
From: vincent porte <vincent@neuralia.co>
Date: Tue, 18 Jun 2024 15:49:51 +0200
Subject: [PATCH] feat(forum): ab test forumrating

---
 .../templates/forum/forum_detail.html         | 38 +++++++++++++++++++
 1 file changed, 38 insertions(+)

diff --git a/lacommunaute/templates/forum/forum_detail.html b/lacommunaute/templates/forum/forum_detail.html
index 704a7428f..60b9d6cdc 100644
--- a/lacommunaute/templates/forum/forum_detail.html
+++ b/lacommunaute/templates/forum/forum_detail.html
@@ -178,3 +178,41 @@ <h1>{{ forum.name }}</h1>
         </section>
     {% endif %}
 {% endblock content %}
+{% block extra_js %}
+    <!-- Matomo A/B Test -->
+    <script nonce="{{ request.csp_nonce }}">
+    var _paq = _paq || [];
+    _paq.push(['AbTesting::create', {
+        name: 'RatingForum_Position', // you can also use '8' (ID of the experiment) to hide the name
+        percentage: 100,
+        includedTargets: [{"attribute":"url","inverted":"0","type":"any","value":""}],
+        excludedTargets: [],
+        startDateTime: '2024/06/18 00:00:00 UTC',
+        variations: [
+            {
+                name: 'original',
+                activate: function (event) {
+                    // usually nothing needs to be done here
+                }
+            },
+            {
+                name: 'rating_area_2', // you can also use '13' (ID of the variation) to hide the name
+                activate: function(event) {
+                    $("#rating_area2").removeClass("d-none")
+                    $("#rating_area1").addClass("d-none")
+                }
+            },                        {
+                name: 'rating_area_3', // you can also use '14' (ID of the variation) to hide the name
+                activate: function(event) {
+                    $("#rating_area3").removeClass("d-none")
+                    $("#rating_area1").addClass("d-none")
+                }
+            }
+        ],
+        trigger: function () {
+            return true; // here you can further customize which of your visitors will participate in this experiment
+        }
+    }]);
+    </script>
+    <!-- Matomo A/B Test -->
+{% endblock %}