Wish to know which look for your landing page gives you more interactions? Or do you want to experiment with your web pages? Google’s Optimize Beta tool is here to make your work easy. As you know A/B testing or split testing is a simple but effective way to test your website by comparing different versions of the same content and checking for better-performing version. A/B testing
So, in this tutorial, we will learn how to set up the optimize, use, measure and Analyse the results. As I said the A/B test is comparing two versions of a web page or app against each other to determine which one performs better. The one that gives a better conversion rate, wins!
Setting Up Google Optimize Tool
Sign in with Your Google Account
- Go to Google Optimize Page.
- Enter your account credentials.
- Choose preferences and Accept the terms and conditions.
- Once done. You will be on the overview page of Optimize.
Link your Account with Google Optimize
- Now on the right side, you will see Manage accounts and users.
- Here you can edit container name to the high hierarchy like companies name for easy navigation.
- You must link your Google Optimize with Google Analytics to measure the results.
Install Google Optimise Snippet
The snippet consists of two parts, one part is the optimize plugin and the second part is Page hiding snippet.
If you have Google Analytics hard coded on your then just add the line to your Google Analytics website.
You can also do this through the Google Tag manager.
- Go over to Google Tag manager. Click on New Tag.
- There is already a Tag template available for Google Optimize.
- Here you need to add Google Analytics Tracking ID and Optimiser Container ID.
- You can give the tag a name.
- Now under the trigger, you can give All pages trigger or define a narrow trigger to apply only to A/B test running pages. But this doesn’t generate any overhead.
- Save the Optimise and publish it. Google Optimiser is installed.
The second snippet is page hiding snippet which is completely optional. This snippet will take care of flickers which may sometimes occur during A/B testing. It will take care of any element change that occurs after the page is loaded thus only the variation will be loaded quickly without any element change during the page load.
- Copy the Snippet code.
- And paste it just below the <head> and above the <! — Google Tag manager –> of your website theme.
- Save the changes.
Creating Experiment for A/B Testing
- Now in Google Optimiser Overview page click on Create Experiment.
- Give the experiment a Name.
- Choose the URL of the page on which you want to run the experiment.
- Choose A/B test. You can also perform Multivariate Test and Redirect Test.
- Create the experiment.
Configure Variation for A/B Testing
- Now in Test details screen, you can create a new variation.
- Click on the +New variant. Give a name to variation.
- You will see New Variant added to test screen.
Create variation for the Page
- Now on the new variant, simply go to the editor. Save our last changes.
- You must use Chrome Extension by the name Google Optimize extension for making changes on your website.
- Install the Plugin.
- You must leave your Workspace preview to debug mode first in Google Tag Manager.
- Now Reload the web page. (If nothing shows up, go back to Google Optimise interface and click on retry)
- You will be redirected to your URL to make the changes using editor plugin.
- You can now click on the Page content or elements and edit the elements.
- It is a very powerful tool and you get loads of editing options from color to HTML of the element. You can check responsive of the page on various smartphone sizes. Edit CSS of the page etc.
- Once done save the variation.
Measure the variation for the A/B Test
- In Google Optimiser page under Configuration click on Experiment objectives.
- The objectives are defined by the Goals which are already configured in our Analytics account. So, if you do not have any goals implemented then you should definitely that and make sure choose the goal which will show the resultant variation.
For example, if we have made Buy button as variation in Google Optimize then choose to Add to Cart as the goal completion.
- You can even have secondary objectives also.
- Describe your objective. Save the changes.
- Click on ‘Run experiment’ to start the process.
After some time you can check the results under Reporting section showing the comparison between original and variation. You can even have in-depth reporting in Google Analytics.
Knowledge Source: Measureschool
I hope the post was helpful. Do comment below for any sort of support or assistance. Thank You!
If you've any thoughts on the article - Perform A/B Test on your website using Google Optimize, then feel free to drop in below comment box or you may create a new topic in our hello restoreBin forum.
Also, please share this post and follow us on rB twitter and rB facebook to stay update and inspired. Cheers!