a_b_test_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 | ||
a_b_test_with_google_analytics [2017/10/02 12:42] dominik |
— (current) | ||
---|---|---|---|
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. \\ | ||
- | Metrics like //page views, transactions, …// can be used and evaluated. | ||
- | |||
- | ----- | ||
- | |||
- | ==== Requirements for A/B testing ==== | ||
- | |||
- | **Before reading this documentation** make sure that | ||
- | |||
- | * [[https://analytics.google.com/analytics/web/|Google Analytics]] is running properly. | ||
- | * You have access the Google Analytics property, which is used on your site, and that it is **connected to [[https://www.google.com/analytics/optimize/|Google Optimize]]**. | ||
- | |||
- | |||
- | <note important>**[[integration_documentation:direct_integration|Direct Integration]] is required to be able to do A/B testing.**</note> | ||
- | |||
- | ----- | ||
- | |||
- | ==== Implementation ==== | ||
- | |||
- | Go to [[https://optimize.google.com|Google Optimize]] and click on //**Create Experiment**//: | ||
- | |||
- | {{:a_b_test_1.png|Create Experiment}} | ||
- | |||
- | ----- | ||
- | |||
- | 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//. | ||
- | * URL: URL of the site to test, e.g. //https://www.shop.com // | ||
- | * **Type: A/B test** | ||
- | |||
- | After those values are set, click on //**Create**//. | ||
- | |||
- | {{:a_b_test_2.png|Create AB test}} | ||
- | |||
- | ----- | ||
- | |||
- | In your A/B test, open the tab //Targeting// and click on the pencil next to //Evaluate on page load//. | ||
- | |||
- | {{:a_b_test_3.png|Evaluate}} | ||
- | |||
- | ----- | ||
- | |||
- | A sidebar should popup, where you have to set the following values: | ||
- | |||
- | * **Evaluate on: Custom event** | ||
- | * **Event name: optimize.activate** | ||
- | |||
- | After those values are set, click on //**Done**//. | ||
- | |||
- | {{:a_b_test_4.png|Evaluate on custom event}} | ||
- | |||
- | ----- | ||
- | |||
- | Now click on //**Create Rule**// and afterwards on //**URLs**//. Now set the value to | ||
- | |||
- | * **URL matches: Shop URL, e.g. //https://www.shop.com //** | ||
- | |||
- | After this value is set, click on //**Add**//. | ||
- | |||
- | {{:a_b_test_5.png|URL rule}} | ||
- | |||
- | ----- | ||
- | |||
- | In your A/B test open the tab //Objectives// and select some objectives. | ||
- | |||
- | * Objectives: some objectives, //Recommended: page views, transactions// | ||
- | |||
- | {{:a_b_test_6.png|Objectives}} | ||
- | |||
- | ----- | ||
- | |||
- | <note important>As next step, contact the FINDOLOGIC Support ([[support@findologic.com]]) in order to activate A/B testing for your service.</note> | ||
- | |||
- | After FINDOLOGIC has activated A/B testing for your service, create a //**New Variant**// in your Google Optimize account: | ||
- | |||
- | * **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}} | ||
- | |||
- | ----- | ||
- | |||
- | Next up select the //head// element, click on //**Add Change**// and choose //**JavaScript**//. | ||
- | |||
- | {{:a_b_test_9.png|Choose element}} | ||
- | |||
- | ----- | ||
- | |||
- | Now paste the following JavaScript code in there: | ||
- | |||
- | <code javascript> | ||
- | flRequire(["directIntegration", "flUtils"], function(directIntegration, flUtils) { | ||
- | flUtils.Logger.info("Disabling FINDOLOGIC for A/B Test"); | ||
- | directIntegration.disableFindologic(); | ||
- | }); | ||
- | </code> | ||
- | |||
- | In the dropdown at the bottom, choose //**After opening tag**// and click on //**Apply**//. | ||
- | |||
- | {{:a_b_test_10.png|Save JavaScript snippet}} | ||
- | |||
- | ----- | ||
- | |||
- | Last but not least, click on //**Save**// and //**Done**// to save the variant. \\ \\ | ||
- | |||
- | **Start the experiment.** |