Google Tag Manager

Brightspot's Google Tag Manager integration allows you to quickly update tags on your site. After adding a code snippet to your Brightspot site, you are able to deploy analytics and measurement tag configurations from a web-based user interface.

To access Google Tag Manager code snippet:

1. Login to your Google Tag Manager account at tagmanager.google.com. You see a list of available containers.
2. Under Container Name, select the account from which you want to add the script. Google Tag Manager’s container dashboard appears.
3. Under the Admin tab, click Install Google Tag Manager on the right. A page displaying JavaScript snippets appears.
4. Copy the first JavaScript code snippet.

To add Google Tag Manager script to Brightspot site:

1. Click menu > Admin > Sites & Settings.
2. In the Sites widget, select the site to which you want to apply Google Tag Manager.
3. Under the Front-End tab, expand the Advanced cluster.
4. Under Custom Scripts and Styles, click add_circle_outline to add a custom head style.
5. Enter an internal name for the custom head style.
6. Under Request Matcher, configure the filters for deploying Google Tag Manager. (The default settings are optimized for most web sites).
   
   Tip

   The default Request Matcher settings will apply to every page. To proceed with these settings applying to all pages on your site, refrain from making changes to this section.

   

7. Under Elements, click add_circle_outline and select Script Element.
8. Enter an internal name for the script element.
9. Under Type, select Inline.
10. Under Body, paste the JavaScript code snippet you copied from Google Tag Manager.
11. Delete the <script> and </script> tags. These tags are automatically included by Brightspot.
    

    

12. Click Save.

To verify that the Google Tag Manager snippet is included on Brightspot site:

1. On one of the pages of your site for which you have configured Google Tag Manager, right-click the page and click View Source. 
2. Using the Find function (CMD-F on Mac; CTRL-F on PC), search for gtm and verify that the Google Tag Manager code is included on the page.

To validate that Google Tag Manager code is making a call to Google Tag Manager:

1. On one of the pages of your site which includes the Google Tag Manager code, right-click the page and click Inspect.
2. On the Google Developer Toolbar, click Network tab.
3. Refresh the page.
4. In the Filter search bar, type gtm.
5. Verify that the script appears, that the call was made to Google Tag Manager, and verify the ID of the container that was called.

Google Tag Manager includes a number of public resources that are available to users, including demonstrations and conceptual guides. See the list below:

• Google Tag Manager Tutorial 2021 for Beginners
• Tags, triggers, and variables in Google Tag Manager