Beginner Guide For Google Tag Manager And WordPress

in this Article, we’re going to show you how you can implement a new version of Google Tag Manager on a website running on WordPress, without needing to rely on developers or third-party plugins.

let’s get to it!

Table of Contents

What’s a Google Tag Manager?

Predominantly website owners need to add multiple code snippets to track their conversions, traffic, and gather other analytical data. With Google Tag Manager tool you are enabled to manage all of the tags/scripts added to your website or app from one simple interface.

Your website may have contains a few tags already. A common example is a tag used to embed Google Analytics on your site. You’ll be provided with a unique code snippet, which you can use to track the service when added to your website. The normal process for doing this it may need manually adding the code to your WordPress website, which may require the help of a developer.

Google Tag Manager for WordPress is an excellent free tool for adding and updating tags to your website without editing the code of your website. All that’s required is to implement GTM on your website, after which you can add tags directly through its own interface. This way, you don’t need to rely on a developer when you want to add a new service.

How to Use Google Tag Manager With WordPress

First, you’ll need to create a free Google Tag Manager account. You can do this quickly with your standard Google account to do this.

1. Create an Account in Google Tag Manager

Go to https://www.google.com/analytics/tag-manager and click the blue “Start for free” button. Under “Setup Account,” enter the name of the company whose site is being managed and hit “Continue.”

Setup Account

Next, you’ll set up your container. Enter your domain name as the container name. As it represents your site, so give it the same name, then choose Web, and click “Create”. 

Setup Container
Note: You can name container anything you want. This is just how Google recommends naming them as a best practice.

Multiple GTM accounts can be managed within a single GTM account, but Google advises creating one container per domain. You don’t have to create separate containers for each individual tag or for every individual page on a site; all tags can all be placed within one container.

After creating your container, accept the GTM terms of service and you’ll be given a pair of Google Tag Manager code snippets, which you’ll need to implement on your WordPress site:

Google Tag Manager Codes

 

Copy these down for now, along with your unique ID (beginning with GTM-), you would also find it under the admin section in install Google tag manager:

How to get GTM Codes

2. Add the Google Tag Manager Code to Your Site

There are a few ways you can add your Google Tag Manager code snippet, so let’s look at them now.

A  – Firstly, you could add the code snippets manually to the head and body of your site. This is a lot easier if you’re using Noor or Okab, using WordPress Customizer options enables you to add code directly into the head and body tags without third-party plugins following steps below.

Step 1 – Navigate to WP Dashboard > Appearance > Customize

Step 2 – On the Customize page navigate to Code Fields > Space before </head>.

Step 3 – In the Space before </head>, you could paste your first tag manager code.

Step 4 – In the Space After <body>, you could paste your second tag manager code.

Step 5 – Click Published.

B  – You can also use a plugin such as Insert Headers and Footers plugin, Upon activation, you need to visit Settings » Insert Headers and Footers.
Paste your tag manager code in the header section and click on the save button to store your settings.

C  – Using DuracellTomi’s Google Tag Manager plugin. This is a handy plugin that enables you to easily integrate Google Tag Manager into your WordPress site:

Step 1 – Install and activate the plugin and you’ll see a notification asking you to add your GTM ID.

Step 2 – Click this link now to access the plugin’s settings page.

Step 3 – Paste your ID into the text field provided and click Save Changes.

3. Set Up a Tag

Once you have a Google Tag Manager account and you have added the GTM into your site, Return to the Google Tag Manager interface and Click “Add a New Tag” to open up a window where you’ll be able to name and configure your tag (1).

GMT Interface

Note: You can create unlimited configurations of tags in Google Tag Manager.

  • Remember to name your tags very clearly (you don’t want to be confused about which tag does what).
  • Google’s recommended tag naming convention is: Tag Type – Detail – Location. For example, a Google Analytics tag that tracks pageview on all pages would be named “GA – pageview – all.”

2 – Now, back to set up a tag. When you click “Add a new tag” it will slide out a panel where you can configure the tag.

Add New Tag

3 – There are dozens of tag types, we chose “Universal Analytics”. If you’re using a new Google Analytics account you already upgraded to Universal analytics, so safe to say choose the “Universal Analytics”

GTM Tag Types

As we mentioned earlier, there are dozens of options available, But as an example, let’s say we wanted to notify Google Analytics anytime someone views our website. After choosing the Universal Analytics tag, this is what you see:

Add Universal Analytics Tag

Now, all that you would need is choose “Page View” from the “Track Type” drop-down menu, then create a variable by clicking the drop-down menu under “Google Analytics Settings” and choosing “New Variable” you’ll be asked to provide your Google Analytics ID.

Creating New Variable

Next, you’ll need to create at least one trigger, which determines when the tag will fire or be blocked.

  • Click the “Triggering” box underneath “Tag Configuration” to get started.
  • Choose “Page View.”
New Trigger
You can create your own triggers, or use the built-in options. in our case, you can use the existing All Pages trigger.

Once your tag and trigger have been configured, save it and you can either keep working by creating more tags or you can preview your tag and make sure it’s working correctly before publishing it.

Finally, you would need to publish the container by clicking the blue “Submit” button. Your tag won’t work until you do so.

Submit New Tag

When you click “Submit”, you’ll be taken to this “Submission Configuration” page. There are two options: “Publish and Create Version” or “Create Version”. Since we ready to push the tag onto all site pages, you must select “Publish and Create Version”, and then press the blue “Publish” button in the top right.

Publish Container

To keep your tags understandable and organized, add a name and description to understand what you’re trying to record with this tag.

Now, your WordPress is prepped for any tags you want to create within Google Tag Manager. With Google Tag Manager you will be enables to embed multiple tags to your WordPress site and track them all from one location.

Join our Community

Subscribe to our brief newsletter to get exclusive discounts and FREE newsletter with WordPress tips right in your inbox.

For Serious Subscribers Only! — No spam — 👻

If you have any questions or comments about Google Tag Manager with WordPress? let us know in the comments below!

Join our newsletter

Author: Adel Tahri

Adel is one of the founders of PixelDima. I have a masters degrees in computer science Option : Decision Support Systems and Multimedia. Web Developer,Wordpress, and Java what I do.

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.