Overview

Google Tag Manager allows you to configure and deploy tags, including tags from Google Ads, Google Analytics, Floodlight, and 3rd parties.

In this post, we will show you how to set up your Google Tag Manager account and add the code snippet to your Divi site. If you already have a GTM account and have your code snippet ready, feel free to skip to Step 5.

 

Requirements:

  • Gmail address e.g. name@gmail.com (You will require a Gmail address to set up a GTM account)
  • WordPress
  • Divi Theme
  • Google Tag Assistant (only available on Chrome)

 

Steps (7 steps total):

  1. Setting Up Google Tag Manager Account
  2. Adding New Google Tag Manager Account
  3. Setup New Account Container
  4. Google Tag Manager Code
  5. Locating Divi Theme Options
  6. Adding Google Tag Manager Code To Your Divi Theme Options
  7. Check Google Tag Manager Is Working On Your Divi Site Using Google Tag Assistant

 

Step 1: Setting Up Google Tag Manager Account

Go to: https://marketingplatform.google.com/about/tag-manager/

Click ‘Start for free’ button

Setting Up Google Tag Manager Account

 

Step 2: Adding New Google Tag Manager Account

Enter your account name and select your country from the drop-down menu > click ‘Continue’ button.

Adding New Google Tag Manager Account

 

Step 3: Setup New Account Container

Enter a name for your container, for example, your website address (e.g. www.mysite.com).

Select ‘Web’ in the ‘Where to Use Container’ options > Click ‘Create’ button.

Setup New Google Tag Manager Container

 

Step 4: Google Tag Manager Code

Here you will see two code snippets, leave this page open and now go to your WordPress dashboard.

Installing Google Tag Manager Code

 

Step 5: Locating Divi Theme Options

Once you’re on the WordPress dashboard of your site. In the menu on the left-hand find ‘Divi’ (usually located near the bottom) > hover over ‘Divi’ and click ‘Theme Options’.

Installing Google Tag Manager Code To Divi Theme Options

When you click on ‘Theme Options’ you will see a menu on the ‘Divi Theme Options’ page (General, Navigaton, Builder etc).

Go to ‘Integration’ and you will be shown the page in the screenshot below:

Installing Google Tag Manager Code To Divi

 

Step 6: Adding Google Tag Manager Code To Your Divi Theme Options

Once you’re on the ‘Divi Theme Options – Integration’ page, the two sections we will be using are:

– Add code to the < head > of your blog

– Add code to the < body > (good for tracking codes such as google analytics)

Now go back to your Google Tag Manager page with the two code snippets.

Copy the first code snippet under the section ‘Paste this code as high in the of the page as possible:’ and paste this into the ‘Add code to the < head > of your blog’ section in the Divi Theme Options.

Then go back to your Google Tag Manager page and copy the second code snippet under the section ‘Additionally, paste this code immediately after the opening tag:’. Paste this second code snippet into the ‘Add code to the < body > (good for tracking codes such as google analytics)’ section in the Divi Theme Options.

Once both code snippets are added from Google Tag Manager to the Divi Theme Options, click ‘Save Changes’ button.

Installing Google Tag Manager Code To Divi - Head & Body

 

Step 7: Check Google Tag Manager Is Working On Your Divi Site Using Google Tag Assistant

Finally, we will now check to see if your GTM code in working on your Divi site. To do this, we will need to use the Google Tag Assistant. The Google Tag Assistant is an extension for your browser that helps you verify that you have installed various Google tags correctly on your page. Please find the link to install Google Tag Assistant extensions below:

Google Tag Assistant (only available on Chrome) – https://get.google.com/tagassistant/

When you have installed Google Tag Assistant > go to your website and click the tag icon > click ‘Enable button’ and then refresh your page.

Now click on the tag icon again and you will be able to see the window shown in the screenshot below:

Check Google Tag Manager Code Using Google Tag Assistant

Here you will be able to see if GTM is installed and working on your site shown as a green tag + happy face : ]

You have now successfully installed and verified Google Tag Manager on your Divi site! 🙌

 

Pin It on Pinterest

Share This