Skip to main content

How to use frontend debug panel

The debug panel lets you monitor and verify data collection in real time, so you can confirm the correct events and data are being tracked. The debug toolbar is shared by all Mirasvit tracking extensions (Google Tag Manager, Facebook Pixel, TikTok Pixel, Mixpanel, …).

Enable Debug mode​

Set Debug mode to Yes under Stores → Settings → Configuration → Mirasvit Extensions → Marketing Tracking → Advanced. This setting is shared by all Mirasvit tracking extensions.

On-page debug toolbar​

With Debug mode on, open any storefront page and append one of these query parameters to the URL:

  • ?debug=gtm - show only Google Tag Manager events
  • ?debug=tm - show events for all tracking extensions on the page

For example: https://yourstore.com/category-page?debug=gtm

Debug panel

Debug-panel

The toolbar appears at the bottom of the screen and lists every event as it fires, along with the data collected. For each tracked event you can view detailed information such as:

  • Event name (e.g., view_item, add_to_cart)
  • Product data (e.g., product ID, name, price, quantity)
  • Customer details (e.g., logged-in status, customer group)

Click an event to inspect its full payload, and troubleshoot tracking issues by confirming that all necessary data is captured for key events.

Other trackers

If you run several Mirasvit tracking extensions, you can focus any one of them with ?debug=gtm, ?debug=fb, ?debug=mixpanel, or ?debug=tiktok, or see them all together with ?debug=tm.

Server-side log​

With Debug mode enabled, server-side activity (including admin refund and admin order events) is traced to var/log/mirasvit_tm.log.