猿问

向 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>


侃侃无极
浏览 233回答 1
1回答

富国沪深

这里的问题是您没有使用正确的方法将事件发送到 GA。您已经通过 GTM 实现了 GA，但是单击箭头时您正在使用的函数是针对您通过 analytics.js 实现的 GA。有很多方法可以使用 GTM 跟踪事件，但是由于您已经在页面上使用了 javascript，因此最简单的方法是根据您目前拥有的内容来解决它。该解决方案将利用gtm 中的数据层事件。将代码的 GA 部分更改为如下所示：$(document).ready(function () {&nbsp; var carsl = $('.carousel');&nbsp; carsl.slick();&nbsp; carsl.on('click', '.slick-arrow', function() {&nbsp; &nbsp; // push event to datalayer, the event name is whatever you like&nbsp; &nbsp; // this does should work&nbsp; &nbsp; &nbsp;dataLayer.push({'event': 'mySlickArrowEvent'});&nbsp; });});GTM 设置：在 GTM 中，设置触发器。进入 GTM，转到“触发器”屏幕，添加一个“自定义事件”类型的新触发器，然后在“事件名称”字段中，从上方输入该名称“mySlickArrowEvent”。像这样：现在转到“标签”屏幕并添加一个新的 Google Analytics 标签。这次选择“事件”类型，填写您希望它出现在 GA 中的所有事件类别、操作和标签，并将我们刚刚创建的触发器附加到这个新标签。像这样：现在，要么使用调试模式预览所有内容，要么只发布容器，事件应该在 GA 中注册。
0
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答