An introduction to common tools and techniques used to debug a Tags implementation. Learn how to use the browser’s developer console and the Experience Platform Debugger extension to identify and troubleshoot key aspects of a Tags implementation.
The client-side debugging is helpful to verify Tag property rule loading or order of execution. Whenever a Tag property is added to the website, the _satellite
JavaScript object is present in the browser to facilitate the client-side event and data tracking.
To enable the client-side debugging, call the setDebug(true)
method on the _satellite
object.
Open the browser console, and run below command.
_satellite.setDebug(true);
Reload the AEM site page, and verify console log shows rule fired message like below.
Adobe provides Adobe Experience Platform Debugger Chrome extension and Firefox add-on to debug, understand, and get insight into the integration.
Open the Adobe Experience Platform Debugger extension and open the site page on the Publish instance
In the Adobe Experience Platform Debugger > Summary > Adobe Experience Platform Tags section, verify your Tag property details such as Name, Version, Build Date, Environment, and Extensions.