Google Tag Manager (direct in container)

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

Prerequisite

Contact our White Glove team (whiteglove@attentivemobile.com) or your Customer Success 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.
  2. Click Add a New Tag.
    The option to add a new tag on the Google Tag Manager homepage.
  3. Click the Untitled Tag field and enter the name of your tag (for example, Attentive tag).
  4. Click Tag Configuration to choose a tag.
    The Tag Configuration option for the newly-created Attentive tag in Google Tag Manager.
  5. Go to the Custom section and choose Custom HTML.
    The Custom HTML option in the Custom section when setting up tag configuration for a new tag in Google Tag Manager.
  6. Paste your Attentive tag into the HTML field. Your Attentive tag will look like the following example: 
    <script src="https://cdn.attn.tv/EXAMPLE/dtag.js"></script>
    In your brand’s unique tag, your Attentive domain appears in place of YOUR_DOMAIN.
  7. Click Triggering to choose a trigger.
  8. Select All Pages.
    The All pages option selected for Triggering the new Attentive tag in Google Tag Manager.
  9. Click Add.
  10. Click Save.
    The new tag appears in the Workspace Changes section.
  11. Click Submit in the top-right corner to apply the tag.
    The Google Tag Manager homepage with the Attentive tag in the Workspace Changes section and the Submit button in the upper right.
    The Submit Changes page appears, with options to publish the container and save a version of your container.
  12. Choose Publish and create version.
  13. Enter a Version Name (for example, Added Attentive tag)
    GTM06.png
  14. Click Publish in the top-right corner.

See Tag Manager Help for more information about Google Tag Manager.

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. Go to your cart and 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