Skip to main content
Trystan_Colwyn-
Level 2
October 11, 2021
Solved

Adobe Analytics | Track API Responses & JavaScript Errors

Anyone know the best way to track website API responses & Javascript errors within Adobe Launch? We want to record into eVars

    This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
    Brian_Johnson_
    Brian_Johnson_Accepted solution
    Level 8
    October 11, 2021

    @trystan_colwyn- - If your API/request has a callback/response, I would suggest one of the following:

    • Push the information to your data layer (assuming you're using an event-driven data layer)
    • Use a direct call rule (DCR) that can be triggered directly in your callback
    • In your callback, trigger a custom JS event that you can listen for in Launch

    All of the above options let you pass any information that is important to you.

    For JS errors, I'd make the same suggestions. The only difference is the tracking event is triggered from your try/catch rather than an API callback/response.

    View in thread

    3 replies

    Brian_Johnson_
    Brian_Johnson_Accepted solution
    Level 8
    October 11, 2021

    @trystan_colwyn- - If your API/request has a callback/response, I would suggest one of the following:

    • Push the information to your data layer (assuming you're using an event-driven data layer)
    • Use a direct call rule (DCR) that can be triggered directly in your callback
    • In your callback, trigger a custom JS event that you can listen for in Launch

    All of the above options let you pass any information that is important to you.

    For JS errors, I'd make the same suggestions. The only difference is the tracking event is triggered from your try/catch rather than an API callback/response.

    Translate
      Trystan_Colwyn-Author
      Level 2
      October 12, 2021

      Thanks @brian_johnson_ !

       

      dataLayer/directCall approach would be ideal, however we currently have some short term DEV challenges

       

      Could you share more detail of your callback suggestion?  Maybe a particular example listening to a fetch API response? 

      Translate
      Brian_Johnson_
      Brian_Johnson_
      Level 8
      October 12, 2021

      @trystan_colwyn- - Using the first fetch() example here:

      fetch('./api/some.json')
  .then(
    function(response) {
      if (response.status !== 200) {
        console.log('Looks like there was a problem. Status Code: ' +
          response.status);
        return;
      }

      // Examine the text in the response
      response.json().then(function(data) {
        console.log(data);
      });
    }
  )
  .catch(function(err) {
    console.log('Fetch Error :-S', err);
  });

      ... I see three places you might want to capture the data:

      1. Inside the if (response.status !== 200) {} conditional
      2. Inside the response.json().then() logic
      3. Inside the .catch()

      For all three of those, you could fire off a direct call rule, passing a payload with whatever information you want to capture. Something like _satellite.track("fetch_tracker", { "api_name": "some.json", "status": "success" });

       

      Translate
      Terms & ConditionsAccessibility statement

      Loading footer...