Most often we need a CSS selector when creating Triggers in Google Tag Manager. This extension is actually a CSS selector – we can accurately determine the CSS element. Tip: If you also need to test dataLayer, Tag Manager Injector lets you add your own dataLayer on the page. Just set up your own container, create tags, and put the GTM ID on any page where you would like to learn how to measure certain points.
With this tool, you can use a Preview Mode where you can test which tags are firing and which aren’t.Īnother way you can take advantage of this extension is to learn. It’s easy to use – just enter the GTM ID and run the extension to start testing. Tag Manager Injector could help when the test container is ready, but GTM is not yet implemented on the page. Note: This extension is not for free anymore for the new users. Therefore, it is enough to simply publish it (even empty). This occurs when the container has not yet been published. Tip: Sometimes when you install a new GTM, you may find that the tag is poorly implemented (red).
Google Tag Assistant will also show you if you have the tag installed correctly. This feature allows you to upload the entire interaction with the page and see how data is processed through GTM, Google Ads, and especially how it is sent to Google Analytics. In addition to this simple overview, Google Tag Assistant has another very useful feature – Recording. Google Tag Assistant show these tags – Google Ads Remarketing, Google Tag Manager, Google Optimize, and Google Analytics. If I need to see very quickly whether Google Tags are inserted correctly and what their IDs are, I will use this tool. I like Google Tag Assistant because it’s easy to use. The left side shows what the dataLayer looks like on the page, the right side shows what data is being sent to Google Analytics. Of course, we need to test if all variables are set up correctly and if the correct data is being sent.Īnd how does dataslayer display data? On the PrintScreen below you can see an example of adding a product into the cart: For example, we know from the programmer that he has implemented dataLayer variables for the “Add Product to Cart” event for e-commerce tracking. Since we mainly use dataLayer to implement custom measurements (we send data to Google Analytics through Google Tag Manager), the dataslayer can also see how this data is sent to Analytics and whether it is correct. Dataslayer allows you to clearly display, as its name suggests, dataLayer. Once we’re done adding extensions, we can look at every extension separately. Activation is required for each extension directly in the extension settings: Or erase all browsing data, which I hate to do because it is extra work (it logs me off the site, clears the history, pre-filled forms, etc.).įortunately, Google Chrome lets you use extensions in the Ingoknito window as well. Therefore, it is best to use Incognito mode. Tip: Sometimes we need to have a “clean” browser (without any cookies or cash) when testing. Some extensions are already pre-installed in Chrome.
Click the three dots in the upper right corner, then select More tools:Īn extension report might look like this:.If you want to edit any settings in your extensions, here’s how to access them: The next step is to add the extension to Chrome.
The easiest way is to find extensions by name. You can find all available extensions on this link: 🙂Īt first, we will briefly show you how to install them. You can install them for free and save a lot of time hassle during debugging (when looking for implementation errors). Are you using Google Analytics and Google Tag Manager ? If so, I hope the following tips for Google Chrome Extensions help you to learn something new.
0 kommentar(er)
