Testing & Debugging

Using the Browser Console

After setting up the web tracking SDK, the best way to debug it is by going on the site it was installed on and monitoring the network traffic through your preferred browser's Inspectection tool.

For example, if you are using Google Chrome, open the console by right clicking anywhere on your page and choosing Inspect. In order to find the events that are sent to CrossEngage, click on the Network tab in the top bar of the newly opened inspect area. In the search window, type track. Refresh the page to see all events sent to CrossEngage and continue browsing, analysing whether or not the events are triggered as expected.

To view the events in detail, click on the tracked event; you will see the all information of the Request that is sent to CrossEngage.

Using the event stream

In addition to using your preferred browser's inspect tools to ensure that events are sending correctly, you can also verify this through the Event Stream feature of CrossEngage.

To monitor events in real-time, select "Event Stream" from the navigation bar.

Click on the Filter icon and choose "User". Here you can filter events by User XNG-ID or Session ID.

If your domain is not yet authorized by CrossEngage, you will receive the following error message:

XMLHttpRequest cannot load https://api.crossengage.io/api/.... Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

In order to fix this, please submit a ticket with a request to include your website in the list of accepted domains.