How can I test Google Tag manager locally

by

Google Tag Manager can be easily tested on your local machine (no need for a Chrome extension), similar to how you would Preview your changes on a public website/app:

  1. Setup your Google Tag Manager account.
  2. Add the <!-- Google Tag Manager --> script to the <head> of your webpage(s).
  3. Add the <!-- Google Tag Manager (noscript) --> to the <body> of your webpage(s) (optional).
  4. Make the required updates in Google Tag Manager – e.g. add a new tag, etc.
  5. Click Preview in Google Tag Manager.
  6. Wait for the ‘Now Previewing Workspace’ banner to show in Google Tag Manager.

  7. Start a local web server to run your app – this method will vary depending on your local setup but you should be able to access your app using a local URL like localhost:8088/.

    NOTE: Opening a file path (e.g. file:///Users/your-name/Documents/) in your browser WILL NOT work.

  8. In the same browser as Google Tag Manager is open, open a new tab and go to your local web server URL – e.g localhost:8088.
  9. The Google Tag Manager debug pane should be visible at the bottom of the browser window.

Leave a Comment