How to add Google Optimize via Google Tag Manager

Google Tag Manager

My Step-By-Step Blueprint (100+ Pages) For Learning and Mastering GTM Data Layers

Get The Only Ebook On GTM Data Layer Ever Published (100+ pages). Learn & Master Data Layers

Yes I want the ebook

Last Updated: August 28, 2021

Table of Contents For How to add Google Optimize via Google Tag Manager

Introduction to Google Optimize

Google Optimize allows you to test the different versions of your web pages and let you know how they are performing against your business objectives.

This tool will monitor the performance of two or many versions of your web pages over a period of time and provide insights about how users are interacting with different versions.

In this article, let us see how to implement the Google Optimize snippet using Google Tag Manager.

gtm 101 
Get the E-Book (100 Pages)
gtm data layers
Get the E-Book (62 Pages)

Prerequisites to installing Optimize on your website

  1. GTM snippet code placement
  2. Install Optimize anti-flicker code snippet
  3. Data layer declarations on the pages

GTM snippet code placement

The GTM snippet is small piece of JavaScript code that should be placed on every page that you would like to track.

This code should be placed immediately inside of a head tag. The higher the code is placed, faster it loads. 

It is highly recommended that you place the snippet on head section of your website code. Placing the tag in the <head> section will help you track the percentage of traffic that left before even the page has loaded.

Installing Optimize anti-flicker code snippet

The Optimize anti-flicker snippet should be installed on pages to mitigate the page flicker. The flicker occurs when the elements on the page momentarily ‘jump’ due to the loading of external CSS before default styles.

Installing anti-flicker code on a page ensures loading of the Optimize container asynchronously; hiding the page until the container is ready to show different versions of the same page to the users.

To know more about the installation process and steps read through this Google Optimize documentation.

Note: The anti-flicker snippet should only be installed inline directly on the page and it should not be implemented through a tag management system
(TMS)

Data layer declarations on the pages

Make sure that the data layer declaration for the pages appears before the Optimize page hiding and Tag Manager snippets.

Since we are using the data layer method, and the Optimize code been implemented from the GTM, it is recommended that the data later is initialized on the page first before the Tag Manager and page hiding snippet.

Prerequisites to installing Optimize using Google Tag Manager

Before you set up the Google Optimize tag in your Google Tag Manager account, make sure that you have this information handy.

  1. Google Analytics tracking ID
  2. Google Optimize container ID
  3. Google Analytics variable used for Tag Manager and Analytics tracker settings use the same property ID.

Steps to configure Optimize tags in Google Tag Manager

Step-1: Log in to your Google Tag Manager account and select the account in which you would like to create a Google Optimize tag.

Step-2: Click on the tags on the left-hand side.

GTM Tags

Step-3: Click on the new tag.

New Tag in GTM

Step-4: In the tag configuration, click on the tag type in order to set up the tag.

Tag Configuration

Step-5: Choose Google Optimize from the tag templates available.

Google Optimize Tag Type 1

Step-6: Enter the Optimize container ID and select the Google Analytics settings variable created for the GA pageview tag.

Google Optimize Tag Details

Step-7: Save the tag without any trigger condition attached to it.

No Trigger Selected

Step-8:  Now, navigate back to the tags and select the Google Analytics pageview tag.

GA Pageview Tag

Step-9:  Click on the ‘Advanced settings’ option in the GA pageview tag, as shown below:

GA Advanced Settings

Step-10:  Now, select ‘Tag sequencing’ which is available when you click on the ‘Advanced settings’ option.

Tag Sequencing

Step-11:  When you click on the tag sequencing, you will have two options. ‘Fire a tag before GA pageview tag fires’ or ‘Fire a tag after GA pageview tag fires’. Select first option as highlighted below.

Tag Sequencing options

Step-12:  When you select the tag sequencing to fire a tag before the GA pageview tag, you should now see the ‘Set-up tag’ option.

Setup tag

Step-13: Select the GA Optimize tag which we have created recently.

GA Optimize Tag Sequence

Step-14: In ‘Tag firing options’, make sure that you are selecting ‘Once per page’.

Tag Firing Option

Step-15:  Click ‘Save’ and publish the changes in your GTM container.

You are done setting up your Google Optimize tag using Google Tag Manager!

Register for the FREE TRAINING...

"How to use Digital Analytics to generate floods of new Sales and Customers without spending years figuring everything out on your own."



Here’s what we’re going to cover in this training…

#1 Why digital analytics is the key to online business success.

​#2 The number 1 reason why most marketers are not able to scale their advertising and maximize sales.

#3 Why Google and Facebook ads don’t work for most businesses & how to make them work.

#4 ​Why you won’t get any competitive advantage in the marketplace just by knowing Google Analytics.

​#5 The number 1 reason why conversion optimization is not working for your business.

​#6 How to advertise on any marketing platform for FREE with an unlimited budget.

​#7 How to learn and master digital analytics and conversion optimization in record time.



   

My best selling books on Digital Analytics and Conversion Optimization

Maths and Stats for Web Analytics and Conversion Optimization Master the Essentials of Email Marketing Analytics Attribution Modelling in Google Analytics and Beyond Attribution Modelling in Google Ads and Facebook

Maths and Stats for Web Analytics and Conversion Optimization
This expert guide will teach you how to leverage the knowledge of maths and statistics in order to accurately interpret data and take actions, which can quickly improve the bottom-line of your online business.

Master the Essentials of Email Marketing Analytics
This book focuses solely on the ‘analytics’ that power your email marketing optimization program and will help you dramatically reduce your cost per acquisition and increase marketing ROI by tracking the performance of the various KPIs and metrics used for email marketing.

Attribution Modelling in Google Analytics and BeyondSECOND EDITION OUT NOW!
Attribution modelling is the process of determining the most effective marketing channels for investment. This book has been written to help you implement attribution modelling. It will teach you how to leverage the knowledge of attribution modelling in order to allocate marketing budget and understand buying behaviour.

Attribution Modelling in Google Ads and Facebook
This book has been written to help you implement attribution modelling in Google Ads (Google AdWords) and Facebook. It will teach you, how to leverage the knowledge of attribution modelling in order to understand the customer purchasing journey and determine the most effective marketing channels for investment.

About the Author

Himanshu Sharma

  • Founder, OptimizeSmart.com
  • Over 15 years of experience in digital analytics and marketing
  • Author of four best-selling books on digital analytics and conversion optimization
  • Nominated for Digital Analytics Association Awards for Excellence
  • Runs one of the most popular blogs in the world on digital analytics
  • Consultant to countless small and big businesses over the decade

Get My Step-By-Step Blueprint For Finding The Best KPIs (32 pages ebook)

Download the FREE ebook
X
error: Alert: Content is protected !!