From c9ed194e4b7d766b7166b2379357c271639edec5 Mon Sep 17 00:00:00 2001
From: mohanadft <mohanadfteha@gmail.com>
Date: Thu, 29 Jan 2026 15:14:35 +0200
Subject: [PATCH 1/5] Add A/B test for donation forms (qgiv vs validaid)

---
 src/pages/donate.astro | 100 ++++++++++++++++++++++++++++++-----------
 1 file changed, 74 insertions(+), 26 deletions(-)

diff --git a/src/pages/donate.astro b/src/pages/donate.astro
index 35578f7..a110d04 100644
--- a/src/pages/donate.astro
+++ b/src/pages/donate.astro
@@ -89,18 +89,29 @@ import "../styles/base.css";
           >
             <h2 class="mb-4 text-center text-xl font-semibold text-gray-800">Make a donation</h2>
             <div class="mx-auto w-full max-w-lg">
-              <div
-                class="qgiv-embed-container"
-                data-qgiv-embed="true"
-                data-embed-id="83460"
-                data-embed="https://secure.qgiv.com/for/techforpalestine-websitedonationform/embed/83460/amount/1620629/recurring/"
-                data-width="630"
-              >
+              <!-- Variant A: Qgiv Form -->
+              <div id="form-qgiv" style="display: none;">
+                <div
+                  class="qgiv-embed-container"
+                  data-qgiv-embed="true"
+                  data-embed-id="83460"
+                  data-embed="https://secure.qgiv.com/for/techforpalestine-websitedonationform/embed/83460/amount/1620629/recurring/"
+                  data-width="630"
+                >
+                </div>
+              </div>
+
+              <!-- Variant B: ValidAid Form -->
+              <div id="form-validaid" style="display: none;">
+                <iframe
+                  id="validaid-iframe-event-236"
+                  src="https://validaid.org/embed/event/236"
+                  title="Tech for Palestine"
+                  style="width:100%; border:none;"
+                  allow="payment"
+                ></iframe>
               </div>
             </div>
-            <p class="mt-4 text-center text-sm text-gray-500">
-              If this page isn't loading, please use <a href="/donate-2" class="text-green-700 underline hover:text-green-800">this form</a>.
-            </p>
             <div
               class="mt-5 flex flex-col items-center justify-center gap-3 text-sm text-gray-600 sm:flex-row"
             >
@@ -189,24 +200,61 @@ import "../styles/base.css";
   </div>
 
   <script is:inline>
