Javascript 谷歌标签管理器-CSS选择器挑战
我试图在源代码中获取链接的URL。挑战在于URL隐藏在图像后面,因此只允许我获取图像URL 我一直在试图找到一种解决这个问题的方法,在触发器系统中使用新的CSS选择器,并创建了一个DOM变量,该变量在单击图像时应该获取URL。也可以进行多次下载 以下是我努力实现的一个例子:Javascript 谷歌标签管理器-CSS选择器挑战,javascript,html,css-selectors,google-tag-manager,Javascript,Html,Css Selectors,Google Tag Manager,我试图在源代码中获取链接的URL。挑战在于URL隐藏在图像后面,因此只允许我获取图像URL 我一直在试图找到一种解决这个问题的方法,在触发器系统中使用新的CSS选择器,并创建了一个DOM变量,该变量在单击图像时应该获取URL。也可以进行多次下载 以下是我努力实现的一个例子: <div> <div class="download"> <a href="example.com/The-URL-I-Want-to-get-if-top-image-is-click
<div>
<div class="download">
<a href="example.com/The-URL-I-Want-to-get-if-top-image-is-clicked.pdf" target="_blank">
<img src="some-download-image.png"/></a>
<div class="download">
<a href="example.com/Another-URL-I-Want-to-get-if-middle-image-is-clicked.pdf" target="_blank">
<img src="some-download-image.png"/></a>
<div class="download">
<a href="example.com/Last-URL-I-Want-to-get-if-bottom-image-is-clicked.pdf" target="_blank">
<img src="some-download-image.png"/></a>
</div>
</div>
这段代码上面和下面都有很多代码,但是使用选择器应该可以相当容易地获得我想要的信息。只是我没有
如果有人遇到这堵墙并解决了它,我真的很想知道如何解决。:) 这是一种可能的解决方案。因此,据我所知,您希望在单击“下载”图像时获取锚元素的href属性 需要创建自定义Javascript变量,以便可以操作click元素对象:
function(){
var ec = {{Click Element}};
var href = $(ec).closest('a').attr('href');
return href;
}
因此,您需要进行尽职调查并添加错误检查等内容,但基本上这应该返回href,然后您需要解析字符串以提取所需的部分。您是否尝试获取{Click Element}变量的href属性?因此,无论单击哪个链接,您的gtm.linkClick事件都将与单击的元素相关联。您可以通过分析通过单击链接创建的数据层对象来检查开发人员控制台。@nyun我一定会尝试的。我想我实际上也尝试过类似的东西,但第二次的魅力在于:)你能提供一个指向该网站的链接让我看看吗?@nyun没有成功。也许你能给我举个例子说明你是如何做到的?太好了!我一整天都把头发扯下来了。感谢您提供了一个优雅而有效的解决方案!:)没问题,把脱发留到你老得多的时候