Testing CSS Selectors in the Chrome Dev Console | Using CSS Selectors in Google Tag Manager & more
In this video, we show you a quick way to test your CSS Selectors via Chrome's Developer Console. This should speed up your testing if you want to use CSS Selectors as part of your trigger configuration in Google Tag Manager.
We also explain what CSS is, how it works and look at specific examples that show you how to identify the correct CSS Selector and how to use it to create a trigger in GTM.
Topics covered in this video include:-
What is CSS?
Examples of CSS structure
What is a CSS Selector?
Testing CSS Selectors in the Chrome Dev Console
CSS Selectors in GTM Triggers
For early access to our videos, you can register for the GlowMetrics’ Resource Hub, and it’s completely FREE: https://www.glowmetrics.com/resource-...
——————————————
GlowMetrics is a leading digital analytics & marketing agency - the first Google Analytics, Google Tag Manager, Looker Studio & Google Optimize Certified Partner in Ireland.
GlowMetrics Website: https://www.glowmetrics.com
GlowMetrics LinkedIn: / glowmetrics
GlowMetrics Instagram: / glowmetrics
GlowMetrics TikTok: / glowmetrics
——————————————
Prefer written content? Check out the blog post:
https://www.glowmetrics.com/blog/how-...
——————————————
Chrome Dev Console Code Example:
document.querySelectorAll('.button')
——————————————
References:-
W3 Schools: https://www.w3schools.com/cssref/css_...