Deploy via Google Tag Manager (GTM)

  • Updated

Systems Used

  • Demandbase ABM Platform (Required)
  • Google Tag Manager (Required)

Overview

If you plan to use or do already use multiple types of tags on your website, you're likely using a tag manager to save time and avoid having to manually manage all of those different code snippets. This article walks through how to use Google Tag Manager (GTM) to deploy Demandbase Tag to your website. For instructions on how to deploy Demandbase Tag using Adobe Tag Manager, click here.

Steps

To deploy Demandbase Tag using GTM follow these steps.

Step 1: Copy the Demandbase Tag

1.1 Log in to the Demandbase ABM Platform as an administrator and click the cogwheel icon.

DB_Tag_Cogwheel.png

1.2 Scroll down to the bottom of the Settings page to the Your Demandbase Tag section and copy your Demandbase Tag code snippet.

Settings_Tab_Tag.PNG

Step 2: Create a New Tag in GTM

2.1 Log in to GTM and click Add a new tag from the Workspace Overview page.

GTM_New_Tag.PNG

2.2 Type in a name for the tag, such as "My Demandbase Tag."

GTM_Name_your_tag.PNG

2.3 Click the Tag Configuration card and under the Custom tag type list, select Custom HTML.

GTM_Custom_Tag_Type.PNG

2.4 Paste the Demandbase Tag code snippet into the body of the new tag, then click Save.

GTM_paste_tag.PNG

Tip

Demandbase Tag is typically provided as HTML (wrapped in a <script>...</script> tag). If your TMS tag is an HTML tag, include the opening and closing >script< tags. If your TMS tag is a JavaScript tag, omit the script tags (<script>...</script>).

2.5 When prompted click Save Tag.

GTM_Save_Tag.PNG

Step 3. Create a New Trigger

Next you'll create a trigger to ensure the tag runs on pages only after the document object model (DOM) loads.

3.1 From the Workspace page click Triggers and then New. Give the new trigger a name, such as "All Pages After GTM."

GTM_Name_Trigger.PNG

3.2 Click the Trigger Configuration card and select DOM Ready from the Choose trigger type pane.

GTM_Choose_trigger_type.PNG

3.3 On the Trigger Configuration card, select Some DOM Ready Events and adjust the condition setting as follows. 

  • Select Page URL
  • Select matches RegEx
  • Enter .*

Screen_Shot_2016-09-19_at_6.12.28_PM.png

 

Tip

In most cases, there's no need to add more event conditions.

3.4 Click Save to save the trigger.

Step 4. Add the Trigger to the Tag.

4.1 From the Workspace page, click Tags and select the new tag you created.

GTM_select_tag.PNG

4.2 Scroll down to click the Triggering card, then select the new trigger you created.

GTM_Choose_a_trigger2.PNG

4.3 Click Save.

4.4 From the Workspace Overview page, click Submit to publish your changes.

Was this article helpful?

7 out of 7 found this helpful