javascript - 谷歌标签管理器点击类事件不起作用
问题描述
我正在处理一个包含 iFrame 的页面,该页面使用的系统似乎是由外星人编写的。该系统是多年前在dotNet
框架中编写的。
我正在尝试通过标签跟踪单击事件,但我注意到当单击 iFrame 中的元素时,控制台显示 2 个元素被单击并Tag Manager
显示 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&bfpid=c125f99a-093c-402a-8855-436e7d233d74&bfrtid=bf8acbd4-78a1-4391-9972-3366c5405ce3&arr=2019-07-07&nts=5&a=1&c=0');WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$plcBody$BookingFormGrid$ctl04", "", true, "", "", 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"]
推荐阅读
- r - 使用 ggplot 从具有不同因子的不同数据中绘制不同的线
- php - 了解api curl指令
- html - 通过下载在移动设备上查看 PDF
- flutter - 更改 Flutter 的 FlatButton onPressed 的颜色
- android - BottomAppBar 4 图标未正确对齐
- python - 无法在 tkinter 中显示图像
- python - 终止条件为 `left < right` 时的二分查找,步更新为 `left = mid +1, right = mid`
- java - 如何将随机生成的测试数据从一个测试步骤传递到另一个测试步骤
- linux - Centos apache 网络服务器抛出 403 错误
- scala - Scala - 函数映射是模式匹配或交互