-    (function (w, d, s, id) {
-      var js,
-        fjs = d.getElementsByTagName(s)[0];
-      if (d.getElementById(id)) return;
-      js = d.createElement(s);
-      js.id = id;
-      js.src = "https://secure.qgiv.com/resources/core/js/embed.js";
-      fjs.parentNode?.insertBefore(js, fjs);
-    })(window, document, "script", "qgiv-embedjs");
-  </script>
+    // A/B Test Logic
+    (function() {
+      // Check for URL parameter override (for testing: ?variant=qgiv or ?variant=validaid)
+      var urlParams = new URLSearchParams(window.location.search);
+      var forceVariant = urlParams.get('variant');
 
-  <script is:inline>
-    // Track which donate form variant the user sees
-    window.plausible =
-      window.plausible ||
-      function () {
+      var variant;
+
+      if (forceVariant === 'qgiv' || forceVariant === 'validaid') {
+        variant = forceVariant;
+      } else {
+        // Randomly assign variant (50/50 split)
+        variant = Math.random() < 0.5 ? 'qgiv' : 'validaid';
+      }
+
+      // Show the appropriate form
+      var qgivForm = document.getElementById('form-qgiv');
+      var validaidForm = document.getElementById('form-validaid');
+
+      if (variant === 'qgiv') {
+        qgivForm.style.display = 'block';
+      } else {
+        validaidForm.style.display = 'block';
+      }
+
+      // Track pageview with variant
+      window.plausible = window.plausible || function() {
         (window.plausible.q = window.plausible.q || []).push(arguments);
       };
-    window.plausible("pageview", { props: { donate_form_variant: "qgiv" } });
+      window.plausible('pageview', { props: { donate_form_variant: variant } });
+
+      // Load Qgiv script if needed
+      if (variant === 'qgiv') {
+        (function (w, d, s, id) {
+          var js, fjs = d.getElementsByTagName(s)[0];
+          if (d.getElementById(id)) return;
+          js = d.createElement(s);
+          js.id = id;
+          js.src = "https://secure.qgiv.com/resources/core/js/embed.js";
+          fjs.parentNode?.insertBefore(js, fjs);
+        })(window, document, "script", "qgiv-embedjs");
+      }
+
+      // Handle ValidAid iframe resize
+      if (variant === 'validaid') {
+        window.addEventListener('message', function (event) {
+          if (event.origin !== "https://validaid.org") return;
+          if (event.data.type === 'validaid-resize' && event.data.iframeId === 'validaid-iframe-event-236') {
+            var iframe = document.getElementById('validaid-iframe-event-236');
+            if (iframe) {
+              iframe.style.height = event.data.height + 'px';
+            }
+          }
+        });
+      }
+    })();
   </script>
 </Layout>

From 9dd78f0af74c6e4f83ab43c40a539d682a788c80 Mon Sep 17 00:00:00 2001
From: mohanadft <mohanadfteha@gmail.com>
Date: Thu, 29 Jan 2026 15:17:08 +0200
Subject: [PATCH 2/5] Add back fallback form text

---
 src/pages/donate.astro | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/pages/donate.astro b/src/pages/donate.astro
index a110d04..eca18ab 100644
--- a/src/pages/donate.astro
+++ b/src/pages/donate.astro
@@ -112,6 +112,9 @@ import "../styles/base.css";
                 ></iframe>
               </div>
             </div>
+            <p class="mt-4 text-center text-sm text-gray-500">
+              If this page isn't loading, please use <a href="/donate-2" class="text-green-700 underline hover:text-green-800">this form</a>.
+            </p>
             <div
               class="mt-5 flex flex-col items-center justify-center gap-3 text-sm text-gray-600 sm:flex-row"
             >

From 6a6c3959636544d594f9f1b6c51334a252682c7b Mon Sep 17 00:00:00 2001
From: mohanadft <mohanadfteha@gmail.com>
Date: Thu, 29 Jan 2026 15:23:48 +0200
Subject: [PATCH 3/5] Fix plausible error and qgiv form display issue

---
 src/pages/donate.astro | 29 ++++++++++++-----------------
 1 file changed, 12 insertions(+), 17 deletions(-)

diff --git a/src/pages/donate.astro b/src/pages/donate.astro
index eca18ab..7a0f762 100644
--- a/src/pages/donate.astro
+++ b/src/pages/donate.astro
@@ -204,7 +204,7 @@ import "../styles/base.css";
 
   <script is:inline>
     // A/B Test Logic
-    (function() {
+    document.addEventListener('DOMContentLoaded', function() {
       // Check for URL parameter override (for testing: ?variant=qgiv or ?variant=validaid)
       var urlParams = new URLSearchParams(window.location.search);
       var forceVariant = urlParams.get('variant');
@@ -222,20 +222,10 @@ import "../styles/base.css";
       var qgivForm = document.getElementById('form-qgiv');
       var validaidForm = document.getElementById('form-validaid');
 
-      if (variant === 'qgiv') {
+      if (variant === 'qgiv' && qgivForm) {
         qgivForm.style.display = 'block';
-      } else {
-        validaidForm.style.display = 'block';
-      }
-
-      // Track pageview with variant
-      window.plausible = window.plausible || function() {
-        (window.plausible.q = window.plausible.q || []).push(arguments);
-      };
-      window.plausible('pageview', { props: { donate_form_variant: variant } });
 
-      // Load Qgiv script if needed
-      if (variant === 'qgiv') {
+        // Load Qgiv script
         (function (w, d, s, id) {
           var js, fjs = d.getElementsByTagName(s)[0];
           if (d.getElementById(id)) return;
@@ -244,10 +234,10 @@ import "../styles/base.css";
           js.src = "https://secure.qgiv.com/resources/core/js/embed.js";
           fjs.parentNode?.insertBefore(js, fjs);
         })(window, document, "script", "qgiv-embedjs");
-      }
+      } else if (validaidForm) {
+        validaidForm.style.display = 'block';
 
-      // Handle ValidAid iframe resize
-      if (variant === 'validaid') {
+        // Handle ValidAid iframe resize
         window.addEventListener('message', function (event) {
           if (event.origin !== "https://validaid.org") return;
           if (event.data.type === 'validaid-resize' && event.data.iframeId === 'validaid-iframe-event-236') {
@@ -258,6 +248,11 @@ import "../styles/base.css";
           }
         });
       }
-    })();
+
+      // Track pageview with variant (safely)
+      if (typeof window.plausible !== 'undefined') {
+        window.plausible('pageview', { props: { donate_form_variant: variant } });
+      }
+    });
   </script>
 </Layout>

From 0632a9fa8dc9253aa9610c07264fc9fafcf4dfe0 Mon Sep 17 00:00:00 2001
From: mohanadft <mohanadfteha@gmail.com>
Date: Sat, 31 Jan 2026 13:54:47 +0200
Subject: [PATCH 4/5] Add UK Gift Aid link above qgiv form

---
 src/pages/donate.astro | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/pages/donate.astro b/src/pages/donate.astro
index 7a0f762..82d1f02 100644
--- a/src/pages/donate.astro
+++ b/src/pages/donate.astro
@@ -91,6 +91,9 @@ import "../styles/base.css";
             <div class="mx-auto w-full max-w-lg">
               <!-- Variant A: Qgiv Form -->
               <div id="form-qgiv" style="display: none;">
+                <p class="mb-4 text-center text-sm text-gray-700">
+                  If you are in the UK, <a href="?variant=validaid" class="font-semibold text-green-700 underline hover:text-green-800">click here to donate with Gift Aid</a>.
+                </p>
                 <div
                   class="qgiv-embed-container"
                   data-qgiv-embed="true"

From ba482a721987cc2b6b76d11530aaae2657678324 Mon Sep 17 00:00:00 2001
From: mohanadft <mohanadfteha@gmail.com>
Date: Sun, 1 Feb 2026 09:15:52 +0200
Subject: [PATCH 5/5] Update A/B test: control (qgiv only) vs geo-targeted
 (qgiv+link or validaid+link)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
---
 src/pages/donate.astro | 84 +++++++++++++++++++++++++++++++-----------
 1 file changed, 63 insertions(+), 21 deletions(-)

diff --git a/src/pages/donate.astro b/src/pages/donate.astro
index 82d1f02..419123d 100644
--- a/src/pages/donate.astro
+++ b/src/pages/donate.astro
@@ -1,6 +1,10 @@
 ---
 import Layout from "../layouts/Layout.astro";
 import "../styles/base.css";
+
+// Get country from Cloudflare headers
+const country = Astro.request.headers.get('cf-ipcountry') || 'UNKNOWN';
+const isUK = country === 'GB';
 ---
 
 <Layout title="Donate">
@@ -89,8 +93,20 @@ import "../styles/base.css";
           >
             <h2 class="mb-4 text-center text-xl font-semibold text-gray-800">Make a donation</h2>
             <div class="mx-auto w-full max-w-lg">
-              <!-- Variant A: Qgiv Form -->
-              <div id="form-qgiv" style="display: none;">
+              <!-- Variant A: Qgiv Form Only (no link) -->
+              <div id="form-qgiv-only" style="display: none;">
+                <div
+                  class="qgiv-embed-container"
+                  data-qgiv-embed="true"
+                  data-embed-id="83460"
+                  data-embed="https://secure.qgiv.com/for/techforpalestine-websitedonationform/embed/83460/amount/1620629/recurring/"
+                  data-width="630"
+                >
+                </div>
+              </div>
+
+              <!-- Variant B Non-UK: Qgiv Form + Link to ValidAid -->
+              <div id="form-qgiv-link" style="display: none;">
                 <p class="mb-4 text-center text-sm text-gray-700">
                   If you are in the UK, <a href="?variant=validaid" class="font-semibold text-green-700 underline hover:text-green-800">click here to donate with Gift Aid</a>.
                 </p>
@@ -104,8 +120,11 @@ import "../styles/base.css";
                 </div>
               </div>
 
-              <!-- Variant B: ValidAid Form -->
-              <div id="form-validaid" style="display: none;">
+              <!-- Variant B UK: ValidAid Form + Link to Qgiv -->
+              <div id="form-validaid-link" style="display: none;">
+                <p class="mb-4 text-center text-sm text-gray-700">
+                  Not in the UK? <a href="?variant=qgiv" class="font-semibold text-green-700 underline hover:text-green-800">Click here to donate</a>.
+                </p>
                 <iframe
                   id="validaid-iframe-event-236"
                   src="https://validaid.org/embed/event/236"
@@ -205,30 +224,55 @@ import "../styles/base.css";
     </div>
   </div>
 
-  <script is:inline>
+  <script is:inline define:vars={{ isUK }}>
     // A/B Test Logic
     document.addEventListener('DOMContentLoaded', function() {
-      // Check for URL parameter override (for testing: ?variant=qgiv or ?variant=validaid)
+      // Check for URL parameter override (for testing)
       var urlParams = new URLSearchParams(window.location.search);
       var forceVariant = urlParams.get('variant');
 
-      var variant;
+      var trackingVariant;
+      var formToShow;
 
-      if (forceVariant === 'qgiv' || forceVariant === 'validaid') {
-        variant = forceVariant;
+      if (forceVariant === 'qgiv') {
+        // Force show qgiv form with link
+        formToShow = 'form-qgiv-link';
+        trackingVariant = 'qgiv + link';
+      } else if (forceVariant === 'validaid') {
+        // Force show ValidAid form with link
+        formToShow = 'form-validaid-link';
+        trackingVariant = 'Validaid + link';
       } else {
-        // Randomly assign variant (50/50 split)
-        variant = Math.random() < 0.5 ? 'qgiv' : 'validaid';
+        // Randomly assign A/B test variant (50/50 split)
+        var testGroup = Math.random() < 0.5 ? 'A' : 'B';
+
+        if (testGroup === 'A') {
+          // Control: qgiv only, no link
+          formToShow = 'form-qgiv-only';
+          trackingVariant = 'qgiv';
+        } else {
+          // Variant B: Geo-targeted
+          if (isUK) {
+            // UK visitors: ValidAid form + link to qgiv
+            formToShow = 'form-validaid-link';
+            trackingVariant = 'Validaid + link';
+          } else {
+            // Non-UK visitors: qgiv form + link to ValidAid
+            formToShow = 'form-qgiv-link';
+            trackingVariant = 'qgiv + link';
+          }
+        }
       }
 
       // Show the appropriate form
-      var qgivForm = document.getElementById('form-qgiv');
-      var validaidForm = document.getElementById('form-validaid');
-
-      if (variant === 'qgiv' && qgivForm) {
-        qgivForm.style.display = 'block';
+      var targetForm = document.getElementById(formToShow);
+      if (targetForm) {
+        targetForm.style.display = 'block';
+      }
 
-        // Load Qgiv script
+      // Load appropriate scripts based on which form is shown
+      if (formToShow === 'form-qgiv-only' || formToShow === 'form-qgiv-link') {
+        // Load qgiv script
         (function (w, d, s, id) {
           var js, fjs = d.getElementsByTagName(s)[0];
           if (d.getElementById(id)) return;
@@ -237,9 +281,7 @@ import "../styles/base.css";
           js.src = "https://secure.qgiv.com/resources/core/js/embed.js";
           fjs.parentNode?.insertBefore(js, fjs);
         })(window, document, "script", "qgiv-embedjs");
-      } else if (validaidForm) {
-        validaidForm.style.display = 'block';
-
+      } else if (formToShow === 'form-validaid-link') {
         // Handle ValidAid iframe resize
         window.addEventListener('message', function (event) {
           if (event.origin !== "https://validaid.org") return;
@@ -254,7 +296,7 @@ import "../styles/base.css";
 
       // Track pageview with variant (safely)
       if (typeof window.plausible !== 'undefined') {
-        window.plausible('pageview', { props: { donate_form_variant: variant } });
+        window.plausible('pageview', { props: { donate_form_variant: trackingVariant } });
       }
     });
   </script>