use_findologic_with_google_analytics:a_b_testing_with_google_analytics
Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision | ||
|
use_findologic_with_google_analytics:a_b_testing_with_google_analytics [2018/04/20 11:53] florian [Implementation] |
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) ===== | ===== A/B testing with Google Analytics (Google Optimize) ===== | ||
| - | FINDOLOGIC offers the possibility to use A/B testing, so you can test the search of FINDOLOGIC in comparison to an alternative search engine. \\ | + | Findologic offers the possibility to use A/B testing, so you can test the search of Findologic in comparison to an alternative search engine. \\ |
| - | By doing this **you can easily compare metrics like revenue, bounce and many more between FINDOLOGIC and another search**. | + | By doing this **you can easily compare metrics like revenue, bounce and many more between Findologic and another search**. |
| ----- | ----- | ||
| Line 14: | Line 14: | ||
| * 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. | * 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>**[[integration_documentation:direct_integration|Direct Integration]] is required to be able to do A/B testing.**</note> | + | <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> |
| ----- | ----- | ||
| ==== Implementation ==== | ==== Implementation ==== | ||
| - | |||
| - | \\ | ||
| === Logic === | === Logic === | ||
| - | * Do not implement the FINDOLOGIC snippet into your source code (neither via plugin nor in the shop template). | + | * Do not implement the Findologic snippet into your source code (neither via plugin nor in the shop template). |
| - | * This is the NO FINDOLOGIC segment. | + | * This is the NO Findologic segment. |
| - | * Create another segment in which you insert the FINDOLOGIC-snippet. | + | * Create another segment in which you insert the Findologic-snippet. |
| - | * This is the FINDOLOGIC snippet. | + | * This is the Findologic segment. |
| ----- | ----- | ||
| Line 33: | Line 31: | ||
| === Example: Setting up an A/B test using Google Optimize === | === 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?hl=de|Google support]].</note> | + | <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> |
| \\ | \\ | ||
| Line 45: | Line 43: | ||
| A sidebar should popup, where you have to set the following values: | 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 // | * URL: URL of the site to test, e.g. //https://www.shop.com // | ||
| * **Type: A/B test** | * **Type: A/B test** | ||
| Line 67: | Line 65: | ||
| After those values are set, click on //**Done**//. | 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 89: | Line 87: | ||
| ----- | ----- | ||
| - | 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. | + | 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. |
| {{:use_findologic_with_google_analytics:a_b_test_findologic.png|}} | {{:use_findologic_with_google_analytics:a_b_test_findologic.png|}} | ||
| Line 98: | Line 96: | ||
| Afterwards click on //**Add Change**// and choose //**JavaScript**//. | 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 105: | Line 103: | ||
| <code javascript> | <code javascript> | ||
| - | <script type="text/javascript"> | ||
| (function() { | (function() { | ||
| - | var mainUrl = "https://cdn.findologic.com/static/YOURSHOPKEY/main.js"; | + | var mainUrl = "https://cdn.findologic.com/static/YOURHASHEDSHOPKEY/main.js"; |
| var loader = document.createElement('script'); | var loader = document.createElement('script'); | ||
| loader.type = 'text/javascript'; | loader.type = 'text/javascript'; | ||
| Line 116: | Line 113: | ||
| s.parentNode.insertBefore(loader, s); | s.parentNode.insertBefore(loader, s); | ||
| })(); | })(); | ||
| - | </script> | ||
| </code> | </code> | ||
| In the dropdown at the bottom, choose //**After opening tag**// and click on //**Apply**//. | 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}} |
| ----- | ----- | ||