Data Layers for Angular

Our custom Listeners make it easy to generate data layers for tracking your Angular website or application. Check out the samples below and get started for free!

Angular Data Layer Examples

Learn more about how ListenLayer generates powerful data layers from the activity on your single-page website/application.

Custom Data Layer Events

Generate data layer events automatically, like the one shown here, when content changes in your Angular application. This allows you to accurately track an Angular website or application using a typical “page view” analytics method.

event: 'angularRoutesPath',

Automatic Data Layer Values

ListenLayer pushes critical information from your Angular activity into the data layer automatically. For example, automatically capture information about the URL path a user navigated to and where they came from.

All data layer values can be captured as variables inside Google Tag Manager and fire tags based on triggers. For example, trigger a “virtual pageview” by triggering a Google Analytics pageview tag every time a user changes routes (with a URL path change) in your Angular website.

routeAutomaticValues: {
    route: {
      from: 'http://demo.hostedstaging.com/angular/home/',
      to: 'http://demo.hostedstaging.com/angularhome/about-us'
    }
  }

Custom Data Layer Values

Using data from your Angular activity, ListenLayer allows you to write rules to generate custom values into the data layer. For example, score user activity, filter out tests, name/categorize pages, and map the funnel path through a multi-step angular form based on rules you write – no programming required.

routeCustomValues: {
  pageName: 'Your Information',
  stepNumber: 2,
  funnelName: 'angular lead funnel'
}