WordPress的谷歌标签管理器的问题上的父元素

olhwl3o2  于 2023-06-05  发布在  WordPress
关注(0)|答案(1)|浏览(366)

我有一个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开发人员,所以我可以添加一些代码,但我更喜欢避免它,并以正确的方式进行。

bn31dyow

bn31dyow1#

感谢this guy,我找到了在父节点上触发所有子节点的方法
您需要进入GTM中的触发器部分,选择触发器类型 “Click - All element”,在chosse “Some Clicks” 下面,在您需要首先选择(或添加)的以下三个输入中:
1.单击元素

  1. CSS选择器
    1.#parentId,#parentId *(在我的例子中是#ga-works-with-us, #ga-works-with-us *
    完成!这样你需要在父元素上添加ID,在父元素或所有子元素上的所有事件都将被触发:)

相关问题