Google Tag Manager Integration

Add Interakt to your app using Google Tag Manager (also known as GTM). GTM is a tool that lets you add and manage multiple code snippets to track conversions, traffic, and gather other analytical data without changing your code for everything.

GTM offers built-in tag templates for Google Adwords, Analytics, and Crazy Egg, etc. In this example, we'll learn how to integrate GTM to your website and then add Interakt using it's Custom HTML block.

Let's see how to setup Interakt using Google Tag Manager (GTM):

Step 1 - Creating GTM account and adding it to your website

To create a new account and add your first container,

If you are already using GTM, jump straight to the integration part.
  1. Sign into your Google account.
  2. Go to the Google Tag Manager page and click Create Account to set up a new GTM account.
  3. 0-gtm-dashboard
  4. Give it a name and click Continue.
  5. 1-gtm
  6. Next, you need to setup a container which holds all your tags, such as Google Analytics tag, CrazyEgg or Interakt tag. Name the container, specify where you want to use the tag, e.g., Web and click Create.
  7. 2-gtm-container
  8. Read through the GTM Terms of Service. Click YES to accept them and continue.
  9. 3-gtm-tos
  10. You will be prompted with a code snippet. Copy the code to your clipboard and click OK to close it.
  11. 4-gtm-code
  12. Open your app and paste the copied JS code before </body> or </head> tags. In this example, I'm copying it before the tag.
  13. 8-gtm-add-to-source

Step 2 - Integrating Interakt with Google Tag Manager

  1. In a new browser window or tab, visit Interakt.co and login into your Interakt account and copy our JavaScript code
  2. Jscode_generic
  3. Go back to Google Tag Manager's dashboard, find the newly added container for your website and open it.
  4. B1-gtm-db
    1. Look for "New tag" under Workspace and click on "Add a new tag"
    2. 3-gtm-add-new-tag
    3. Give it a name
    4. 4-gtm-tag-configuration-naming
    5. Click on the block "Tag Configuration" to open a list of available tag types
    6. 4-gtm-start-tag-config
    7. Choose "Custom HTML" (to insert the code snippet) from the list of available tag types
    8. 4-gtm-choose-custom-html
    9. Name the tag as "Interakt" and paste the Interakt JS code copied earlier
    10. 4-gtm-tag-configuration
    11. To trigger the tag on all your pages, choose "All pages" under the block Triggering.
    12. Click Save to update.
  5. Tags in Google tag manager will not go live until you publish the container. Look for the button Publish and click it.
  6. 7-gtm-publish

If you have any queries drop us an email on support@interakt.co

⇪ To Contents