Vue.js中按钮中的GA事件跟踪
是指在Vue.js框架中，通过Google Analytics（GA）来跟踪按钮的点击事件。GA是一种网站分析工具，用于收集和分析网站访问数据，以帮助网站管理员了解用户行为和优化网站性能。
在Vue.js中实现按钮中的GA事件跟踪，可以通过以下步骤：
- 引入Google Analytics代码：在Vue.js项目的index.html文件中，通过添加Google Analytics的跟踪代码，将其引入到项目中。
- 创建按钮组件：在Vue.js项目中，创建一个按钮组件，并在模板中添加按钮元素。
- 绑定点击事件：在按钮组件中，使用Vue.js的事件绑定机制，将按钮的点击事件与一个自定义的方法进行绑定。
- 在自定义方法中触发GA事件：在自定义的方法中，通过调用Google Analytics提供的API，触发GA事件。可以使用
ga('send', 'event', 'category', 'action', 'label')的方式发送事件，其中category表示事件的类别，action表示事件的动作，label表示事件的标签。 - 配置GA事件跟踪：在Google Analytics的后台管理界面中，配置相应的事件跟踪，以便在报告中查看和分析按钮点击事件的数据。
通过GA事件跟踪，可以了解用户对按钮的点击行为，从而进行数据分析和优化网站的设计和功能。在腾讯云中，可以使用腾讯云的数据分析产品和服务，如腾讯云分析（https://cloud.tencent.com/product/cla）来进一步分析和可视化GA事件跟踪的数据，以及其他与数据分析相关的功能。
相关·内容
我想在分析中自定义跟踪。我有一个自定义的JavaScript站点。
当你点击按钮时，我会触发这段代码：
_gaq.push(['_trackEvent',1, 'Stappen', 'Eerste stap - Type woning']);
但当我根据事件进行分析时，它没有显示出来。它不会在分析中显示出来。我做错了什么，我错过了什么吗？
header中的代码：
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-34399608-3']);
_ga
浏览 0提问于2014-05-23得票数 0
我正在尝试使用google分析事件，但到目前为止还没有成功。
我正在做的是使用jQuery加载函数加载5个页面，我想跟踪每个加载的“下一步按钮”。但看起来我做错了什么..。
这是下一个按钮事件代码：
$('.NextButton').click(function () {
_gaq.push(['_trackEvent', 'fz_main_page', 'clicked']);
installation.load_page({ inner_p
浏览 0提问于2012-05-01得票数 3
回答已采纳
1回答
我的模块安装了Drupal 7，在页面上，我如何跟踪按下id "myButton“的按钮。这里有一个很好的例子：
https://developers.google.com/analytics/devguides/collection/analyticsjs/events
但是我想学习如何利用Drupal 7中的GA模块来完成这个任务。
浏览 0提问于2015-05-04得票数 2
2回答
我把从google收到的片段放在我的头上html：
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(wind
浏览 3提问于2014-07-21得票数 1
回答已采纳
1回答
我有一个问题，我想在GA中的事件跟踪数据中添加一个新类别，我添加了脚本ga.js，在我的js中，当我按下按钮时，我会这样做：
GA._trackEvent('Game','Play',value);
我在浏览器的控制台网络中查看，脚本的状态为200 OK，此脚本的属性为：
utmac UA-1xxxx-1
utmcs UTF-8
utmdt Games
utme 5(Game*Play*Golf)
..............
问题是这个类别没有被添加到谷歌分析中。我查看了Audience>Cutom>Custom变量。你能帮帮我吗
浏览 2提问于2015-07-07得票数 0
在<head>顶部包含Google Analytics ( GA )跟踪代码(包括元元素和其他JavaScript文件)之前(而不是在关闭</head>标签之前)，是否可以确保所有退回的用户都将在GA中报告？
换句话说，如果GA跟踪代码包含在HTML文档头的底部，如果浏览器在关闭浏览器/选项卡或单击后退按钮之前没有设法加载头中的所有内容，是否可以不跟踪某些用户(如退回)？
浏览 5提问于2014-12-10得票数 0
至于我的googled数据，我已经知道如何将GTM与xamarin应用程序集成起来。基于url 。
标记管理器能够将事件推送到GTM。
所以问题是，如何在Google中获取与GTM相关的应用程序数据。
我得到了一些链接和视频，同时冲浪，所有的解释是关于GA的Web应用程序。对于Xamarin Android应用程序，我的看法是一样的。
编辑：
更重要的是，GTM是否会在不按下数据的情况下捕获所有的按钮点击？
像“提交按钮点击”这样的数据会通过GTM传输到GA吗？
谢谢
浏览 0提问于2015-10-07得票数 1
1回答
我有一个通讯形式在我的网站，是得到跟踪的每一个点击提交按钮。但现在我认识到，如果我只点击提交按钮，而不填写任何电子邮件，它也可以通过GA代码进行跟踪。我希望我的通讯表格应该只跟踪在成功提交，而不是在任何空白提交。
浏览 1提问于2015-10-28得票数 0
回答已采纳
2回答
我有一个页面上的Href按钮，让人们在亚马逊上购买。我已经在GA中设置了活动。我尝试了2种不同的语法，让事件显示两者都不起作用。
以下是我正在使用的内容：
[button href="https://.../"
onClick="ga(‘send’,
‘event’, {
eventCategory: ‘Amazon Click’,
eventAction: ‘Click’,
eventLabel:‘Buy On Amazon’
});
浏览 4提问于2017-04-23得票数 0
检查_utm.gif时，我确定未传递可扩展参数utme。当我用Firebug检查它时，我根本看不到它。我正在尝试用Google Analytics跟踪一个事件--一个简单的按钮点击。
<head>中的谷歌代码。
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-XXXXXXXX-1']); //in reality, this ID is set correctly
_gaq.push([
浏览 4提问于2012-03-30得票数 0
回答已采纳
我的网站上有一堆mp3s和一个音频播放器。在GA3 (UA)中，每当我按下特定轨道上的播放按钮时，我都会发生一个事件。事件名为jPlayer，所讨论的轨道是变量'mediaName'，它是当我单击play时派生的mp3文件的名称。在我的代码中，mediaName是一个发送给GA的字符串。也就是说，mediaName可能是“mycoltrack.mp3”或“anothergoodtrack.mp3”
ga ('send', 'event', 'jPlayer', mediaName);
在阅读了GA4文档之后，我猜到我需要创建一
浏览 2提问于2022-03-29得票数 1
我正在尝试插入GA跟踪码在一个表单中的联系人表7，但它不工作的“附加设置”
on_submit: "ga('send', 'event', 'Contact', 'Send');"
^不在“附加设置”上工作
我为表单的send按钮创建了一个ID，以便通过Js/jQuery插入跟踪代码，但我不知道插入它的js代码。
有没有人可以帮我解决这个问题或者其他的解决方案？非常感谢。
浏览 0提问于2016-08-24得票数 0
我已经通过GTM自定义HTML标签部署了一个客户服务JS代码(Tidio) <script>http://code.tidio.io/ab/abcd.js</script>。
我希望将信息传递给GA并跟踪聊天自定义代码上的事件点击，即当一个人点击聊天按钮时，将其与GA中的销售数量相关联。
我在苦苦思索如何设置触发器来触发发送到GA的事件。
由于JS代码加载了自定义HTML，有没有办法让它跟踪脚本被点击的时间，这样我就知道它已经被使用了，并将此信息发送给GA？
有什么想法吗？
我基本上想知道：“客服是否帮助用户进行了购买”。
谢谢!
Nitesh
浏览 2提问于2018-04-10得票数 0
在GA中使用虚拟页面创建漏斗时遇到问题。有三个事件的着陆。-按钮“注册”-点击后-你下到下一个按钮-按钮“参与”-点击-表单打开，在那里你应该填写你的姓名，电话等-按钮“提交”-点击后-表单提交，就是这样。
我在所有这些步骤上创建了事件，它在GA中运行良好。但我也需要一个漏斗。没有重定向，所以我尝试使用虚拟页面来跟踪这个点击。但在所有设置之后，什么都不会发生。漏斗不起作用，它不会跟踪对虚拟页面的任何“访问”。我读了很多手册，到处看起来都很简单，效果也很好。但我的情况并非如此。
浏览 15提问于2019-08-20得票数 0
我正在生成Google analytic中的事件跟踪。但我在行为链接-> Events ->概述中看不到事件是用来生成的。
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_
浏览 0提问于2014-02-05得票数 1
1回答
我正在为一个铬扩展开发一个登陆页面。所以我想设定一些目标来跟踪点击到安装按钮，安装事件等。
根据文档，我创建了几个事件
// Click to the top install btn
gtag('event', 'install', {
'event_label': 'click_top'
});
// Successful instalation
gtag('event', 'install', {
'event_label': 'install_succ
浏览 0提问于2017-11-10得票数 0
回答已采纳
1回答
我有一个问题，在使用谷歌目标为我的事件跟踪。我已经添加了谷歌，甚至跟踪代码到我的网页。但是，我不能在我的Google目标中检查任何转换，但是事件结果可以在Google ->Behavision-> Events概述中显示。
我的密码在下面
` <script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.cre
浏览 2提问于2017-02-03得票数 0
回答已采纳
Situation
在我们的站点上，我们为ajax过滤器和页面滚动实现了虚拟页面查看。
当用户在我们的网站上打开出租页面时：
真实网址："/rent“
发送给GA：
ga(“发送”、“页面查看”，{page："/rent/"})
当用户滚动到第二页时：
我们通过js："/rent/?page=2“更改真正的url。
发送到GA (我们只关心主页)：
ga(“发送”、“页面查看”，{page："/rent/"})
或者当用户向下钻的时候：
我们通过js更改真正的url："/rent/appartment/
浏览 6提问于2014-11-14得票数 0
1回答
我已经阅读了关于这个主题的所有主题，我的代码仍然没有跟踪G分析中的任何事件。请帮帮忙！下面是代码：
分析代码：
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNo
浏览 7提问于2015-03-18得票数 0
回答已采纳
我使用的是Google analytics.js (而不是“旧的”ga.js)，在一些链接中，例如：
<a href="www.example.com" onclick="ga('send', 'event', 'outbound link', 'position: header');">Link</a>
onclick代码是由php动态生成的，具体取决于您的页面。现在我还不能测试它，因为我的帐户还没有转换成新的analytics.js，但是我想知道我应该在页面的<he
浏览 2提问于2013-11-28得票数 1
回答已采纳
我正在做一个我没有建立的网站，这个网站上已经有Google，但没有标准的analytics.js功能。我指的是：
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
浏览 0提问于2020-02-10得票数 0
2回答
我已经构建了一个包含静态HTML页面的ios应用程序。我正在使用uiwebview为我的HTML页面创建容器。
现在我想在我的页面上使用谷歌分析。我已经下载了它的SDK，它正在工作。现在我想跟踪HTML页面上的一些按钮上的事件。如果使用以下代码
var _gaq = _gaq || [];
_gaq.push(['_setAccount', '<Acc no>']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javasc
浏览 0提问于2012-09-06得票数 6
我正在运行嵌入在我的站点中的Google图表，我需要能够通过选择事件跟踪用户与图表的交互，如这里所记录的：。
在analytics.js文档之后，我在图表Javascript代码的头上添加了以下代码：
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'click');
</s
浏览 0提问于2016-04-07得票数 0
回答已采纳
我有一个页面/see_more_details
如果用户已签名并登录，则可以查看详细信息数据，
否则，我将显示一个弹出窗口，并显示登录提示
如果他们点击/users/auth/facebook/按钮并记录，这意味着我到达了我的目标。
如果离开，就意味着我失去了一个客户。
如何使用Rails和Google GA跟踪行为
目前，我只显示每个页面的GA跟踪代码。
- if Rails.env == "production"
:javascript
var _gaq = _gaq || [];
_gaq.push(['_setAccount', &#
浏览 2提问于2015-09-24得票数 0
如果我有一个javascript表单，可以打开或关闭许多按钮，如果我想捕捉被按下的按钮，我可以在google analytics中这样做吗?或者它是我需要存储在我自己的数据库中的东西吗？如果在GA中可以，有人能给我指出正确的方向吗？关于J的kind
浏览 0提问于2012-07-03得票数 0
回答已采纳
我是GA的新手。
最近，我从我的一个客户那里得到了一个奇怪的要求，他想让我把条形数据(表格行)发送给GA，在GA中他可以对特定的属性执行group by。
我已经设法跟踪屏幕视图，崩溃，应用程序的总体使用情况。但是不知道如何将表行推送到GA？我还尝试了自定义维度和自定义指标，但结果并不是我想要的。
我是不是想错了方向，还是有什么API可以做到这一点？
任何指针都是值得注意的。
浏览 3提问于2015-02-23得票数 0
2回答
我试图跟踪一个AJAX表单提交在谷歌分析。我尝试使用下面的代码在GA中创建一个页面视图来跟踪目标，但是页面视图没有跟踪。
<script type="text/JavaScript">
$("#template-contactform").validate({
submitHandler: function(form) {
$('.form-process').fadeIn();
$(form).ajaxSubmit({
target: '#contact-fo
浏览 8提问于2016-06-14得票数 0
回答已采纳
我已经为出站点击跟踪实现了正确的通用GA，但我也使用下面的javascript实现了当有人点击离线链接时会触发的那种“减速带”弹出消息。(银行客户端-需要减速带)
这会以任何方式“破坏”GA出站点击跟踪吗？(单击的人会看到弹出一个模态框，其中包含免责声明和“继续”或“拒绝”按钮选项。)
$(document).ready(function() {
$('.external').click(function() {
var link = $(this).attr('href');
$('<div>By accessing this link
浏览 0提问于2016-11-23得票数 0
在我的例子中，我有一个SPA。在第一个页面创建了1个ga追踪器，在第二个页面我想创建另外3个ga追踪器，但create方法不起作用： ga('create', 'UA-XXXXX-Y', 'auto'); 请帮帮我。也许有一个选项可以销毁所有跟踪器并创建新的追踪器？
浏览 20提问于2021-01-14得票数 1
2回答
我被要求让跟踪游客的选择在一个10步的产品模型生成器，以找出哪些选择是最受欢迎的。
我们真正需要的是能够同时比较不同选择的受欢迎程度。此外，如果能够只跟踪任何一个独特的游客的最新选择，那将是非常整洁的。
我认为这是可以实现的GA，至少在一定程度上。如果是的话，我从哪里开始呢？
我还不太熟悉GA，所以请原谅我问的是GA的基本知识。作为一个非英语国家的人和一个GA新手，我无法想出足够具体的搜索条件来达到这个目的。
浏览 0提问于2013-03-04得票数 1
4回答
我试图在中创建一个目标，跟踪在我们的系统中创建的帐户类型。不幸的是，URL不能确定帐户创建的类型，我仅有的元素是一个按钮和一个收音机选项。
我需要跟踪何时选择单选按钮(并保持选中)时，提交按钮单击。
这里有人能帮忙吗？这超出了我在GA方面的专长。*我正在使用经典分析
<input type="radio" id="program1" name="accountProgram" value="VT" onclick="showProgramInformation(this.value);" data-parsl
浏览 0提问于2015-10-09得票数 4
我最近在Google Analytics注册了，也是新手。
我想要跟踪按钮点击和用户开始时间和结束时间使用谷歌分析。
我还收到了Google analytics的以下javascript：
<script type="text/javascript">
(
function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
(i[r].q = i[r].q ||
浏览 3提问于2013-05-17得票数 0
我尝试了许多不同的gtag和ga代码组合，但在Google Analytics上似乎无法得到积极的转换。
此代码在表单提交上运行，第一行中的Google广告转换在该平台中注册了一个正转换。谷歌分析是什么没有显示出目标。
我使用的不是Google标签管理器，而是包含以下全局标签。
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config&
浏览 32提问于2019-10-31得票数 0
回答已采纳
我已经在我的html页面上添加了标准的最新代码片段，以使google analytics正常工作：
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-15080849-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script');
浏览 0提问于2010-03-19得票数 2
这可以接受吗？在标题中调用页面视图，然后在页面下发送一个事件？
//head
ga('create', 'UA-XXXXX-Y');
ga('require', 'ec');
ga('send', 'pageview');
//inside product details/body
ga('ec:addProduct', {
'id': 'P12345',
'name': 'Android Warhol T-Shi
浏览 1提问于2014-07-27得票数 1
回答已采纳
2回答
我正在使用通用分析跟踪代码，并希望开始跟踪其中一个按钮的点击事件。我通过ga('send'...)添加了单击事件上的jQuery。我是否需要对实际的跟踪片段做任何更改？
浏览 0提问于2015-08-21得票数 0
回答已采纳
我最终不得不在我的网站上使用Google Tag Manager，所以Google Analytics现在是其中的一部分。所有的设置都是正确的，工作正常。然而，我曾经能够非常容易地在我的网站上跟踪自定义事件，with the ga() function ga('send', 'event', 'Videos', 'play', 'Fall Campaign'); 但是，现在不再定义ga()；我在控制台ReferenceError: ga is not defined中得到一个错误。然后我tried the gta
浏览 40提问于2019-04-14得票数 11
回答已采纳
在我的网站上，谷歌分析在大多数事情上都很正常。但是，我已经在两个不同的元素上实现了事件跟踪，在测试之后，GA没有显示事件发生。这是我的追踪代码：
<script async src='//www.google-analytics.com/analytics.js'></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-xxxxxxxx-1&#
浏览 5提问于2014-12-23得票数 0
回答已采纳
我想使用经典GA跟踪表单提交。如果我使用基于事件的跟踪，如何在跟踪提交按钮之前检查所有表单域是否都已验证？如何使用经典遗传算法添加这些类型的逻辑？
浏览 5提问于2015-12-03得票数 0
我正在尝试与谷歌分析触发器onclick设置事件。我关注了文档，并在网上看到了很多例子。我有一种感觉，Cloudflare正在以某种方式阻止事件记录，因为它们会向每个按钮添加代码。
我的按钮在本地的方式
<a onclick="ga('send', 'event', 'go-link', 'hero-section', 'theTitle');" rel="nofollow noopener" target="_blank" href="/go?id
浏览 0提问于2020-12-26得票数 0
2回答
我希望能够硬编码一些GA事件，如下面。我正在使用GTM，我知道这是不可能的。有什么办法可以解决这个问题吗？
ga('send', 'event', 'Mobile', 'Original', 'App');
浏览 2提问于2015-03-31得票数 0
我继承了一个有两个GA密码的网站。
这些都是这样的设置
// first code
ga('create', 'UA-XXXXXXXX-1', 'auto');
ga('send', 'pageview');
//second code
ga('create', 'UA-XXXXXXXX-1', {'name':'second'});
ga('second.send', 'pageview');
我不知道为什么它们是
浏览 0提问于2017-03-05得票数 2
回答已采纳
1回答
所以我们班的人向我提了一个问题，说他们是逐字逐句地做老师要做的事，但他们想要的结果却没有发生。只是一些简单的代码..。但是她所做的课程是老的，所以我不确定老师使用的代码是过时的还是错误的。
基本上，当用户点击按钮时，事件应该是按下的，但没有。我不知道该说什么，他们也没有得到他们想要的答案。onsubmit="_gaq.push()“仍然是正确的方法吗？
<body>
<h2>Get our Newsletter!</h2>
<form method="post" action="newsletter.php"&
浏览 4提问于2016-03-11得票数 0
回答已采纳
嗨，正在使用谷歌分析ga.js跟踪一个按钮点击事件。它很好用。不过，我想跟踪按钮点击事件为个别用户在我的网站。卡蒂克- 5，理查德-7等)正在使用wordpress。如何做到这一点？
浏览 4提问于2014-07-25得票数 1
回答已采纳
2回答
我正在设置一个Javascript计时器，以便仅使用以下事件跟踪代码来获取一个页面的现场时间：
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com
浏览 0提问于2012-11-08得票数 0
回答已采纳
嗨，我想知道(GA)是如何知道人们是否在我的服务器上登陆某个文件的。我有我的GA跟踪javascript代码在我们的基础网址，example.com。我想知道GA如何知道是否有人访问了我服务器上的文件，例如：
example.com/files/some.pdf
默认的GA配置，你复制到你的index.html上的javascript代码，会注册人们正在查看这个PDF吗？
浏览 0提问于2015-01-16得票数 2
1回答
单击事件跟踪设置
、、、、
我正在尝试使用Google Analytics计算网页上某些元素的点击量，这是我的新手。我昨天设置了它，下面是我拥有的代码：
放在结束</head>标记之前(根据指令)，我有如下代码：
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-33903909-1']);
_gaq.push(['_trackPageview']);
浏览 0提问于2012-08-07得票数 0
回答已采纳
通过在链接中使用以下JS来跟踪单击：
onclick="_gaq.push(['_trackEvent', 'External Link', 'Buy Link', 'Wind Jacket 5917'])"
然而，我不会在谷歌分析情报事件中发现这一点。这是看到这些点击的正确地方吗？
我能够看到点击通过第三方附属仪表板，但我没有看到任何点击在GA。
我的GA脚本在标题中，如下所示：
<script>
(function(i,s,o,g,r,a,m){i['Google
浏览 6提问于2015-04-13得票数 0
回答已采纳
1回答
我的事件跟踪不能在我的Google分析上工作。下面是它给我的代码，让我插入到网页中，下面是它告诉我放的代码片段。我想从网站上跟踪一个'mailto‘链接的点击量，我相信这是最好的方法？
谁能告诉我哪里出了问题？
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTag
浏览 1提问于2013-05-24得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
