光滑的滑块箭头点击跟踪

Question

我在这里w头。滑块有效，这不是问题。我一直被要求将事件跟踪添加到箭头。因此，不要在幻灯片上进行更改，因为KPI是哪个箭头。用户也单击了左还是右。

这不起作用：

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


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

尽管我更改了CSS，但是箭头是默认箭头。还有另一种跟踪箭头点击的方法吗？

Answer 1

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

在GTM中，创建一个用户定义的“自动事件变量”类型的变量，值将是“ aria-label”属性，如下所示：

然后为箭头单击创建触发器，您已经有了使用CSS类定位元素的正确方法，但这可以在GTM中完成，如下所示： 请注意，如果看不到“ Click XXXX”变量，则可以在变量屏幕的“内置变量”部分下启用它们。

接下来创建事件标签，您将转到标签页面并创建Google Analytics（分析）类型的新标签，然后选择“事件”作为轨道类型，并根据需要填写类别，操作和标签。注意，这里我将第一步中创建的变量用作标签，但是您可以将其放置在任何地方以标识它是哪种箭头。确保还选择我们之前创建的触发器作为此标记的触发器。

完成所有操作后，将容器置于调试模式，您应该会看到代码触发并在GA中注册事件。