jQuery AJAX Listener Recipe for GTM

May 9, 2017

Listens for $.ajax requests to come back successful, and publishes data about each request into the data layer. Perfect for firing tags after a successful AJAX-style form submission or when AJAX-requested resources are available.

For more information about the ajax listener, check out the blog post.

Ingredients

Tags

CU - AJAX Listener - LunaMetrics Plugin

Variables

AJAX Content Type

AJAX Fragment

AJAX Headers

AJAX Hostname

AJAX Pathname

AJAX Protocol

AJAX Query Parameters

AJAX Response

AJAX Status Code

AJAX Status Text

AJAX Timestamp

AJAX Type

AJAX URL

Instructions

1. Download Container File

Download the container JSON file.

(You may need to right-click on the link and choose “Save Link As” or “Save Target As” to save the JSON file to your computer.)

2. Import JSON File into GTM

Log into your own Google Tag Manager container and head to the Admin section of the site. Under Container options, select Import Container. Check out this blog post for more details about importing a container file.

3. Preview & Publish

Use the Preview options to test this container on your own site. Try testing each of the events to make sure they’re working properly. If everything looks good, go ahead and publish!