i have configured a click trigger with a matched css-selectior.
Unfortunately, trigger is not fired because GTM is not seeing any matches, however, in screenshot you can see the. Can anyone help out, please? Thanks
enter image description here
You need to use a wildcard CSS Selector.
Instead of "li.swiper-silde.collection-bubble" use "li.swiper-silde.collection-bubble,li.swiper-silde.collection-bubble *"
Related
I would like to set a tag to only fire on my homepage so have set a trigger
url path equals /
When I preview or debug the tag it seems to be firing on all pages of my site, when I then review the firing triggers it tells me its fired because of a filer (_event equals gtm.js). I have no idea where this filter comes from or how its been implemented as it isnt in the trigger I set up. Any ideas how I remove this so the tag doesn't always fire?
You're misreading the debugger. Your first screenshot here:
indicates that the the trigger did not fire, as is indicated by the top X.
For a trigger to fire, all conditions (filters) have to pass. If even one condition doesn't pass, the trigger won't fire. Well, there are also blockers, but we'll leave them out for now.
I'm having difficulties using the Click trigger in google tag manager.
I want to setup a trigger to fire on a click event, only when the element class contain "scrollto".
But the thing is, it keeps firing up even when the "scrollto" class isn't part of the element I clicked on.
Here are a few screenshot I hope will help you understand the problem:
Thank you for your help,
Alexis
Ones you set up any click trigger you will get these events everytime a user makes a click but that doesnt mean the trigger it self is being fired. You can append the trigger to any tag and you ll see that if you click anywhere else the tag wont fire even when you see the event.
Hope it helps!
Instead of click classes contains scrollto,
Give click classes equals scrollto
Is there a way to get featherlight.js to trigger on an image itself, as opposed to a surrounding link?
For example, I'm trying this:
$('img.pop').featherlight($(this));
But getting an error:
a.cloneNode is not a function
Should not be a problem. The problem is probably what is this in your code above. That's why my advice to anyone ever reporting a problem is to produce a working example.
I made a type of menu box with css click events using targets and link them with hash anchor tags. The problem is, when I click one of the buttons (One, Twii, Thrii, etc.) the page jumps! I tried using a js script to stop the default behavior but to no luck. Could you please help me stop the page jump so the page does not move when a button/link is clicked!
Heres the JS Fiddle link I made. jsfiddle.net/3ASpX/1/
I need a solution..whether its with using target or something else!
Thank You and I apoligize for any confusion in explanation and the question itself if I have done something wrong, your help is much much much appreciated.
I think you could do this by using <div> instead of <a>.
But if you have to use an <a>, you could remove the target with jQuery:
$( '.link' ).removeAttr("href");
I was reading the documentation of the .on event handler of jQuery and I started playing around with it.
I have a simple <select> element with the multiple attribute set to true.
However, I want the user to be able to select multiple items without having to press the ctrl or shift key(s)
According to the .on documentation, if you specify a selector it will automatically add those event handlers to any new items added inside that container that match the selector specified.
So in my case, I could for example decide to replace the <option> elements available in the listbox, but I still want to have the same functionality for those options without having to rebind those events etc.
One might think that the following snippet should do the trick (atleast, I did):
$('#dropdownlist').on('mousedown', 'option', function(e){
e.preventDefault();
$(this).prop('selected', $(this).prop('selected') ? false : true);
return false;
});
So when a users clicks on an option in that listbox, the default action will be cancelled and depending wether the item is already selected or not, it will invert that selection.
I have created a small fiddle demonstrating this behaviour: fiddle
In that fiddle, the first dropdownlist is behaving as expected, but the functionality is lost when replacing the items. This only works in FF & Chrome.
The second dropdownlist is how I thought it should've been (event handling wise), but that doesn't seem to work besides in Chrome -.-
The functionality is kept when replacing items, because the console will still log '2' when clicking on an item after replacing them.
Can someone explain me why this is happening? Am I doing something wrong?
Please point me in the right direction!
Thanks!
~ Dirk
IE doesn't respect the mousedown event on the option tag itself. You've got to use the OnChange event of the select tag, which is not what you (nor I) want. I was trying to do the exact same thing as you and was stopped at every attempt. I finally gave up and made it a list of checkboxes because I can get the same behavior out of mine that you are trying to do here.
You can see this question for some options, but I never did get it to work the way you are describing.