Differences

This shows you the differences between two versions of the page.

--- use_findologic_with_google_analytics:a_b_testing_with_google_analytics [2017/10/17 15:38]
dominik removed
+++ use_findologic_with_google_analytics:a_b_testing_with_google_analytics [2022/02/02 09:18] (current)
florian [Requirements for A/B testing]
@@ Line 1: / Line 1: @@
 ===== A/B testing with Google Analytics (Google Optimize) =====
-FINDOLOGIC offers the possibility to use A/B testing, so you can test FINDOLOGIC versus an alternative search. \\
+Findologic offers the possibility to use A/B testing, so you can test the search of Findologic in comparison to an alternative search engine. \\
-Metrics like //page views, transactions, …// can be used and evaluated.
+By doing this **you can easily compare metrics like revenue, bounce and many more between Findologic and another search**.
 -----
@@ Line 11: / Line 11: @@
   * [[https://analytics.google.com/analytics/web/|Google Analytics]] is running properly.
-  * You have access to the Google Analytics property, which is used on your site, and that it is **connected to [[https://www.google.com/analytics/optimize/|Google Optimize]]**.
+  * Basically you can use any A/B-testing-tool like Google Optimize, Optimizeley, AB Tasty, etc., which allows you to insert Javascript for a certain segment.
+  * We recommend using [[https://www.google.com/analytics/optimize/|Google Optimize]] and [[https://www.google.com/intl/de/tagmanager/|Google Tag Manager]] and the following documentation will show an example implementation using these tools.
+<note important>Please note that this guideline refers to Direct integration as we have no control over the frontend in API/Plugin integrations. Nevertheless you might use this instructions to create your own A/B testing scenario with your own mechanism to (de)activate Findologic.</note>
-<note important>**[[integration_documentation:direct_integration|Direct Integration]] is required to be able to do A/B testing.**</note>
 -----
 ==== Implementation ====
+=== Logic ===
+  * Do not implement the Findologic snippet into your source code (neither via plugin nor in the shop template).
+  * This is the NO Findologic segment.
+  * Create another segment in which you insert the Findologic-snippet.
+  * This is the Findologic segment.
+-----
+=== Example: Setting up an A/B test using Google Optimize ===
+<note important>Make sure that you have the Google Optimize Snippet implemented directly in your shop or that you insert it via the Google Tag Manager. Find more information about this topic at the [[https://support.google.com/optimize/answer/6262084|Google support]].</note>
+\\
 Go to [[https://optimize.google.com|Google Optimize]] and click on //**Create Experiment**//:
@@ Line 28: / Line 43: @@
 A sidebar should popup, where you have to set the following values:
-  * Name: Does not matter, can be set to anything you like, e.g. //FINDOLOGIC A/B//.
+  * Name: Does not matter, can be set to anything you like, e.g. //Findologic A/B//.
   * URL: URL of the site to test, e.g. //https://www.shop.com //
   * **Type: A/B test**
@@ Line 46: / Line 61: @@
 A sidebar should popup, where you have to set the following values:
-  * **Evaluate on: Custom event**
+  * **Evaluate on page load**
-  * **Event name: optimize.activate**
 After those values are set, click on //**Done**//.
-{{:a_b_test_4.png|Evaluate on custom event}}
+{{:use_findologic_with_google_analytics:a_b_test_findologic_activation.png|Evaluate on page load}}
 -----
@@ Line 73: / Line 87: @@
 -----
-<note important>As next step, contact the FINDOLOGIC Support ([[support@findologic.com]]) in order to activate A/B testing for your service.</note>
+Open the variant Findologic in the editor. Make sure the [[https://chrome.google.com/webstore/detail/google-optimize/bhdplaindhdkiflmbfbciehdccfhegci|Google Optimize]] extension is installed in your Chrome browser.
-After FINDOLOGIC has activated A/B testing for your service, create a //**New Variant**// in your Google Optimize account:
+{{:use_findologic_with_google_analytics:a_b_test_findologic.png|}}
-  * **Variant: Non-FINDOLOGIC**
-{{:a_b_test_7.png|Variant Non-FINDOLOGIC}}
------
-Open the variant in the editor. Make sure the [[https://chrome.google.com/webstore/detail/google-optimize/bhdplaindhdkiflmbfbciehdccfhegci|Google Optimize]] extension is installed in your Chrome browser.
-{{:a_b_test_8.png|Variant in editor}}
 -----
@@ Line 92: / Line 96: @@
 Afterwards click on //**Add Change**// and choose //**JavaScript**//.
-{{:a_b_test_9.png|Choose element}}
+{{:use_findologic_with_google_analytics:a_b_test_findologic_select_element.png|}}
 -----
@@ Line 99: / Line 103: @@
 <code javascript>
-flRequire(["directIntegration", "flUtils"], function(directIntegration, flUtils) {
+    (function() {
-  flUtils.Logger.info("Disabling FINDOLOGIC for A/B Test");
+        var mainUrl = "https://cdn.findologic.com/static/YOURHASHEDSHOPKEY/main.js";
-  directIntegration.disableFindologic();
+        var loader = document.createElement('script');
-});
+        loader.type = 'text/javascript';
+        loader.async = true;
+        loader.src = "https://cdn.findologic.com/static/loader.min.js";
+        var s = document.getElementsByTagName('script')[0];
+        loader.setAttribute('data-fl-main', mainUrl);
+        s.parentNode.insertBefore(loader, s);
+    })();
 </code>
 In the dropdown at the bottom, choose //**After opening tag**// and click on //**Apply**//.
-{{:a_b_test_10.png|Save JavaScript snippet}}
+{{:use_findologic_with_google_analytics:a_b_test_findologic_insert_snippet.png|Insert snippet}}
 -----
@@ Line 114: / Line 124: @@
 **Start the experiment.**
+{{tag>a/b_test ab_test a_b_test google_optimize google_analytics}}

use_findologic_with_google_analytics:a_b_testing_with_google_analytics

Differences

Documentation overview

Useful links