向 GA 发送事件的正确方法是什么？
我们正在使用光滑的旋转木马，并且已启用箭头。当点击箭头时，我们想用以下内容向 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回答
-
富国沪深
这里的问题是您没有使用正确的方法将事件发送到 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 中注册。
随时随地看视频慕课网APP
相关分类
JavaScript