Google Tag Manager Data Layer Examples

ListenLayer automatically generates powerful data layers to enhance your Google Tag Manager tracking. Checkout the samples below and open a free account.

Google Tag Manager Data Layer Examples

Google Tag Manager is pretty powerful out of the box, but it’s extremely powerful when you start using custom events and data layers to scale your data collection. ListenLayer automates this, with no code, enabling any data-driven marketer to enhance their website tracking 10x!

Important Notice!

While the following examples show actual code, ListenLayer requires no programming experience! We generate the following data layer values automatically so that you can capture them as variables for your conversion tracking - no coding required! Check out our examples and use cases to see how easy it is to implement and scale conversion tracking and web analytics.

Custom Triggers for Google Tag Manager

ListenLayer automatically generates powerful and accurate events inside the data layer, allowing you to create GTM triggers for activity that matters on your website.

Whether you need to trigger events based on chats, form submission, entrance patterns, or more, ListenLayer has a vast library of prebuilt listeners to enhance your website tracking.

This example shows events from our Hubspot Forms Listener. Each Listener generates events unique to the application’s functionality.

event: 'hubspotFormSubmitted',

event: 'hubspotFormLoaded',

event: 'hubspotFormValidationFailed',

Automatic Data Layer Values

With each event generated by ListenLayer, we push powerful details about the web session and activity into the data layer. These become available as variables inside GTM, enhancing your tracking in so many ways!

chatAutomaticValues: {
    messageFromUserCount: 3,
    hsChatType: 'Hubspot Form chat Message from User',
    hsChatLocation: {
      href: 'https://demo.website.com/',
      host: 'demo.website.com',
      hostname: 'demo.website.com',
      pathname: '/',
      protocol: 'https:',
      originPathName: 'https://demo.website.com/'
    }
}

Custom Data Layer Values in GTM

With our powerful interface, marketers can write rules to generate custom data layer values. Now activity on your website can be categorized and organized exactly how you want it. Push these values into GTM as custom variables, apply them across your marketing platforms and “boom!” – you’re a tracking super hero!

formCustomValues: {
	//custom variable values display here based on rules you write
	formCategory: 'Demo',
	formName: 'Landing Page Demo Form',
	formQuality: 'Low'
},