繁体   English   中英

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

What is the correct way to send an event to GA?

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

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

1 将自定义事件发送到Google Analytics(分析)并捕获该数据的正确方法是什么?

我已经尝试了gtag和ga,但是看到自定义事件结果没有成功。 我设法在“实时”下看到一些结果,但这不是我想要的。 在“行为”&gt;“事件”下未显示任何内容。 我读过所有东西都在使用gtag,但是在此之前我读过的所有文章仍然使用ga,所以我真的迷路了。 基本设置是单击按钮时,我要跟踪 ...

3 正在将事件发送到GA无法正常工作

我使用的语言没有要使用的GA库(Brightsign)。 我正在构建自己对GA的调用,并且在事件记录方面遇到了困难。 我的页面浏览量很好。 这是一个例子。 谁能看到问题所在? 为了便于阅读,我没有对其进行转义: 然后,URL编码的请求如下所示: ============ ...

5 将多个(文本)文件发送到REST Service的正确方法是什么

我使用JAX-RS 2.0并问自己,发送多个文本文件的最佳方法是什么。 我的客户端应用程序创建了多个文本文件,这些文件必须在我的REST Service方法中一次运行。 此刻,我为每个文本文件发送一个请求,并等待所有文件发送完毕。 我希望在一个请求中以数组形式发送文件。 有可 ...

8 将图像从 API 发送到 HTML 的正确方法是什么?

我目前的实现如下: 我将图像以二进制数据存储在数据库中。 然后我加载它并将其作为 Http 响应中的 Base64 数据发送。 应用程序接口: 然后在 UI 中加载&lt;img ng-src="data:image/png;base64, {{product.image}}"&gt; 对 ...

2020-03-24 11:02:11 2 50   java/ html
暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM