How to Install Google Tag Manager in GeneratePress?

Learn to Install Google Tag Manager in GeneratePress WordPress Theme without a plugin. Also, we will also install and setup Google Tag Manager (GTM) in WordPress using plugin too.

Moreover, you will learn

  • What is Google Tag Manager?
  • Advantages of using Google Tag Manager (GTM).
  • Installing & Setting GTM.
  • More on…
Install Google Tag Manager in GeneratePress Theme

What is Google Tag Manager?

Google Tag Manager is a free software tool offered by Google that helps to integrate tag/code directly without editing code on the website. For example, Once you install Google Tag Manager (GTM), you can install Google Analytics code, Facebook Pixel code, etc. using GTM.

Get Google Tag Manager Code

  • Go to the Google Tag Manager website.
  • Create a GTM Account.
  • Set up your Account.
  • Here, you need to do Account Setup and Container Setup.
  • After filling up the form, Accept the GTM Agreement.
  • Now you will get the Google Tag Manager ID and code that you need to install in the head and body section of the website.
Google Tag Manager Code

Advantages of Google Tag Manager (GTM)

  • Google Tag Manager is easy to use.
  • GTM is free to use.
  • Deploy the code/tag faster.
  • You can handle every code in one place.
  • Google Tag Manager saves a lot of time.
  • You can collaborate with different departments across the organization.
  • Huge Community and Support.
  • Easily install in WordPress without a plugin or using a plugin.
  • Reusable Container.
  • User Permission and Management.
  • Version Control.

Install Google Tag Manager in GeneratePress without a plugin

If you are using the premium version of the GeneratePress theme then you need to use Elements Module.

Also Read: GeneratePress Review

First, Activate the Elements Module if you haven’t activated already.

Go to Appearance > GeneratePress > Elements > Activate.

Activate Element Module in GeneratePress Theme

1. Add Google Tag Manager code to the Head

The Google Tag Manager for the head look like this

<! – Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXXX');</script>
<! – End Google Tag Manager -->

Now, Go to Appearance > Elements > Add New > Choose Element Type as Hook.

Add a Title for the Hook.

Copy the Google Tag Manager <head> code and paste it into Hook content body.

Google Tag Manager Head Code

Go to Hook Settings and Choose Hook to display wp_head.

Hook Settings display after wp_head

Go to Display Rules and Choose to display after Entire Site.

Display Rules in Entire Site in GeneratePress Theme

Hit Publish button.

2. Add Google Tag Manager code to the Body

The GTM code for body look like this

<! – Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<! – End Google Tag Manager (noscript) -->

Now, Go to Appearance > Elements > Add New > Choose Element Type as Hook.

Add a Title for the Hook.

Copy the Google Tag Manager <body> code and paste it into content body.

Google Tag Manager Body Code

Go to Hook Settings and Choose Hook to display wp_body_open.

Hook Settings display after wp_body_open

Go to Display Rules and Choose to display after Entire Site.

Display Rules in Entire Site in GeneratePress Theme

Hit Publish button.

Install Google Tag Manager in GeneratePress using a plugin

Installing Google Tag Manager in GeneratePress using a WordPress plugin is easy.

Go to Plugins > Add New.

Search for Google Tag Manager for WordPress

Google Tag Manager for WordPress

Install and Activate the plugin by Thomas Geiger.

Google Tag Manager for WordPress by Thomas Geiger

Copy the Google Tag Manager ID from GTM website.

Google Tag Manager ID

Now go to WordPress Settings > Google Tag Manager and paste it into the plugin settings.

Google Tag Manager for WordPress Settings

Hit Save Changes button.

You can also use various options available in the plugin.

Check Out: GeneratePress Tutorials

Wrapping Up

This is how you can install Google Tag Manager in GeneratePress WordPress Theme.

You can use the above-listed plugin for the easier process but I recommend using Elements Module for premium users.

For the free version users, you can use the above listed or any other plugins to install Google Tag Manager (GTM).

I hope you like this tutorial and if you have any query please feel free to comment below.

Share:

GET 100+ FREE SEO TOOLS

Quickly access over 100+ popular SEO/Marketing tools to Boost your website traffic.

Thank you for subscribing. Check your Email(Didn't receive? check Spam Folder)

Something went wrong.

I love things to do with WordPress, Digital Marketing. Blogging has been my Passion. In my free time, I enjoy watching Series and Movies.

Leave a Comment