The GA4 Tracking Logger Chrome Extension Panel is a tool designed to assist developers and digital marketers in tracking Google Analytics tracking calls on web pages. This extension adds a custom panel to the Chrome Developer Tools that allows users to monitor and log GA4 (and UA) tracking requests on the inspected web page.
- Download the extension files or clone the repository from GitHub Repository.
- Open the Chrome browser.
- Navigate to
chrome://extensions/
. - Enable "Developer mode" by toggling the switch in the upper-right corner.
- Click on the "Load unpacked" button and select the extension directory.
- The GA4 Tracking Logger extension will now be added to Chrome.
- Open any web page that contains Google Analytics tracking calls.
- Right-click on the page and select "Inspect" to open the Chrome Developer Tools.
- Navigate to the "GA4 Tracking Logger" panel in the Developer Tools.
- Click the "Start" button to begin capturing GA4 tracking calls on the current page.
- Click the "Stop" button to stop capturing and log the captured tracking requests.
- The extension captures GA4 tracking calls that contain "analytics" and "collect?" in the URL.
- Tracked events are logged along with the date and time they were captured.
- The number of captured tracking events is displayed in the "Tracking calls recorded on this page" section.
- Enter a list of URLs (one URL per line) in the text area under "Batch processing."
- Click the "Start batch processing" button to process the batch of URLs.
- The extension will load each URL sequentially and capture the Google Analytics tracking calls.
- After tracking is stopped, the "Download" button will appear if tracked events were logged.
- Click the "Download" button to export the captured tracking events as a CSV file.