From 3ae3afb18c47b4d2f8b2e3b188b689a6bb845152 Mon Sep 17 00:00:00 2001
From: vincent porte <vincent@neuralia.co>
Date: Wed, 17 Jan 2024 14:32:13 +0100
Subject: [PATCH] =?UTF-8?q?(homepage)=20documentation=20btn=20AB=C2=A0test?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 lacommunaute/templates/pages/home.html        | 41 ++++++++++++++++++-
 .../templates/partials/ask_a_question.html    | 15 +++++++
 2 files changed, 55 insertions(+), 1 deletion(-)

diff --git a/lacommunaute/templates/pages/home.html b/lacommunaute/templates/pages/home.html
index 420628dcb..abae55c7d 100644
--- a/lacommunaute/templates/pages/home.html
+++ b/lacommunaute/templates/pages/home.html
@@ -48,7 +48,6 @@ <h2 class="h1 mb-3 mb-lg-5">
                             <span class="ms-2">Progressez grâce à des ressources exclusives</span>
                         </li>
                     </ul>
-                    {% include "partials/ask_a_question.html" %}
                 </div>
                 <div class="s-hero-title-01__col col-12 d-none d-lg-inline-flex col-md-4">
                     <div>
@@ -56,6 +55,11 @@ <h2 class="h1 mb-3 mb-lg-5">
                     </div>
                 </div>
             </div>
+            <div class="s-hero-title-01__row row align-items-center">
+                <div class="s-hero-title-01__col s-hero-title-01__col--title col-12 mt-3 mt-lg-5">
+                    {% include "partials/ask_a_question.html" %}
+                </div>
+            </div>
         </div>
     </section>
     <section class="s-section mt-0">
@@ -202,4 +206,39 @@ <h3 class="m-0">
             setTimeout(displayTallyPopup, delayBeforeShowingPopupInSeconds * 1000);
         };
     </script>
+    <!-- Matomo A/B Test -->
+    <script type="text/javascript">
+        var _paq = _paq || [];
+        _paq.push(['AbTesting::create', {
+            name: 'first_dummy_test', // you can also use '2' (ID of the experiment) to hide the name
+            percentage: 100,
+            includedTargets: [{
+                "attribute": "url",
+                "inverted": "0",
+                "type": "equals_simple",
+                "value": "https:\/\/communaute.inclusion.beta.gouv.fr\/"
+            }],
+            excludedTargets: [],
+            variations: [{
+                name: 'original',
+                activate: function(event) {
+                    // usually nothing needs to be done here
+                }
+            }, {
+                name: 'bouton_plein', // you can also use '2' (ID of the variation) to hide the name
+                activate: function(event) {
+                    event.redirect('https://communaute.inclusion.beta.gouv.fr/?btn=pl');
+                }
+            }, {
+                name: 'bouton_outlined', // you can also use '3' (ID of the variation) to hide the name
+                activate: function(event) {
+                    event.redirect('https://communaute.inclusion.beta.gouv.fr/?btn=outl');
+                }
+            }],
+            trigger: function() {
+                return true; // here you can further customize which of your visitors will participate in this experiment
+            }
+        }]);
+    </script>
+    <!-- Matomo A/B Test -->
 {% endblock %}
diff --git a/lacommunaute/templates/partials/ask_a_question.html b/lacommunaute/templates/partials/ask_a_question.html
index be587cbc5..8825a9a01 100644
--- a/lacommunaute/templates/partials/ask_a_question.html
+++ b/lacommunaute/templates/partials/ask_a_question.html
@@ -23,5 +23,20 @@
                 <span>{% trans "Search forums" %}</span>
             </a>
         </div>
+        {% comment %}AB Test - variation bouton documentation{% endcomment %}
+        {% if request.GET.btn %}
+            <div class="col-12 col-md-auto py-1 py-md-0 px-md-0 text-center">ou</div>
+            <div class="col-12 col-md-auto">
+                <a href="{% url 'forum_extension:documentation' %}"
+                   class="btn {% if request.GET.btn == 'pl' %}btn-primary{% else %}btn-outline-primary{% endif %} btn-ico btn-block matomo-event"
+                   data-matomo-category="engagement"
+                   data-matomo-action="view"
+                   data-matomo-option="documentation">
+                    <span>Consulter la documentation</span>
+                </a>
+            </div>
+            {% comment %}END AB Test - variation bouton documentation{% endcomment %}
+            <div id="bouton_outlined" class="d-none">yyy</div>
+        {% endif %}
     </div>
 {% endif %}