Google Tag Manger (GTM) is a free web-based tool that allows you to insert GTM Tags into your site without the need for editing code. These GTM tags can track user actions and collect data from services like Google Analytics, Hotjar, Pinterest, and much more.
Installing Google Tag Manager
If you haven't done so already, create a Google Tag Manager account.
Upon creating a Google Tag Manager account you will see an Install Google Tag Manager pop-up where you will be given two code snippets. Both of these will need to be put on every page in your Showit site in order for Google Tag Manager to work for those pages.
Note: Already have an account? When you are signed in to Google Tag Manager, make sure you have clicked on Workspace, then click on the GTM code in the top right. This will take you to the Install Google Tag Manager screen.
Installing the First <head> Code Snippet
Copy the entire first code snippet from GTM and take it to Showit. Paste it into the Custom Head HTML section of each of your pages.
Note: If you already have code installed in the Custom Head HTML section of your site, scroll to the very end of the code and hit enter to drop down to a new line, where you can paste additional code.
Installing the Second <body> Code Snippet
Copy the entire second code snippet and take it into Showit. Add an Embed Code widget to any canvas on your page, click on the widget, go to the Embed Info tab in the right side Properties Panel, and paste this code in the Custom Code box.
Once both of those code snippets have been added to the pages in your site, publish your site design and your GTM should now be connected to your Showit site!
Advanced Tag Customization
If you'd like to have a greater control over tag events or data, you will want to use some customization using Google's asynchronous methods (this is more in-depth and advanced, but further details can be read here).