Prevent yourself from triggering Google Tag Manager on your own website.
This extension allows you to block internal traffic from triggering a connection to Google Tag Manager, hence allowing you to avoid corrupting the analytics and events data generated by your website.
See the GitHub page here: https://github.com/tommyrharper/gtm-disabler-chrome
In order to install this on your on your website you will need to:
Insert the following tag into your HTML header:
<meta name="GTM-Blocker" content="disabled" />
Now you can use this piece of code wherever you connect to Google Tag Manager on the FE of your application using the following Logic:
const GTMBlocker = document.querySelector('meta[name="GTM-Blocker"]');
const GTMBlockerEnabled = GTMBlocker.content === 'enabled'
if (GTMBlockerEnabled) // DO NOT CONNECT TO GOOGLE TAG MANAGER
else // CONNECT TO GOOGLE TAG MANAGER
Now when you visit your own webpage, with Google Tag Manager Blocker enabled on you, will no longer connect to GTM, and no false events will be triggered.