向 GA 发送事件的正确方法是什么？

Question

我们正在使用光滑的轮播，并且箭头已启用。 单击箭头时，我们希望使用以下内容向 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>

Answer 1

这里的问题是您没有使用正确的方法将事件发送到 GA。

您已经通过 GTM 实现了 GA，但是您在单击箭头时使用的 function 是用于如果您通过 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 中，设置触发器。 Go 到 GTM，go 到“触发器”屏幕，添加“自定义事件”类型的新触发器，并在“事件名称”字段中，从上方输入该名称“mySlickArrowEvent”。 像这样：

现在 go 到“标签”屏幕并添加一个新的 Google Analytics 标签。 这次选择“事件”类型，填写所有事件类别、动作和 label，因为您希望它出现在 GA 中，并将我们刚刚创建的触发器附加到这个新标签。 像这样：

现在，要么使用调试模式预览所有内容，要么只发布容器，事件应该在 GA 中注册。

向 GA 发送事件的正确方法是什么？

问题描述

1 个解决方案

解决方案1
1 已采纳 2019-09-19 04:36:33

向 GA 发送事件的正确方法是什么？

问题描述

1 个解决方案

解决方案1 1 已采纳 2019-09-19 04:36:33

解决方案1
1 已采纳 2019-09-19 04:36:33