How can I track ajax requests using Google Analytics?

@virginie 

Tracking AJAX requests in Google Analytics involves using the Analytics Tracking Code (also known as the "ga.js" code) and the Google Analytics Events tracking API. Here are the steps to track AJAX requests using Google Analytics:

1. Set up Google Analytics on your website: If you haven't already, you'll need to set up Google Analytics on your website. This involves creating an account, adding a property, and installing the tracking code on your website.
2. Add event tracking to your AJAX code: You'll need to add the Google Analytics Event Tracking code to your AJAX code. This code should be added to the success callback function of your AJAX request. Here's an example:

1
2
3
4
5
6
7

$.ajax({
  url: 'example.com/api/data',
  success: function(data) {
    // Process data
    ga('send', 'event', 'API', 'data-retrieval', 'success');
  }
});

In this example, the 'send' method sends an event to Google Analytics with the following parameters:

• 'eventCategory': 'API'
• 'eventAction': 'data-retrieval'
• 'eventLabel': 'success'

These parameters define the type of event being tracked and the label for the event.

1. Test the AJAX tracking: Once you've added the event tracking code to your AJAX code, you should test it to make sure it's working correctly. You can use the Google Analytics Debugger extension for Chrome to check if the event is being sent correctly.
2. Analyze the data in Google Analytics: After you've started tracking AJAX requests, you can analyze the data in Google Analytics. You can use the 'Events' report in Google Analytics to see how often AJAX requests are being made and how users are interacting with them.

By tracking AJAX requests in Google Analytics, you can gain valuable insights into how users are interacting with your website and improve your website's performance.