当前位置: 首页 > 知识库问答 >
问题:

基于click元素在googletagmanager中触发触发器

哈翔
2023-03-14

我已经在我的网站上设置了GTM,我有一个在以下条件下触发的触发器

触发器的GTM条件

当我测试标签时,它不会启动。我检查了元素的值为

'HTMLButtonElement: html.js > body.post-template-default.single.single-p
ost.postid-9022.single-format-standard.logged-in.admin-bar.et-tb-has-tem
plate.et-tb-has-header.et-tb-has-body.et-tb-has-footer.divi-upload-icons
.et_bloom.et_monarch.et_button_no_icon.et_pb_button_helper_class.et_cove
r_background.et_pb_gutter.windows.et_pb_gutters3.et_pb_pagebuilder_layou
t.et_smooth_scroll.et_divi_theme.et-db.customize-support.chrome > div#pa
ge-container > div.et-boc#et-boc > div#et-main-area > div#main-content >
 div.et-l.et-l--body > div.et_builder_inner_content.et_pb_gutters3 > div
.et_pb_section.et_pb_section_4_tb_body.lp_blogs_comments_form.et_section
_regular > div.et_pb_row.et_pb_row_6_tb_body > div.et_pb_column.et_pb_co
lumn_4_4.et_pb_column_7_tb_body.et_pb_css_mix_blend_mode_passthrough.et-
last-child > div.et_pb_module.et_pb_comments_0_tb_body.et_hover_enabled.
et_pb_comments_module.et_pb_bg_layout_light.et_pb_no_reply_button > sect
ion#comment-wrap > div.comment-respond#respond > form.comment-form#comme
ntform > p.form-submit > button.submit.et_pb_button#et_pb_submit'

那么,当我使用regex或contains操作符时,为什么GTM不起作用呢。还有其他人面临过这个问题吗?

此页上几乎没有触发器(https://luminaryproperties.co.uk/venturing-into-your-first-off-plan/?gtm_debug=x)他们都有类似的问题。

GTM预览模式错误

共有2个答案

呼延博易
2023-03-14

我想GTM让我们对点击元素产生了误解。似乎它不能使用“contain”操作符。

在我做了一些测试并将其更改为“匹配CSS选择器”后,它工作了。

该值为“div.lp\u blogs\u导航,div.lp\u blogs\u导航*”。它包含div.lp_blogs_导航元素及其所有子元素。

楚俊逸
2023-03-14

无论如何,我都不是正则专家。但是您的屏幕截图显示了*lp_blog_comments_form*的RegEx,看起来格式不正确。

我在regex101上运行了一个测试。com,它没有返回任何结果。我把它改成,

\blp_blogs_comments\B 

这在输出中找到了超文本标记语言标记。

测试字符串

我会把这个放进我的一个GTM容器里,看看我是否能让扳机开火。

 类似资料:
  • 问题内容: 我正在尝试在应用程序中使用AngularJS,并在某种程度上取得了成功。 我能够获取数据并将其显示给用户。我有一个按钮,我想通过该按钮发布DELETE请求。下面是我的代码。 这是获取信息并将其显示给用户的功能。 数据已获取并正确显示。 但是,单击删除按钮后,不会触发其中的代码。在GoogleChrome浏览器的开发人员工具中,我可以看到为代码生成了有效值,但未触发代码。从我尝试去掉花括

  • 问题内容: 我正在尝试创建一些放置适当的说明性工具提示,用户可以单击这些提示以了解站点界面的工作方式。每个工具提示都有一个“下一个”链接,可通过修改类(因此更改为CSS)来切换上一个和下一个工具提示的可见性。 这是应该执行此操作的一些简化代码: 当我将此代码粘贴到控制台中时(或在页面加载时)立即调用(并正确切换类)。如果我将替换为,则按预期触发。我究竟做错了什么? 问题答案: 当您绑定事件时,您就

  • 问题内容: 我正在尝试从触发元素的click事件。 通常的做法是隐藏被称为丑化的野兽,并通过其他方式触发其点击事件。 问题答案: 如果您的输入和按钮是同级(在您的情况下是OP): 使用指令将按钮的单击绑定到文件输入,如下所示:

  • 使用jQuery-1.9.1。js和jQueryMobile 1.3.1(Chrome 26/Windows 7)我不明白为什么这些“点击”事件绑定到#一个触发,而另一个没有: 超文本标记语言: JavaScript: 当我在JSFiddle中运行它时,两个事件都会在没有包装在“mobile einit”事件中时触发:http://jsfiddle.net/9NRwa/ 我错过了什么?

  • 问题内容: 该主题很好地描述了我的问题,我假设它不会以这种方式起作用,是否有办法使其起作用?(解决方法)? 这是通过AJAX加载的代码: 这是我的点击事件: 问题答案: 做这个。 要么 编辑: 从jQuery 1.7开始,不推荐使用.live()方法。 使用.on()附加事件处理程序。较旧版本的jQuery的用户应使用.delegate()。

  • 问题内容: 我使用的是ng-click,将其应用于SPAN标签时会触发两次。 HTML 控制器 它应该只发射一次。我如何找到这种情况的发生原因以及如何解决? 问题答案: 您提供的代码不会两次触发该事件: http://jsfiddle.net/kNL6E/(单击) 也许您两次包含Angular?如果执行此操作,则会收到两个警报,如下所示: http://jsfiddle.net/kNL6E/1/