光滑的滑块箭头点击跟踪

Question

我在这里绞尽脑汁。滑块工作，这不是问题。我被要求为箭头添加事件跟踪。所以不要在幻灯片上更改，因为 KPI 是哪个箭头。用户点击左键还是右键也是如此。

这不起作用：

    $('.slick-arrow').on('click', function () {
      var $this = $(this),
        $ariaLabel = $this.attr('aria-label');


      console.log('button');
    });

箭头是默认的，尽管我更改了 css。还有其他方法可以跟踪箭头点击吗？

Answer 1

我认为这将有助于您跟踪按钮。

在 GTM 中，创建一个 "auto-event variable" 类型的 user-defined 变量，值将是 "aria-label" 属性，如下所示：

然后为箭头点击创建触发器，您已经有了使用 CSS 类定位元素的正确想法，但这可以在 GTM 中完成，如下所示：请注意，如果您没有看到 "Click XXXX" 变量，您可以在变量屏幕的 "built-in variables" 部分下启用它们。

接下来创建事件标签，您将转到标签页面并创建类型为 Google Analytics 的新标签，然后选择 "event" 作为跟踪类型并填写类别、操作并根据需要标记。请注意，这里我使用我们在第一步中创建的变量作为标签，但您可以将它放在任何地方以识别它是哪种箭头。确保也选择我们之前创建的触发器作为此标记的触发器。

全部完成后，将容器置于调试模式，您应该会看到标记触发并在 GA 中注册一个事件。

光滑的滑块箭头点击跟踪

slick slider arrow click tracking

google-analytics

slick.js