It is very important to test Google Tag Manager before you publish the tags and triggers to your website to ensure that they are fired correctly. The purpose of the article is to provide you directions to check that correct tags are fired at the right time, hence fulfilling the purpose they were installed for.
If case you have not installed google tag manager to your website, learn how to do that for your wix website.
Steps to test Google Tag Manager:
- Google tag manager offers usage of ‘Preview mode’ and ‘Debug console window’ to check which tags are fired and/or not fired on which particular page.
- To enter ‘Preview & Debug,’ click the ‘Preview’ button appearing in the upper right corner of the GTM dashboard. An orange banner notifying that you are now in “Preview” mode will appear.
- Next, navigate to the site where tags are installed in GTM and you will see a debug console window at the bottom of your browser. If you already have your site opened in another tab, refresh the page and a debug console window as shown in the image below will appear.
- The debug console shows detailed information about your tags, including how tags fired and what data is being processed. As you can see in the image above, all tags are getting fired on the page of your website you are viewing.
- Don’t worry, this is not visible to your site visitors! The console window appears only on the same browser that is used to enable Preview Mode. You have an option to share this preview with your teammates with a custom generated URL. For details on how to share preview with others, click here.
- Now, if you click any tag that appears below ‘Tags Fired On This Page’, let’s say ‘Google Analytics’ in this case, you will see a page (refer to the image below) showing green ticks besides the tag, firing triggers and filters.
- If you click any tag that appears below ‘Tags Not Fired On This Page’, you will see a page (refer to the image below) showing red crosses besides the tag, firing triggers and filters.
Well, that is how you test Google Tag Manager using Preview mode and Debug Console window. Go ahead and do it for your website now!