Google Optimize: A/B Testing with No Trouble

Google optimize testing

Are you familiar with the problem of choosing the best website design to satisfy your customer expectations? And do you know how to easily implement accurate tests on a regular basis? Try  Google Optimize, a tool which permits you to set up an experiment, without any third-party help.

Google Optimize allows you to:

  • Add or modify certain elements on the site - texts, images, buttons, etc;
  • Compare different landing page performances;
  • Test pages with different designs.

In this article, you will find a step-by-step guide on how to run an experiment.

What Your Need to Set up an Experiment Using Google Optimize

Before running your first test, you need to:

  • Install the   Google Analytics, Tag Manager and Optimize codes on your site.
  • Add the Google Optimize extension in the Chrome browser.
  • Configure the experiment in Google Optimize.

Let's take a closer look at the settings for the A / B test.

1. Create an account in Google Optimize

Go to Google Optimize and click on “Create account.“

In the window that appears, set the account name, accept the terms.
And click “Next.“

Name the container.And click on“Create.“

2. Select the type of experiment

In the account, click on “Create experiment.“

In the window that appears, name the experiment, specify the address of the page you plan to test.

And select the type.

There are three forms of tests available in Google Optimize:

  • A/B-test - randomized with two or several variants of one page under one URL;
  • Multivariate test - testing of several elements of one page;
  • Redirect - allows you to compare two landing pages with different URLs or one-page design options;

If you want to test different design versions of one page with the same content, we would recommend to use Google Optimize for the classic A/B testing. In this case, you can configure which audience will see this or that design version. In case you are going to test various content under different URLs, it would be better to try Redirect option to get more accurate statistics of user behavior in Google Analytics.

3. Connect Google Optimize with Analytics

To connect Optimize to your Google Analytics, click the "Go to container page" link.

Click the button "Link property" and in the window that appears select the resource and view of Google Analytics.


Skip the window with a suggestion to set the Google Optimize code on the site - further we will consider in detail the installation of the necessary codes.

4. Configure the experiment

Click on the created experiment to open the window with the settings of its work.

Create variants for comparison

Variant in Google Optimize is a modification of the selected element of the page, which you want to compare with the current type.

 


By default, the system has already created the version called "Original". 
To add a test variant, click “+ New Variant”.

Specify the name of the new page variant and click "Add".

To set up an experiment variant, install the Google Optimize extension.

Click on the created variant and wait until the page for which you want to set up the experiment is loaded.

In the window that appears, you can:

  • Delete the page element;
  • Change the size or location of the item;
  • Update the text on the site, as well as its font, alignment, size or color of the inscription;
  • Add a background as a fill color, set a frame, or change the transparency.
  • Edit HTML or JavaScript code.

Save your changes.
Set the weight of the experiment

By default, the system sets an equal weight for each variant of the page.

If you want to check, for example, the effectiveness of the planned redesign of the "Buy" button, you can send more traffic to the test version, so that you can accurately assess the user's response.

To change the weight of an option, click the icon for this setting.

In the next window that appears, enter the required weight for each option and click "Done".

Select Objectives

To evaluate the results of the experiment, you need to set up objectives. For example, you can see how the new design has affected the number of failures or page conversions.

There are three types of goals in Google Optimize:

  • Pageviews;
  • Session Duration;
  • Bounces.



You can also use "Objectives" from Google Analytics. 

Go to “ objectives“ and click link to a Google Analytics view.

In a window, select the desired view.

You can combine the standard goals of Google Optimize with your own goals from Analytics, but in a free version you can only use three goals at once.

Fix the hypothesis

In the description, we would recommend you to write down the question which you want to answer during the course of the experiment, or describe in detail your assumptions about how the innovations will affect the goals you have chosen.

5. Set up targeting

In the experiment all visitors of the site can participate, or those selected according to certain criteria. Let’s consider in more detail what you can configure on the "Targeting" tab.

Percentage of site visitors

By default, all visitors to the site will participate in the test. If you want to test your hypothesis on a smaller number of users, simply enter the desired value percentage in the field highlighted in the screenshot below.

On the same tab, you can change the weight of the options, if necessary, by pressing "Edit".


Activation event

The targeting settings in Google Optimize allow you to specify when to activate the experiment.

By default, activation occurs when the page loads. To set the event as an activator, go to the "When" section and select the "Custom event" field.

Create rule

In Google Optimize, there are ten types of targeting, based on which you can create your own rule for triggering the experiment.

  • URL targeting - targeting based on URL
  • Audience targeting — audiences created in Google Analytics (available only for paid version users of Optimize);
  • Behavior targeting - new or returned visitors who have moved from certain sources;
  • Geo targeting - visitors from a particular city, region, or country;
  • Technology targeting - users who utilize a specific device, browser, or operating system;
  • JavaScript variable - the JavaScript value of the variable used on the site;
  • First-party cookie - targeting users' cookies;
  • Custom JavaScript - custom code that allows targeting based on information not available in previous targeting methods (for example, time of day).
  • Query Parameter - get-parameters, with this type of targeting you can target the experiment on utm-labels;
  • Data Layer variable - based on the values that are stored in the data-level variables.

6. Set the Optimize code with Google Tag Manager

Open the menu with experiment setup steps and go to the Optimize installation.
Copy the ID of your Google Optimize account.

  • Go to Google Tag Manager and create a new tag like "Google Optimize".
  • In the tag settings, enter the Google Analytics tracking ID and the account ID of the Optimize account that you copied earlier.
  • Save the new tag. Triggers for it are not needed.

Now you need to change the order of the tags, so that the Optimize tag works before Google Analytics.

Go to the advanced settings of the Analytics tag, tick the box next to "Fire a tag before GA fires," and select the Google Optimize tag from the list.

7. Install the script that hides the element substitution

Please note that the Google Optimize code consists of two parts. The second part should be installed directly on the site, so that site visitors do not see the process of substitution of the elements.

Summary

 


Google Optimize is a powerful tool for testing the efficiency of your site, its pages and elements and boosting productivity with minimum effort.

How to work with it:

  1. Create an account in Google Optimize  and select the type of experiment.
  2. Connect Optimize with Google Analytics
  3. To set up an experiment, create page variations for comparison and set how traffic will be distributed between them.
  4. Set up goals in Optimize or select previously configured in Analytics - so you can assess the effectiveness of the compared items.
  5. Set up targeting - the conditions for activating the experiment on the site.
  6. Set the Optimize code with Google Tag Manager
  7. Add a script directly to the site code, which hides the submenu of the elements.

If you have any questions, concerns, need optimisation of your site, or redesign requests, to make it more attractive for visitors - just drop us a line!

 

 

 

Max Summers
November 30, 2017
recent
Facebook Creates New Opportunities for Startups How to Save 50% of Your Budget for App Development
recommended
App Development Calculator A Guide for Businesses: How to Create Apps Infographics: Magora development process The Best Mobile Apps for Businesses App Development Post Launch Activity
categories
News Technologies Design Business Development
Logo Magora LTD
close
Get in touch