Setting Up Google Tag Manager (GTM) For The Non-Techie Person
If you are hopelessly trying to set up Google Tag Manager (GTM) and are not a techie person, this post is for you.
For those of you who may be unfamiliar with GTM, itâs a fantastic tool that allows marketers to track their website visitors without adding any extra code or changes to the site itself.Â
It can also help with things like optimizing your conversion rates and monitoring customer behavior on your website i.e. button clicks or form submissions.
In this article, Iâll go over everything you need to know to set up GTM properly and start tracking your or your clientâs website.
Even if you have set up Google Tag Manager before, this guide helps make sure you cover your bases.
Google Tag Manager: What Is It?
Google Tag Manager is a tag management system (TMS) that allows you to quickly and easily update measurement codes or tags on your site.
Pixels or conversion tracking codes can be implemented through Google Tag Manager instead of adding it directly to your site.
Remember, it is important for SEO (Search Engine Optimization) to keep your website loading fast.
The less code on your website the better for site speed.Â
You can also implement your Google Analytics (G-Tag), GA-4, Microsoft, and Facebook pixels through GTM.
You will keep all the same tracking, while keeping the least amount of code on your site.
When Tag Manager is installed, your website or app can communicate with the servers to obtain their signature.Â
Youâll then use its web-based user interface and establish tags that will fire based on certain events or otherwise referred to as triggers.Â
Google Tag Manager For Dummies
To understand a GTM tag, it is broken down into two parts:
- The Tag Configuration
- The Trigger
The Tag Configuration is typically used to determine the platform you want the tag to work for (ex: Google, Facebook, Twitter, etc.).
The Trigger is what the user does on the site to make the Tag record an action.
For example, you may choose the Google Analytics Tag Configuration and a Trigger of âClick â All Elementsâ.Â
This would tell that Tag to fire only when someone clicks a button on your website.
You could also simplify configurations by using variables in place of hard coding values.
A variable, for example, could be used for âproduct purchase valueâ in your conversion event.Â
Here is a better example:Â
Facebook Ad Conversion Tag > Fires when the âComplete Purchaseâ button is triggered > Collected the âpurchase amountâ and âtransaction valueâ through the Variable
A tag manager container is a collection of tags, triggers, and variables that can be installed on any website or mobile app.Â
If you create a new website or use a landing page builder, like Unbounce, you can implement the same GTM code and all your tags transfer over.Â
Your Google Analytics and Facebook Pixel will start collecting data on the new site through GTM.
I donât know about you, but I think that is pretty cool.
Now letâs get into how to actually set up Google Tag Manager properly.
How to Set Up GTM For Your Site (With HTML Injection)
Setting up Google Tag Manager (GTM) on your site isnât difficult at all.
However, there are some steps involved to do so correctly.Â
I have set up GTM probably over 100 times for various clients and I still get tricked up.Â
Hereâs how itâs done.
The Short & Sweet Steps:
Create a new account and container
- In Tag Manager, click âAccountsâ and then âCreate accountâ.
- 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 (Most likely you will select âWebâ).
- Click Create.
- Review the Terms of Service and click âYesâ.
Add a new container to an existing account
- In Tag Manager, click Accounts and then More next to the relevant account name.
- Choose Create Container.
- Enter a descriptive container name and select the type of content: Web, AMP, Android, or iOS (Most likely you will select âWebâ).
- Click Create.
- Review the Terms of Service and click Yes if you agree to those terms.
Install the GTM container on your website
- In Tag Manager, click Workspace.
- Near the top of the window, find your container ID, formatted as âGTM-XXXXXXâ.
- Click your container ID to launch the Install Tag Manager box.
- Copy and paste the code snippets into your website as instructed in the Install Tag Manager box.
If you need additional help, the long and spicy steps below go into more detail.
The Long & Spicy Steps:
Account Creation & Container
To set up Tag Manager, click Accounts and then Create an Account.
Enter an account & container name that is descriptive of the clientâs company or your business.
If you are a marketer and have several clients, you would want 1 account and a different container for each client.
Choose âWebâ for Target Platform â this is for most websites.
Click âCreateâ and review the Terms & Conditions.
When your new container first loads, you will be prompted with the web container installation code snippet.Â
You can install it now or click âOKâ to clear this dialog, and then come back later when you are ready for setup.
Adding Containers to Existing Accounts
Click the â+â button next to your account name in the top right or under your âAdminâ tab, then choose Create Container.Â
Enter a descriptive container name for the business it is for.
Then click âCreate.â
Once finished with selections, click âAcceptâ when presented with terms & privacy policy.Â
Installing the Container
In Tag Manager, go to your workspace by clicking Workspace in the top right corner.Â
Next, find and click on container ID âGTM-XXXXXXâ with that format.
After this, copy/paste code snippets into the website.Â
If you are using a WordPress site, there is a helpful plugin called Insert Headers and Footers that allows you to copy and paste this code into it.
If you are using Squarespace or Wix you will need to navigate to the âAdvancedâ section and then âCode Injectionâ.Â
You should see where to paste into the <head> and where to paste into the <body>.
If you need more help with this Google has a helpful quick start guide for installing your G-Tag.
Adding Tags
Click âTagsâ from the navigation menu.Â
You can add a tag by clicking âNewâ, and then choosing the Tag Configuration.
Some basic tags include:Â
- Google Analytics: Universal Analytics for goal trackingÂ
- Google Ad Conversion Tracking for your SEM campaignÂ
- Custom HTML for Facebook or pretty much any other platformÂ
If this tag is for a new platform you are using for advertising, heatmaps, retargeting, etc., use the Custom HTML tag type and paste the tracking code supplied by that platform.
Once you select the Tag Configuration type, enter in the requested information (ex: Measurement ID for GA-4).
Now you have to add your trigger.
Typically I set main analytic tags to a âPage Viewâ trigger and to fire on âAll Pagesâ.
If you are trying to track a button you can choose the âClick â All Elementsâ trigger.Â
Then under âThis trigger fires onâ click âSome Clicksâ.
Choose âBuilt-In Variablesâ then âClick Textâ.
After the âcontainsâ box enter the text that is used on your button (ex: âSubmitâ).Â
After you have chosen the proper configuration and trigger you can save your tag.
Publishing Your Changes
When youâre ready to publish your site or appâs changes, click the âSubmitâ button on the top right of your Workspace.
It will ask you to enter a version name and add a description of what you changed.
This is very helpful to look back on past changes.Â
Version name could be â+ Facebook Pixelâ
The Version Description could be âAdded the Facebook Pixel to the GTM containerâ.
Click âPublishâ and youâre done!
How To Integrate Google Tag Manager With Google Analytics (Universal & GA-4)
Google Analytics Universal Property:
- Within the GTM Workspace, click âNew Tagâ.
- Click Tag Configuration and choose Universal Analytics.
- Select âPage Viewâ for Track Type.
- Select or create a new Google Analytics Settings Variable:
- To reuse a Google Analytics Settings Variable that has already been set up:
- Select the variable from the menu. Your Google Analytics ID and all other settings from that variable will be applied to your tag.
- To set up a new Google Analytics Settings Variable:
- Select New VariableâŚ
- In the Variable Configuration screen, enter your Google Analytics ID.
- Click Save.
- You will have to name the variable. Click Save to complete the tag setup.
- To reuse a Google Analytics Settings Variable that has already been set up:
- Click Triggering to choose a trigger that will make the tag fire. You may select an existing trigger, or click the â+â icon on the top right to set a new one.
Google Analytics 4 (GA-4):
- Click âTagsâ, then âNewâ.
- Click âTag Configurationâ.
- Select Google Analytics: GA4 Configuration.
- Enter your measurement ID.
- Click Triggering and select appropriate events that would cause the tag to fire.
- Save the tag configuration and publish your container.
How to Install Facebook Pixel With Google Tag Manager:Â
The Short & Sweet Steps:
- Log in to your Google Tag Manager account.
- Select your websiteâs container and click âAdd a new tagâ.
- Click âCustom HTML Tagâ and enter a name for your tag.
- Go to your Facebook Ads Account, then Events Manager (https://business.facebook.com/events_manager2/list) and select âAdd Eventsâ.
- Select âFrom a New Website.â
- Click âInstall code manually.â
- Select âCopy Codeâ to copy the entire pixel base code.
- Return to Google Tag Manager and paste the code in the HTML container.
- Click the âAdvanced Settingsâ dropdown and select âOnce per pageâ under âTag firing optionsâ.
- Under âFire Onâ, select âAll Pagesâ.
- Click âSaveâ.
Long & Spicy Steps:
Select the websiteâs container and click âNewâ to add a new tag, then enter Custom HTML tags for the name of your choice.
Go over to Facebook Events Manager, where you will find an option under Install Code Manually called âFrom New Website.âÂ
Click this and your pixel code should pop up.
Copy this entire code, then paste it into your Google Tag Manager and click âSave.âÂ
Select one option from the Advanced Settings dropdown menu under âTag firing optionsâ click âOnce per Pageâ so that you are tracking each page view.
Click âSaveâ, âSubmitâ, then âPublishâ and you are finished.
Check Pixel
After you have created your Facebook Pixel Tag in GTM, now it is time to see if the pixel is working properly.
You can do this two ways.
- Test Events within Facebookâs Event Manager
- Use the Facebook Pixel Helper
Test Events
Navigate to your Facebook Ad Dashboard and go to âEvents Managerâ.
Select your Facebook Pixel and click âTest Eventsâ in the top left of the screen.
You should see a âTest Browser Eventsâ box with a search bar within.
Enter your URL in the search bar and click âOpen Websiteâ.
This should open your website.Â
Navigate back to the Facebook Events Manager Tab.Â
If your pixel is working properly, you should see a âPageViewâ event received.Â
If you are seeing âNo dataâ, you may have to redo the previous steps.
Facebook Pixel HelperÂ
Much like how Google has their own browser extension, Facebook does too.Â
This extension is very simple to use.
Just download this extension to your browser (if you are using Google Chrome).Â
Then navigate to your website.Â
You should see that extension icon in your browser bar turn blue if it detects a pixel on your website.Â
You can click on the extension and it should tell you the pixel ID that is found on the page.
Make sure this pixel ID matches the pixel within your Events Manager.
Facebook GTM Easy Integration:
If installing GTM on your own is becoming too complicated, you can also utilize the native integration within Facebook to connect GTM.
Hereâs how you install your Facebook Pixel with the GTM integration within Facebook:
- Go to your Facebook Ads Account then select Events Manager (https://business.facebook.com/events_manager2/list)
- Click âAdd Eventsâ
- Select âFrom a New Website.â
- Click âUse a Partner Integrationâ
- Select âGoogle Tag Managerâ
- Select âNextâ & âNextâ
- Sign into your Google Account and Select the right Account & Container
- Select âFinish Setupâ
The integration will have added a new tag into your GTM container automatically.Â
I typically prefer this method because I am ensured that the tag is implemented correctly.
How to Add âButton Clickâ Tracking In GTM
Short & Sweet Steps:
- Click Triggers and then New.
- Click Trigger Configuration and choose a click trigger type:
-
- All Elements: Track clicks on any element on a page, e.g. links, images, buttons, etc.
- Just Links: Track clicks only on HTML links that use the <a> element, e.g. <a href=âwww.google.comâ>Google.com</a>.
- Optional for âJust Linksâ triggers:
-
- Wait for Tags: Select this option to wait until all tags have fired, or the specified timeout has elapsed.
- Check Validation: Only fire tags when the link click is considered a valid action. If unselected, the trigger will fire tags whenever a link is clicked.
- Optional, but recommended for improved performance: Specify conditions (usually a URL pattern) for pages where you expect a click to occur:
-
- Under the heading âThis trigger fires onâ, select âSome Clicksâ.
- Under âFire this trigger when an Event occurs and all of these conditions are trueâ, add a filter to enable this trigger only on pages that require it, e.g. Click URL contains /path/to/promo.
- Click âSaveâ
- Go to âTagsâ and create a new tag (typically with a Google Analytics âTag Configurationâ)
- Use your new Button Click triggerÂ
Long & Spicy Steps:
To track button clicks on your website, youâll need to create a new tag within GTM.Â
To do this quickly and easily without code, click âNewâ from within the âTagâ tab at the top right corner of your screen.
Afterward, choose a name for your new tag before clicking over into the triggers tab (ex: Button Click).
In the Tag Configuration choose âGoogle Analytics: Universal Analyticsâ.
Change âTrack Typeâ to âEventâ
For Category, type in âButtonâ.
Type in âClickâ, for Action.
(Optional) Then for the âLabelâ enter in the name of this button click for data collection within Google Analytics (Ex: Button Click).
Under âNon-Interaction Hitâ change this to âTrueâ.
The âGoogle Analytics Settingsâ should be set to â{Google Analytics â Universal}}.
Now we have to add our Tagâs Trigger.
Click into the triggering box then in the top right corner press the â+â button.
Name the trigger for the button click (ex: Button Click).
Now click âTrigger Configurationâ and select âAll Elementsâ.
Under âThis trigger fires onâ, select âAll Clicksâ.
If you want to track only certain button clicks you would select âSome Clicksâ and enter the Button Class.
Your Tag should be finished now, click âSaveâ > âSubmitâ > âPublishâ.
This will fire every time someone clicks on any buttons within your website.Â
It is important to have specific tags for âAdd to Cartâ or âCheckoutâ buttons for conversion tracking and ad optimizations.
How to Add âForm Submissionâ Tracking In GTM
Short & Sweet Steps:
- Click âTriggersâ and then âNewâ.
- Select âTrigger Configurationâ and choose the âForm Submissionâ trigger type.
- Click âSaveâ
- Create a new tag (typically with a Google Analytics âTag Configurationâ) and use your new Form Submission triggerÂ
Long & Spicy Steps:
So far, weâve only focused on tracking clicks or events related to buttons, but what about your contact forms?Â
This will help you track form submissions within Google Analytics.
First, go ahead and create a new tag by clicking âTagsâ then âNewâ at the top of your screen.Â
Select âGoogle Analytics: Universal Analyticsâ for your Tag Configuration.
Then change âTrack Typeâ to âEventâ.Â
Under âCategoryâ type in âFormâ.
Type in âSubmitâ under âActionâ.
Then type âForm Submitâ under âLabelâ.
Under âNon-Interaction Hitâ change this to âTrueâ.
The âGoogle Analytics Settingsâ should be set to â{Google Analytics â Universal}}.
Now we have to add our Tagâs Trigger.
Click into the triggering box then in the top right corner press the â+â button.
Title this trigger âForm Submissionâ.
Click the âForm Submissionâ Trigger Type.Â
Keep this trigger on âAll Formsâ.Â
If you want to track only a specific form, you would select âSome Formsâ and add the âClick Textâ of that formâs submission button.
Click âSaveâ > âSubmitâ > âPublishâ.
Verifying Google Tag Manager Is Installed Properly
Google Tag AssistantÂ
To verify your Google Tag Container is properly installed on your site, here is how you would do it with the Google Tag Assistant Chrome Browser Extension:
- Just install the Tag Assistant extension
- Go to your website (or your clientâs website)
- Click the extension icon in the top right of your search bar
- Click âEnableâ
- Refresh the webpage
You should now be able to tell if your GTM container is properly installed.
Now if you need to test your website to make sure all your tags are firing properly, here is how you would do that:
- Within the Google Tag Manager Workspace dashboard, click âPreviewâ in the top right corner
- Under âYour websiteâs URLâ type in your website
- Click âConnectâÂ
- Now navigate back to the Google Tag Assistant tab (usually it redirects you to your site in a new tab)
- You should now see a summary of the tags that exist on your website
- Your Click tracking or Form Submission triggers should not fire unless you click those buttons or submit those forms
- After you test those buttons or forms, you should see those tags move from âTags Not Firedâ to âTags Firedâ
Google Tag Manager Made Easy
You did it! Youâve now successfully installed Google Tag Manager for the non-techie person who wants to track their websiteâs data and keep their site running as fast as possible.
If you are a business owner of one business, you should have a single Google Tag Manager account and container.
However, if you are a marketer or you own several businesses, you will have one Google Tag Manager account and each business you work with will have a separate container.Â
As a marketer, you can create your clientâs containers or if they already have a GTM account, you can request access to their container.Â
This helps marketers save time while also allowing them to easily track any data theyâre trying to collect without the need for too much coding or development.
I only use GTM for the tracking codes on my website and I have had no issues to date.Â
Hopefully, this article helped you install GTM and set up conversion tracking.Â
Please bookmark this resource, as I will be updating it frequently with more GTM set up processes.Â
Need more help? Feel free to drop me a line.
Tired of all the complexities of Digital Advertising and just want someone else to do it for you?Â