All About Data Layer and Ajax Listener

What is a Data Layer Variable?

In the context of Google Tag Manager (GTM), "DLV" stands for "Data Layer Variable." The Data Layer is a JavaScript object used to store and manage data on a website. Data Layer Variables (DLVs) in GTM are used to extract specific values from the Data Layer and make them available for use in your tags, triggers, and variables.

Key Components of Data Layer

• Variables: Variables in the Data Layer hold dynamic values that can be utilized by tags, triggers, and other GTM configurations. For instance, you can have variables storing user IDs, student details, or event names.
• Events: Events are user interactions on your website, such as clicks, form submissions, or page views. By defining events within the Data Layer, you can precisely track these interactions and trigger relevant tags.

Why is DLV important in GTM?

• Customization and Flexibility: DLVs allow you to capture custom data specific to your website or web application. This customization is crucial because different websites have different requirements for tracking user interactions, e-commerce transactions, form submissions, and other events. DLVs enable you to adapt GTM to your specific needs.
• Separation of Concerns: By storing data in the Data Layer, you separate the concerns of data collection from the implementation of tags. This means that your website's developers can work on implementing the Data Layer, specifying what data needs to be captured, while marketers or analysts can work on GTM to create tags and triggers without having to modify the website's code.
• Dynamic Content and Personalization: DLVs allow you to capture dynamic content or user-specific data (such as user IDs, product names, or transaction amounts) from the Data Layer. This dynamic data can be sent to analytics tools, advertising platforms, or other marketing technologies to enable personalized user experiences and targeted marketing campaigns.
• Enhanced Debugging and Troubleshooting: When you utilize DLVs, you can see the exact data being sent to GTM in real time. This helps with debugging and ensures that the correct data is being captured and processed by your tags. It simplifies troubleshooting processes because you can inspect the Data Layer to confirm that the expected data is available.

What is an AJAX Listener and its need in Google Tag Manager?

Many websites, including those using Meritto widgets, utilize AJAX to send and receive data without requiring a page reload. However, these background requests are not automatically detected by Google Tag Manager (GTM), which can result in missed tracking of key user interactions such as form submissions and data exchanges.

An AJAX Listener helps bridge this gap by monitoring AJAX requests and making these events available for GTM tracking. This ensures accurate data collection, allowing you to capture dynamic user interactions and conversions effectively.

How to install AJAX Listener in Google Tag Manager?

• Download the AJAX Listener container recipe from Bounteous: AJAX Listener Recipe for GTM (2017)
  
  
• Open your Google Tag Manager account and navigate to the container where you want to add the listener.
  
  
  
  
• Click on Admin in the GTM interface.
• Under the Container menu, choose Import Container.
• Select the downloaded JSON file of the AJAX Listener recipe.
• Choose Existing Workspace to import the configuration into your current workspace.
• Select the following import option to avoid the loss of your existing data:
  
  • Merge: Combines the imported configurations with your existing tags and triggers.
• Review and “Add to Workspace”.
  

What If I Don’t See The Import Container Option?

You need to have admin permissions for the container to be able to import. If you don’t have admin permissions, you won’t see this option.