Click Element Variable in Google Tag Manager (how to use it correctly)

Click Element variable is confusing and can be misleading. Learn how to use it properly in Google Tag Manager.
Many beginners are doing mistakes here because GTM's preview mode is a bit misleading and it displays the Click Element variable in the wrong way. I will show you what's under the hood.
=== LINKS ===
Subscribe to our KZbin channel / @analyticsmania
✭ Intermediate-Advanced Google Tag Manager course
www.analyticsm...
✭ Click Element Variable in Google Tag Manager
www.analyticsm...
✭ Video: Click Tracking with Google Tag Manager (includes wildcard CSS selector)
• Button Click Tracking ...
📕 Free Google Tag Manager e-books:
www.analyticsm...
📕 Free e-book: How to get started with Google Analytics 4
www.analyticsm...
✭ Guide: Wildcard CSS selector
www.simoahava....
✭ Guide: CSS selectors in Google Tag Manager
www.simoahava....
=== CONNECT WITH JULIUS & ANALYTICS MANIA ===
✭ Facebook / analyticsmania
✭ Twitter / fedorovicius
✭ Linkedin / fedorovicius
Subscribe to our KZbin channel / @analyticsmania
#googletagmanager #googleanalytics4

[@withmikes]

Bravo! This is one of the few videos out there that truly isn't just a walkthrough of the documentation.

[@user-vg5vy3sv4v]

Hi Julius, thanks for the video! I was stuck for hours thinking there was a bug in gtm for the asterisk * Wildcard, because none of the blogs I read made it clear that you need a space before the asterisk and it's hard to see it in written text. It was only when I watched this video and physically heard you say "then enter space, asterisk" that the penny dropped! So just in case anyone else is also here for this, the SPACE IS IMPORTANT!

[@iamleek]

Thank you for highlighting the SPACE. yes many time space is important.

[@brettsaffer4790]

Thanks for this. This is the best video I have seen so far that accurately and easily explains click elements and how to best capture relevant information pertaining to them using GTM, the console as well as the datalayer, and how it pertains to creating a trigger in GTM. Great job!

[@kemvichet3185]

Such a great video that yesterday as GTM beginner i cant sleep cause i cant make thing done but your video address the solution, has ha, looking to get your intermediate course soon, wish your course to be on Black Friday soon.

[@alif.mahmud]

Thanks, I wasted more than 2 hours thinking that it's a string. Thanks again for your awesome video ...🎉

[@renanpocahy9810]

cara, só tenho a agradecer. seu vídeo meu ajudou demais! estava com uma dificuldade enorme e sua explicação resolveu meu problema. muito grato!

[@SoumenMondal-wu8pn]

Thanks a Bro, It really helps me, I lost many times through this, Thanks again bro

[@angelahu5215]

Thank you so much! I couldn't find another video that solves this problem. You make my work so much easier. Thank you !!!

[@FedericoNahmad]

I finally understood the wild card! Thanks! 👌

[@juandiegocalero4553]

Daaaayum mate, thanks a lot, adding the css selector plus coma plus asterix is something that i did not expected to do XD. OMG, thanks a bunch

[@elmahdichaker1207]

Thank you a lot 👍. Your videos are unique and helpful. I can only find an explanation for some hidden options or features on Google Tag Manager in your channel. Keep going 💪

[@hyojeong2091]

Super thanks..... I've been finding for the solution and this video is actually the one that I've been looking for... Thanks!

[@taranox_silberschmuck]

Thank you so much, for this great video! Much appreciated!

[@gideondelayahu6703]

Great video - thank for the tips - particularly the parent element ID - love it!

[@FIoydMayweather]

This video fixed my problem with this stupid tool in 5 minutes, after debugging for like an hour testing nearly every option lmao

[@tcai5341]

Thank you! Was stuck on this for a while. Appreciate your help 🙏

[@ketoburner8690]

Thank you my friend, that was a really nice explanation. Thank god im a web developer i understood everything.

[@RyanMendenhallSEO]

Brilliant Julius! Thanks for walking through that! When would you use the options other than Click Element, like click id, click class, etc in GTM All click elements trigger?

[@shaanquadri4704]

Excellent help really, especially the last tip. Your videos are very useful for non-technical people like me.

[@isidoraarriagada5015]

Thank you very much, you saved me! your tutorials are the best!

[@lolzeinab]

I love you man, you saved my mental health

[@MrChrisJ74]

