Get Started with Angular Tracking

Use our powerful Angular listener to track your single-page application (SPA) or website when URL paths change during a content route. For example, place a single script on your website using Google Tag Manager. The Angular Listener will push structured data into the data layer as users interact with your SPA. Then, capture this data into as many marketing and analytics platforms as needed using simple rules you write in GTM.

Once you realize the power of data layers from ListenLayer, you’ll never go back!

 

How Angular Works

Angular is a popular coding library that allows developers to build “single-page websites” and applications. In a single-page experience, the user navigates between content elements using route changes instead of full page loads. For example, the main navigation of your website or application may appear to take the user to an entirely new page; however, there is never a full “page load.”

ListenLayer allows you to easily track activity from Angular applications, which can be challenging as most analytics tools rely on traditional “page views.”

How to Track Angular

Due to the lack of traditional page view activity inside Angular apps, they are often difficult to track. For example, if you utilize Google Analytics, data will not be collected as users move through your single-page website because there are no “page views” to capture. Other platforms that might rely on URL views to “fire a conversion” require creating “virtual page views” to track activity.

One method of tracking Angular pages is to request that your developer push data into the data layer when a route change occurs. Route changes are used to navigate a user from one piece of content to another inside an Angular application. The application simply hides/shows different content based on a user’s action during a route change. Even if your developer manages to push data into the data layer (which can often be a complex request to complete), you may want to customize that information to enhance your tracking!

ListenLayer allows you to automatically capture and track Angular route activity; no programming is required!

The Solution: Automated Data Layers

With ListenLayer, place a single script tag on your website (via GTM), and we’ll track all Angular route changes into the data layer – the only requirement is that the URL path change during a route change!

Data Layers can easily be read by tools such as GTM, allowing you to configure a simple structure in GTM to track your entire Angular applications, just like magic!

Once you have the basics down, you can use ListenLayer to write rules that customize your data layer, allowing you to collect better information and segment your analytics for analysis!