How to Add Google Tag Manager to Kadence

Home / Blog / Tutorials / How to Add Google Tag Manager to Kadence

If you use Kadence WP, you can use Google Tag Manager to manage your website’s tags and tracking codes more effectively.

Google Tag Manager is a tag management system that allows you to easily add, remove, and update tags on your website without editing your website’s code.

This guide will walk you through the steps to seamlessly integrate Google Tag Manager with your Kadence-powered WordPress site.

Requirements

Before you proceed, here are some of the requirements you will need for this setup.

More about Google Tag Manager

Google Tag Manager (GTM) is a free tool from Google that allows you to easily manage and deploy various tracking codes and scripts on your website without requiring direct access to the site’s source code.

Tags are small pieces of code that can be used to track user behaviour, measure the effectiveness of marketing campaigns, and more.

Check out the Exploring the Role of Google Tag Manager article for more information on GTM.

Video: How to Add Google Tag Manager to Kadence

Watch the video on How to Add Google Tag Manager to a Kadence website.

Step-by-step process on How to Add Google Tag Manager to Kadence Theme

Here are the steps on how you can add Google Tag Manager to your Kadence website.

Log into your WordPress Admin dashboard area. Go to ThemesKadence – and activate the Header/Footer Scripts Pro Addon. This Pro Addon is available only on the Kadence Pro Theme version.

Header/Footer Scripts Pro Addon will enable you to tag scripts inside your website’s header and footer.

Enable the header and footer scripts Kadence Pro addon
Enable the header and footer scripts Kadence Pro addon

Step 2: Set Up Your Google Tag Manager Account

  • Visit Google Tag Manager: Go to the Google Tag Manager website and sign in with your Google account. You must create a Google account if you don’t have one.
  • Create an Account and Container: Click the Create Account button to set up your first Google Tag Account and Container.
Create Google Tag account button.
Create a Google Tag account button.
  • Fill in the Create Account and Container Form: To create the Google Tag account, enter the account name and select the country.
  • Container Setup: Enter the container name and select the target platform for the Container Setup. A container is a virtual space that holds all the tags for a particular website.
  • Submit the form: Click the Create button and accept the Terms of Service to complete this process.
Create a Google Tag Account and Container Form
Create a Google Tag Account and Container Form

Step 3: Get Your Google Tag Manager Container Code

  • Retrieve the Container Code: Google Tag Manager will give you code snippets after setting up your container. These code snippets need to be added to your Kadence WordPress site.
Google Tag Manager scripts
Google Tag Manager scripts

Step 4: Integrate Google Tag Manager with Kadence

  • Access Your WordPress Dashboard: Return to the WordPress admin dashboard.
  • Open Kadence Theme Customiser: Go to AppearanceCustomise to open the theme customiser.
Appearance sub-menu via WP Admin dashboard
Select “Customise”.
  • Open Custom Scripts Section: Within the Customiser, go to Custom Scripts.
Go to Kadence Theme Custom scripts.
Go to Kadence Theme Custom scripts.
  • Add Google Tag Manager Code: Paste the Google Tag Manager code snippets inside the Custom Scripts into the appropriate sections, that is to say, in your header and opening body tag, as shown below.
Add Google Tag Manager scripts to the Kadence Custom Scripts section
Add Google Tag Manager scripts to the Kadence Custom Scripts section.

Step 5: Clear sever cache and test Scripts

  • Test for the Scripts: The next step is to clear the server cache. When you clear the server cache, it removes the old cached files that do not have the tracking code, hence creating new files with the updated code.

Clearing Cache

Check out our article on Clearing your Browser Cache to learn more about cache at length.

  • Test for the Scripts: Return to Google Tag Manager and add the website’s URL to test if the scripts work. You will see a green check mark confirming a positive test if the scripts work.
Test for GTM Scripts on your website.
Test for GTM Scripts on your website.

Step 6: Add Tags and Triggers

  • Create Tags in Google Tag Manager: From your Google Tag Manager dashboard, create tags for the services you want to track; in this case, we will create a tag for the website.
GTM Configuration
GTM Configuration

Tag ID from Google Analytics

To get the Google Analytics Tracking code ID, log into your Google Analytics account and go to SettingsProperty settingsData collection and modificationsData StreamsWeb and copy Measurement ID.

How to pick the Tag ID from Google Analytics
How to pick the Tag ID from Google Analytics

If you have not set up Google Analytics, check out our article on How to set up Google Analytics in Kadence WP Theme.

  • Set Triggers: Associate triggers with your tags to specify when they should be activated. For this guide, we will set the trigger on pageviews.
Set the trigger for the GTM
Set the trigger for the GTM

Step 7: Submit New Changes

You must publish the changes after creating the tag and adding its trigger. To do this, Click the Submit button at the top right-hand corner of the screen.

Submit the GTM version changes
Submit the GTM version changes.

Fill in the Submission Configuration form by adding the version name and description. Click Publish to submit the changes.

Submit the GTM changes
Submit the GTM changes.

Step 8: Review your tag configurations

Review your tag configurations inside Google Analytics real-time reports to confirm that everything is working. Live traffic will be captured inside your Google Analytics if all is okay.

Confirm real time reports from Google Analytics
Confirm real-time reports from Google Analytics.

Conclusion

You have successfully integrated Google Tag Manager with your Kadence WordPress site. Centralizing your tracking codes and tags gives you more control over your website’s analytics and marketing efforts. Remember to regularly review and update your tags in Google Tag Manager as your website evolves.

At MRK WP, we offer support for the Kadence theme and its plugin as part of our WordPress Care Plan service. Reach out to us if you need a WordPress Care Plan for your website.