Adding Google Tag Manager [Classic]

Katherine Ramirez Updated by Katherine Ramirez

This article will show you how to add Google Tag Manager to your site.

Google Tag Manager is a tag management system that allows you to update tags on your website quickly and easily. Tag Manager installation for the web requires a small piece of code that you add to your web pages. This code enables Tag Manager to fire tags by inserting tags into web pages.

Getting started

First, you will need to create a Google Tag Manager account and container. A new container is created by default when you create a new account.

  1. In Tag Manager, click Accounts then click Create account.
  1. Enter an account name and optionally indicate whether you'd like to share data anonymously with Google and others.
    Enter a descriptive container name and select the type of content: Web, AMP, Android, or iOS. If setting up a mobile container, select whether you're using the Firebase SDK or one of the legacy SDKs.

Click Create.

Review the Terms of Service and click Yes if you agree to those terms

The following screen with your snippet should look like this. The code provided will need to be pasted into the back end of your Placester site.

Please note that you will only need to copy the code provided in the top window. You will not need the second code Google provides here to connect Google Tag Manager to your site.

Adding your code to Placester

Next, navigate to the back end of your Placester site and click the 3 dots next to the upgrade your site button, and then click edit site from the dropdown.

This will bring you to the site settings page where you can find the Custom CSS and JS.

Once you have opened the panel, you will notice two windows, “Custom CSS” and “Custom Javascript”. For the Google Tag Manager code, we will only be working within the “Custom Javascript” window. First, you will need to make sure that the Javascript (JS) section is set to “Head”. This setting is controlled by clicking on the gear icon next to the word “Javascript”.

Now that you have set the Javascript location to Head, you will need to type in “</script>” and then paste the Google Tag Manager code that you copied earlier.

To check that you have done this correctly, you can go back into your Google Tag Manager Dashboard and select the Preview button in the top right.

This will put your browser in a special debugging state. Next, visit your live site and you should see a Google Tag Manager dashboard on the lower half of the screen showing which tags are firing and what information is being tracked by analytics. This will confirm that you have added your Google Tag Manager to Placester correctly!

For Google Chrome users, an alternative way to check if Google Tag Manager has been successfully added is by downloading the Google Tag Manager Assistant extension.

Now that you have added Tag Manager, it’s time to create some tags. At first, it will show “There are no tags in this container.” Check out this link on how to create tags in Google Tag Manager.  

 

How did we do?

Adding a Logo to Your Site's Footer [Classic]
#

Let experts do it for you

Visit our creative services marketplace to get on-demand help, on-time and on-budget.

Browse all Services
#

Are you looking for something different?

Didn't find an answer to your questions? Our support team is ready to help you.

Contact Support