How to Use GTM Event Builder

This article shows how to utilize Elevar's event builder extension for Google Tag Manager.

 

 

 

Our event builder allows you to unlock insights from your website by better understanding user behavior. And more importantly what behavior leads to more purchases. 

Follow the steps below to install our chrome extension and put it to use!

Step 1: Create Elevar Account

Ensure you have an account created with Elevar and are logged in so we can authenticate your Google account.

If you don't have an account yet, then sign up for an account here:

https://app.getelevar.com/signup

Step 2: Authenticate GTM

Once logged into Elevar then navigate to the Events tab and Authorize your Google Tag Manager account:

Screen Shot 2019-06-29 at 5.12.52 PM

Step 3: Install Chrome Extension

Install our Chrome GTM Extension. 

Step 4: Select GTM Container Settings

Navigate to your website and open the extension in your browser.

You will need give the extension some time to download your GTM accounts, containers, workspaces, and variables.

Depending on the amount of accounts that you have, this could take a few minutes. 

While you wait, you can safely let the extension fetch your data in the background and navigate to another browser to do other work.

Once the data fetching is complete then choose your container settings.

Dropdown options:

  1. Your account
  2. Container
  3. Workspace
  4. Google Analytics variable (which is used in your custom event tags)

Then select Save Container Settings as shown below:

Screen Shot 2019-10-02 at 10.04.41 PM

VERY IMPORTANT: CLICK REFRESH AVAILABLE CONTAINERS EACH DAY YOU ARE GOING TO MAKE UPDATES SO WE CAN FETCH ALL WORKSPACE UPDATES.

We won't overwrite any existing workspaces, we'll just add to the current. So if another team member published a new GTM workspace then you will need to you sync by clicking the Refresh button if you'd like to continue working in the Default workspace.

Step 5: Tag Your Site

You'll see the + tab is where you create the event, but in order for our red selector to appear you will also need to have the lock icon "unlocked".

The lock/unlock allows you to click links on the page to tag but you actually stay on the current page (vs being brought to the linked page and thus you can't create your tag :)!)

Screen Shot 2019-10-02 at 10.05.49 PM

Now you can start navigating your site and using your cursor to select the elements that you want to create tags for. 

gtm-event-builder

 

Once you select the area you want to track then automatically grab the DOM element that will be used for the trigger creation inside of Google Tag Manager.

Step 6: Complete Your Tag Information

In the event + tab, complete all of your event data:

Screen Shot 2019-10-02 at 10.17.15 PM

  • Tag name (ex. "GA Event - Main Navigation Click")
  • Trigger type (click, visibility, or pageview)
  • Event category (ex. "Navigation")
  • Event action (ex. "main nav click -
  • Event label (we set this to by default)
  • Event value (this is optional field)

Then decide whether you want this tag to only fire on:

  • All pages
  • This page only
  • Regex set of pages (ex. "collections" would be if you wanted this tag to fire on all collection pages)

When you are creating an event in our extension you are actually creating a Google Analytics event inside of Google Tag Manager like this:

Screen Shot 2019-10-02 at 10.16.15 PM

 

Once you're done click "Save & Create Another" or save and import to GTM.

Step 7: Import Tags to GTM

Once you create one or more tags then you'll be able to import these tags in bulk to GTM. We keep track of what tags have been created (green check) or not (red).

Screen Shot 2019-10-02 at 10.21.32 PM

 

Once you've successfully imported to GTM then you will see your Google Analytics Tag and Trigger are automatically created for you following all of our best practices for tag creation!

Step 8: Publish Tags In GTM

This last and final step requires you to publish your tags inside of your GTM account. We only import, but do not publish so you are able to preview and test as you'd like.

Here's an example of a few event actions (hooray for # 6 add to cart on collection pages!):

Screen Shot 2019-10-02 at 10.24.32 PM

Now you are armed with more data to help with onsite conversion optimization discussions (i.e. do NOT remove the add to cart on collection pages!). 

It's important to note that these tags will not break anything on your site! The most likely worst case scenario is the tag simply does not fire :).