我有一个WordPress的网站与GTM跟踪,我使用WordPress的插件注入脚本。event & config在google tag manager的预览模式下工作并触发。
我的问题,我使用的是elementor,而不是专业版,我有一个按钮,有HTML:
<div data-id="e2d2099" data-element_type="widget" class="elementor-element elementor-element-edit-mode elementor-element-e2d2099 elementor-element--toggle-edit-tools elementor-widget elementor-widget-button elementor-align-left btn-animation-full-to-border btn-attention-scale-x ui-resizable elementor-element-editable" data-model-cid="c45" id="" data-widget_type="button.default" draggable="true">
<div class="elementor-element-overlay">
<ul class="elementor-editor-element-settings elementor-editor-widget-settings">
<li class="elementor-editor-element-setting elementor-editor-element-edit" title="Modifier Bouton">
<i class="eicon-edit" aria-hidden="true"></i>
<span class="elementor-screen-only">Modifier Bouton</span>
</li>
</ul>
</div>
<div class="elementor-widget-container">
<div class="elementor-button-wrapper">
<a href="#nos-offres" class="elementor-button-link elementor-button elementor-size-xs" role="button" id="ga-works-with-us">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-text">Travailler avec nous</span>
</span>
</a>
</div>
</div>
<div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div>
</div>
在elementor的ID按钮里面我添加了ga-works-with-us
,你可以在应答器上看到它。但是,id永远不会匹配我的触发器,在调试视图(GTM)上,我可以看到类是"elementor-button-text"
,如果我点击某个地方,我想有"elementor-element elementor-element-4787000 e-con-boxed e-con"
。
那么,我能做什么正确地有我的事件设置和触发每次点击这个按钮?
我是JS开发人员,所以我可以添加一些代码,但我更喜欢避免它,并以正确的方式进行。
1条答案
按热度按时间bn31dyow1#
感谢this guy,我找到了在父节点上触发所有子节点的方法
您需要进入GTM中的触发器部分,选择触发器类型 “Click - All element”,在chosse “Some Clicks” 下面,在您需要首先选择(或添加)的以下三个输入中:
1.单击元素
1.#parentId,#parentId *(在我的例子中是
#ga-works-with-us, #ga-works-with-us *
)完成!这样你需要在父元素上添加ID,在父元素或所有子元素上的所有事件都将被触发:)