GTM：无法跟踪菜单元素的点击

Question

我想捕获我页面菜单上的所有点击事件。

我已经设置了一个标签来捕获我页面上的所有点击事件。它适用于 "Click - All elements".

的触发器设置

当我将触发器设置为专门仅注册对菜单 var 元素的点击时，未检测到任何内容。所以，毫无疑问，我在触发器中做错了什么。

编辑 1：

这是网页：www.chazki.com

菜单代码：

<div class="collapse navbar-collapse" id="navbar-ex-collapse">
            <ul class="nav navbar-nav navbar-right">
              <li class="active">
                <a class="new_service">Solicita un Chazki</a>
              </li>
              <li>
                <a href="/faq">Faq</a>
              </li>
              <li>
               <p  class="new_service new-service" style=" padding: 6px;"><a>Login</a></p>                
              </li>
              <li>
                <a class="btn btn-default btn-lg location_ac"><i class="fa fa-fw fa-spin fa-star"></i>Lima</a>
              </li>
            </ul>
            <form>
            <fieldset class="navbar-form navbar-left">
    <input type="text" name="track-code" id="track-code" class="form-control" placeholder="Código de tracking?">
    <button id="track-find-button" class="btn btn-default" type="button">Buscar</button>
   </fieldset>
            </form>

          </div>

触发器尝试 1：

元素 ID：它应该限制只为包含菜单的 div 注册的点击。

我在调试模式下遇到这个错误：

触发器尝试 2：

点击 ID。

点击 ID 错误：

#

我也可以将 ul 标记用于触发器，因为它是页面上唯一的无序列表。

欢迎任何提示。谢谢！

Answer 1

基本上我需要了解 GTM 中的不同变量。我发现 Simo Ahava web 在这方面很有帮助。

https://www.simoahava.com/analytics/variable-guide-google-tag-manager/

感谢 Simo，我也了解了使用 "Match CSS Selector" 选项的好处。

于是我的配置就这样结束了：

使用：

单击所有元素。
此触发器在 "Some Clicks" 上触发。
"Click Element" -> "Matches CSS Selector" -> "#navbar-ex-collapse ul li a, #navbar-ex-collapse ul li p"

因为我有 li 和 a html 元素，所以我需要使用 2 个 CSS 选择器，用逗号分隔。

GTM：无法跟踪菜单元素的点击

GTM: Cannot track click on menu elements

google-analytics

google-tag-manager