google-analytics - GTM : Cannot track click on menu elements

Question

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

我已经设置了一个标签，它将捕获我页面上的所有点击事件。它与“单击 - 所有元素”的触发器设置一起使用。

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

编辑 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:

Element ID:它应该限制只为包含菜单的 div 注册的点击。



我在 Debug模式下收到此错误:



在触发器上尝试 2:

点击 ID。



点击ID错误:



#

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

欢迎任何提示。谢谢!

Answer 1

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

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



感谢 Simo，我也了解了使用“匹配 CSS 选择器”选项的好处。

所以我的配置就这样结束了:



使用:

单击所有元素。

此触发器在“某些点击”时触发。

“点击元素”->“匹配 CSS 选择器”->“#navbar-ex-collapse ul li a, #navbar-ex-collapse ul li p”

正如我所拥有的 li和 a html 元素，我需要使用 2 个 CSS 选择器，用逗号分隔。