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.
- Gmail address e.g. firstname.lastname@example.org (You will require a Gmail address to set up a GTM account)
- Divi Theme
- Google Tag Assistant (only available on Chrome)
Steps (7 steps total):
- Setting Up Google Tag Manager Account
- Adding New Google Tag Manager Account
- Setup New Account Container
- Google Tag Manager Code
- Locating Divi Theme Options
- Adding Google Tag Manager Code To Your Divi Theme Options
- Check Google Tag Manager Is Working On Your Divi Site Using Google Tag Assistant
Step 1: Setting Up Google Tag Manager Account
Click ‘Start for free’ button
Step 2: Adding New Google Tag Manager Account
Enter your account name and select your country from the drop-down menu > click ‘Continue’ button.
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.
Step 4: Google Tag Manager Code
Here you will see two code snippets, leave this page open and now go to your WordPress dashboard.
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’.
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:
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.
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:
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! 🙌