我们正在使用光滑的旋转木马，并且已启用箭头。当点击箭头时，我们想用以下内容向 GA 发送一个事件。但是，当我们单击箭头元素时，它不会发送。没有错误消息，我拥有的任何扩展程序（例如GA Debugger for Chrome）似乎都没有返回任何结果。这是我们尝试过但没有奏效的方法。在我们的本地测试环境中，我们能够添加 google-analytics.js 文件，但无法在此处加载它。我们已经使用这篇文章通过 GTM 安装了 GA$(document).ready(function () { var carsl = $('.carousel'); carsl.slick(); carsl.on('click', '.slick-arrow', function() { // Create GA event; // this does not work. ga('send', { hitType: 'event', eventCategory: 'Slick', eventAction: 'arrow', eventLabel: 'clicked' }); }); });<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><script src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script><link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/><script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script><div class="carousel"> <div class="carousel__item">item 1</div> <div class="carousel__item">item 2</div> <div class="carousel__item">item 3</div> <div class="carousel__item">item 4</div></div>这也是在 <head><script type="text/javascript" async="" src="https://www.google-analytics.com/analytics.js"></script>
1 回答
富国沪深
TA贡献1790条经验 获得超9个赞
这里的问题是您没有使用正确的方法将事件发送到 GA。
您已经通过 GTM 实现了 GA，但是单击箭头时您正在使用的函数是针对您通过 analytics.js 实现的 GA。
有很多方法可以使用 GTM 跟踪事件，但是由于您已经在页面上使用了 javascript，因此最简单的方法是根据您目前拥有的内容来解决它。
该解决方案将利用gtm 中的数据层事件。
将代码的 GA 部分更改为如下所示：
$(document).ready(function () {
var carsl = $('.carousel');
carsl.slick();
carsl.on('click', '.slick-arrow', function() {
// push event to datalayer, the event name is whatever you like
// this does should work
dataLayer.push({'event': 'mySlickArrowEvent'});
});
});
GTM 设置：
在 GTM 中，设置触发器。进入 GTM，转到“触发器”屏幕，添加一个“自定义事件”类型的新触发器，然后在“事件名称”字段中，从上方输入该名称“mySlickArrowEvent”。像这样：
现在转到“标签”屏幕并添加一个新的 Google Analytics 标签。这次选择“事件”类型，填写您希望它出现在 GA 中的所有事件类别、操作和标签，并将我们刚刚创建的触发器附加到这个新标签。像这样：
现在，要么使用调试模式预览所有内容，要么只发布容器，事件应该在 GA 中注册。
添加回答
举报
0/150
提交
取消