Google Analytics (GTAG) and javaScript problems

Question

我已经完成了从analytic.js到

gtag.js例如，这段代码适用于我网站上的所有元素：<a id="js-logo" class="nav__logo" tabindex="0" aria-labelledby="aria-logo" onclick="gtag('event', 'click', {'event_category' : 'Navegación', 'event_label' : 'n.logo'});">

但是这个元素(只有这个(不起作用：<button id="js-abrir-menu" class="nav__abrir" tabindex="-1" aria-hidden="true" onclick="gtag('event', 'click', {'event_category' : 'Navegación', 'event_label' : 'n.abrir.menu'});">

我注意到，通过删除与按钮绑定的Javascript(显示覆盖菜单(，它可以很好地运行(所以gtag代码很好(。Javascript代码是：

document.querySelector("#js-abrir-menu").onclick = function() {
document.querySelector(".menu").style.height = "100%";
}

我将相同的javascript结构与另一个按钮(关闭菜单按钮(一起使用，它们也被跟踪。我还通过在gtag的末尾添加"return false"进行了测试，并使用了getElementById而不是querySelector。这没什么区别。

我对analytics.js.没有任何问题

Answer 1

如果你把所有东西都集中在一个地方怎么办？

document.querySelector("#js-abrir-menu").onclick = function() {
document.querySelector(".menu").style.height = "100%";
gtag('event', 'click', {'event_category' : 'Navegación', 'event_label' : 'n.abrir.menu'});
}

Answer 2

感谢您的回答。它起了作用，但无法跟踪覆盖菜单中的元素。结构如下：

<ul class="menu__contenido">
<li><a href="#seccion-inicio" onclick="gtag('event', 'click', {'event_category' : 'Navegación', 'event_label' : 'n.inicio'});">Inicio</a></li>
<li><a href="#seccion-muestra" onclick="gtag('event', 'click', {'event_category' : 'Navegación', 'event_label' : 'n.muestras'});">Muestras Web</a></li>
...
</ul>

然而，从我所读到的寻找解决方案的内容来看，我似乎可以通过使用谷歌标签管理器来修复它。它有一个"元素可见性"的"触发器类型"，当元素显示在浏览器的视口中时会触发。我想这就是我需要的，因为我的菜单就像一个全屏弹出或模式对话框。

不管怎样，我想我不会去争取的。有了Analytics.js，一切都变得更容易了，这就是我想要的。