Google Tag Manager (direct in container)

You can use Google Tag Manager (GTM) to add the Attentive tag to your website without editing code. As a reminder, in order to collect behavioral events (such as product views, cart adds, and purchases), you must add the Attentive tag to your website.

Prerequisite

Contact our White Glove team (whiteglove@attentivemobile.com) or your Client Strategy Manager at Attentive for your organization's unique Attentive tag.

Add the Attentive tag using GTM

  1. Log in to your Google Tag Manager account at tagmanager.google.com.
  2. Click Add a New Tag.
    gtmlegacy1.png
  3. Click the Untitled Tag field and edit the name of your tag (for example, Attentive tag).
  4. Click Tag Configuration to choose a tag.
    gtmlegacy2.png
  5. Scroll to the Custom section and select Custom HTML.
    gtmlegacy3.png
  6. Paste the Attentive tag (collected in the Prerequisite section) into the HTML field. For example, it should resemble
    <script src="https://cdn.attn.tv/EXAMPLE/dtag.js"></script> where EXAMPLE is replaced with your Attentive domain.
  7. Click Triggering to choose a trigger.
  8. Select All Pages.
    gtmlegacy4.png
  9. Click Save.
    The new tag appears in the Workspace Changes section.
  10. Click Submit in the top-right corner to apply the tag.
    The Submit Changes page appears, with options to publish the container and save a version of your container.
    gtmlegacy5.png
  11. Enter a version name (for example, Added Attentive tag) and then click Publish and Create Version.
  12. Click Publish in the top-right corner.

For more information about Google Tag Manager, see Tag Manager Help.

Verify implementation of the tag

  1. Visit the URL where you’ve implemented the tag. If the tag is implemented correctly, you'll see several network requests including https://cdn.attn.tv/attn.js
    Note: If you don't see these network requests, it’s possible that the Attentive tag isn't being loaded prior to the Window Load event. In that case, set the GTM tags to insert on the trigger Page View - Dom Ready (rather than on Window Load). The Attentive tag relies on the window.load event to properly execute, so it’s important to ensure this load event hasn't dispatched before our tag executes.
  2. Navigate to your cart or checkout pages to make sure the behavior in the previous step appears on all pages of the customer journey.

Questions?

We’re here to help! Contact our White Glove team (whiteglove@attentivemobile.com) to ask about the Attentive + Google Tag Manager (direct in container) integration. 

Articles in this section

Was this article helpful?
0 out of 1 found this helpful