Very helpful I was trying to use anonymous functions to return text values but alot can be done with the data layer variable

[@marcinmarcin6393]

You are pure gold! Thank you for your amazing tips!

[@MrOron]

One of the best GTM videos!

[@ArtisBMX]

legend! Totally saved me here! Some really throural explanations

[@chinughataliya2883]

Thanks for the clear and detailed explanation!

[@aldringonzalgo6437]

Awesome video! Thanks for the super clear explanation, Julius!

[@RivalD666]

This was very helpful, thank you!

[@PossessWithin]

This was extremely helpful, thank you

[@benjibo9476]

Man you are awesome! Thank you

[@shyamthakur1201]

Great video as always sir ....... first one to comment on this

[@patvertise]

Thanks! I also could use the Click text as a trigger right??

[@romilsonbragateixeira6048]

Thank you very much! Well explained

[@ricp]

great video, man!

[@danielcjuno2851]

Thank you very much, works and is practical.

[@russcastella]

Wow thank you. It was driving me nuts

[@user-cz3nb2iu7r]

Hi Julius, Can you use a class name as a page view trigger in GTM? For example, we have many pages in our checkout process which our developers assigned unique class names to. I'd normally use these classes by assigning a click class trigger in GTM however they aren't applied to any buttons, i.e. when the user clicks 'next' for example. Hope this makes sense. Thanks.

[@user-mq5ou3tq5j]

great video, thanks!

[@lothergalante]

Obrigado senhor pelo seu vídeo, me ajudou bastante!

[@Carlismusic]

I Have no reasons to not subscribe after view this video. Thanks man

[@articgoneape]

Referring to your second example in the video, I set it up (Just Links, All Clicks), when I click the link on my page, the "Link Click" appears in google tag assistant but when I go to the console and type "dataLayer" and hit enter, I am only seeing gtm.js, gtm.dom, and gtm.load. Any reason why the gtm link click is not appearing? Thanks!

[@AnalyticsMania]

Page reloaded, dataLayer was wiped out

[@articgoneape]

@@AnalyticsMania Thank you so much!! That was very helpful :) I was able to get it setup! YAY!!!!!

[@arnaurojals3079]

Very useful. Thank you 👍

[@СергійГрабовий]

Thank you!

[@lazearteepublicidadedobras6594]

Just Thank you

[@trideviataya]

Hello, Julius. I do everything according to this video, but I doesn't have click element in the summary at all. If I choose "links click" it will fire whenever link is clicked, but when I choose "elements click" it won't show anything. The second problem is that I don't have variables tab in the preview mode, there are Hits Sent, Data Layer and Errors, but no Variables. Could you suggest what is wrong here?

[@andersoncavalcanti7657]

Very helpful!

[@DonHrvato]

Amazing you are the KING

[@chinughataliya2883]

Thanks for the clear and detailed explanation!

[@rafaelbp279]

It's possible to track variable attributes? I have 10 different images with different links. When I create track some clicks, I can't leave the field blank after the operator, since it's an variable attribute. any tips?

[@richchoe_ECH]

2:45 haha!! that's exactly what I tried to do!!

[@hyoori]

Thank you so much I finally can make it work!!!!!! T_T

[@haravanempower5774]

Thanks

[@andrewschaeffer4438]

Hey, I'm working with classes, not IDs, and can't seem to get your method to work. Have tried the click element trigger as the class name "class-name", ".class-name", ".class-name,.class-name *" and not working. I've double checked in dev tools, and I can see the classes on my elements. Yet, my tags aren't registering in debug mode for some reason. Also used "class matches CSS selector"

[@AnalyticsMania]

Only click element variable works with css selectors.

[@andrewschaeffer4438]

@@AnalyticsMania I figured out the issue. For my triggers I didn't go wrong with this: Click - All Elements -> Some Clicks -> Click classes contains [name of class without "." in front] and Click - Just Links (same setup above worked for me)

[@nielsd9261]

Thankyou!

[@AnnaParker712]

Thanks!)

[@somesome23231]

solid

[@1973youness]

Pkease Julius, could you add the transcriptions? (CC) Thanks Julius, :-)

[@AnalyticsMania]

done

[@bensoudayouness8688]

Thanks Julius

[@mz6016]

GOLD

Danke!

[@relaxinggospelmusic2421]

😍😍😍😍

[@tineyherssens9345]

Thanx

[@user-le9uv7ng9g]

Thank you!