GraphQL metadata is not found on AjaxRequests

Problem

You are seeing AjaxRequest events, but they do not contain the following GraphQL metadata properties for your browser app.

• Operation Framework
• Operation Name
• Operation Type

Cause

The browser agent analyzes each AJAX request body and query and attempts to identify common GraphQL patterns. When detecting these patterns, it will append extra metadata properties to the outgoing AjaxRequest event being harvested. If the agent fails to detect these patterns, it will not add the extra event properties.

Solution

If your application is instrumented with the latest version of browser monitoring and is collecting data for all Pro features, make sure your AJAX requests are being sent using standard GraphQL formatting.

To verify the format of your AJAX request, use your browser's dev console to view the requests and compare them to the syntax below.

{
    "query": ...,
    "operationName": ...,
    "variables": ... 
  }

?query=...&operationName=...&variables=...

[
    {
      "query": ...,
      "operationName": ...,
      "variables": ... 
    },
    {
      "query": ...,
      "operationName": ...,
      "variables": ... 
    },
    ...etc
  ]

See GraphQL's documentation for a thorough description of these standards.

The agent uses the contents of this payload to detect GraphQL patterns and build the metadata properties. Any request body or query missing the query section will not be processed as GraphQL data at all.

If you see your GraphQL payloads not following this pattern, the agent will not be able to reliably detect the GraphQL metadata.

If any of these troubleshooting steps fail or you are still having issues with missing AJAX data properties, get support at support.newrelic.com.