My name is Marko
I've been a software developer for 9 years. For the past years I've enjoyed being a helpful partner of marketers.
Intro
A GTM tag that pushes data from AJAX forms into data layer.
This is an upgraded version of a widely used Lunametrics AJAX listener. Lunametrics’ version of the script has been working very well over the years, but with the rise of the Single Page applications (SPAs) the script oftentimes doesn’t work. It is usually caused by missing jQuery library that Lunametrics’ script depends on.
This script works without any dependencies and should work for all websites.
Get Started
How to configure new GTM account
There are 2 options you can use to integrate the script.
Option 1: Import tags and variables using our container script (suggested).
Importing a container script is the quickest way to get started. It will automatically create a custom HTML tag with all the required variables into your GTM account for you to use.
- Download container file
- Open your account in Google Tag Manager and navigate to Admin -> Import Container.
- Choose the downloaded file and select Existing workspace.
- ⚠️ Set Choose an import option to Merge with Overwrite conflicting tags, triggers and variables.
Merging containers will make sure your existing tags, triggers and variables will stay in place and you won’t lose any of your previous configuration. - See that you have 1 new tag and 13 new variables.
- Confirm the import and see the custom HTML tag and variables in your workspace.
🔗 View more detailed import guide
Next learn how to use AJAX listener.
Option 2: Configure a custom HTML tag and variables manually.
More advanced users can set up the tag and variables themselves without using the pre-built script.
- Copy the script
- Create a custom HTML tag, name it “AJAX Listener”. Paste the script to HTML input field and set the tag to trigger on All Pages
- Use the Analytics Mania tutorial to set up custom variables.
How to switch from Lunametrics AJAX listener
Differences between Lunametrics listener and this script are minimal and switching them shouldn’t take more then a minute.
All GTM variables that were working with Lunametrics keep working as is and there’s no need to change any of them. The only thing you need to do is replace the custom HTML tag with this script. Once this is done then everything should work as it did before.
FAQ
Why doesn’t Lunametrics script work?
Lunametrics depends on a javascript library called jQuery. This means that if your website developers haven’t included jQuery in the website code then Lunametrics ajax listener script will not work.
This problem is more common with Single Page applications.
The easiest way to find out if your website has jquery enabled is to ask the developers. Another option is to use a browser console
This script is dependency free and should work regardless of what technology the website is built with.
How to use AJAX Listener
The tag is modified from a frequently used Lunametrics script. Everything that works with Lunametrics tag will keep working the same way.
Once the script is configured in GTM then use the following tutorials on how to use it:
-
Beginners guide to AJAX Listener - Analytics Mania.
You can skip the part that describes how to create custom HTML tag on GTM with Lunametrics script - How to add ajax listener script to Single-Page Apps
- More detailed guide to using ajax listener