javascript - Google 跟踪代码管理器点击类事件不起作用

标签 javascript html google-tag-manager

我正在使用一个似乎由外星人编写的系统处理包含 iFrame 的页面。该系统是多年前在 dotNet 框架中编写的。

我试图通过标签跟踪点击事件,但我注意到当点击 iFrame 中的元素时,控制台显示 2 个元素被点击,标签管理器 显示 2 个点击事件。点击显示的第一个元素是隐藏在页面顶部的元素,第二次点击是我点击的元素。

HTML 是:

<input type="button" name="BOOK NOW" value="Book Now" class="platinum-book-button btn btn-primary">

Tag Manager 中,我设置了一个触发器,如下所示:

Trigger Type: Click All Elements
Trigger Fires: Some Clicks
Condition: Click Classes - matches CSS Selector - .platinum-book-button .btn .btn-primary

然后我在控制台中添加(因为 `CTRL - 单击不会停止页面更改):

document.addEventListener('click', function (event) { 
    event.preventDefault(); 
    console.log(event.target); 
}, false);

和控制台显示:

<input type="submit" name="ctl00$plcBody$BookingFormGrid$ctl04" value="BOOK NOW" onclick="$('form').attr('action', 'DetailsEntry.aspx?bfid=126b48d6-e3b9-4e57-8be6-067da3425467&amp;bfpid=c125f99a-093c-402a-8855-436e7d233d74&amp;bfrtid=bf8acbd4-78a1-4391-9972-3366c5405ce3&amp;arr=2019-07-07&amp;nts=5&amp;a=1&amp;c=0');WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctl00$plcBody$BookingFormGrid$ctl04&quot;, &quot;&quot;, true, &quot;&quot;, &quot;&quot;, false, false))" class="btn btn-primary bnow">

<input type="button" name="BOOK NOW" value="Book Now" class="platinum-book-button btn btn-primary">

第一个元素隐藏在页面顶部,而不是我单击的元素。由于不满足点击类条件,触发器不会触发。

我错过了什么?

最佳答案

我最终使用了

Trigger Type: Click All Elements
Trigger Fires: Some Clicks
Condition: Click Element - matches CSS Selector - [name="BOOK NOW"]

关于javascript - Google 跟踪代码管理器点击类事件不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56720286/

相关文章:

google-tag-manager - 如何在微软清晰度中设置自定义ID(用户ID)?

javascript - 如何在buttonClicked上调用$ionicActionSheet之外的函数?

javascript - 前几次浏览器执行 setTimeout() 的时间不到 4 毫秒

javascript - 使用 JQuery/JS 区分 HTML <p>

html - 我的按钮居中,即使我输入 text-align : left;

javascript - 如何在ajax代码中访问javascript变量值

javascript - 解析 JSON 数据并打印

javascript - getElementById 不适用于 IE 中的 XML

android - Google Tag Manager Android - 不支持 JSONArrays

google-analytics - 未触发 Google 跟踪代码管理器代码 - 在使用 dataLayer 进行虚拟页面查看的情况下