首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

对于Google Analytics事件跟踪,我如何使用onclick事件捕获<a>标签的id

对于Google Analytics事件跟踪,您可以使用onclick事件来捕获<a>标签的id。具体步骤如下:

  1. 在HTML文件中,为需要跟踪的<a>标签添加一个唯一的id属性,例如:
代码语言:txt
复制
<a id="link1" href="https://example.com">Link 1</a>
  1. 在JavaScript代码中,使用onclick事件来捕获<a>标签的点击事件,并将id值发送给Google Analytics。可以通过以下方式实现:
代码语言:txt
复制
document.getElementById("link1").onclick = function() {
  // 获取<a>标签的id值
  var linkId = this.id;

  // 发送事件跟踪到Google Analytics
  ga('send', 'event', 'Link Click', 'click', linkId);
};

在上述代码中,我们使用了document.getElementById("link1")来获取具有id为"link1"的<a>标签,并为其绑定了一个onclick事件处理程序。当用户点击该链接时,事件处理程序将获取该<a>标签的id值,并使用ga('send', 'event', 'Link Click', 'click', linkId)将事件跟踪信息发送给Google Analytics。

需要注意的是,上述代码中的ga()函数是Google Analytics提供的JavaScript函数,用于发送事件跟踪信息。在实际使用中,您需要确保已正确加载Google Analytics的JavaScript代码,并替换代码中的'Link Click''click'linkId参数为您自己的事件类别、动作和标签。

此外,腾讯云也提供了类似的网站分析产品,您可以参考腾讯云的「网站分析」产品(https://cloud.tencent.com/product/ma)来实现类似的功能。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

社会化营销秘密武器:用 Google Analytics 监测社会化分享效果

分别是哪些社交网站来? 这个就是社会化营销面对最大问题,效果如何监测?但是对于社会化分享效果,这里结合 Google Analytics 我们还是可以进行监测。...社会化分享按钮点击统计 我们可以使用 Google Analytics 事件跟踪跟踪社会化分享按钮点击,Google 事件跟踪函数是:_trackEvent(category, action,...那么分享到新浪微博按钮点击事件跟踪函数就是: _trackEvent('SocialShare', 'Share', 'Sina', 1); 如果使用 Google Analytics 最新异步跟踪代码的话...在 Google Analytics 报告 》 内容 》事件跟踪就能详细社会化分享按钮点击统计,下面是爱水煮鱼最近一星期统计: 社会化分享按钮点击统计报表 从上面可以知道新浪微博被使用最多...然后选择事件总计标签左边侧下拉菜单,选择网页就能看到哪个页面被分享最多了: 社会化分享按钮最多点击页面统计报表 社会化分享效果 上面通过 Google Analytics 事件跟踪功能统计了社会化分享按钮点击

42510

5.4、访客行为跟踪

目前采用这种技术方式Google Analytics、Adobe Analytics、Piwik、百度统计……基本上需要在页面部署一段跟踪代码都是采用这种形式,然后向服务器发送数据,有3种向服务器发送数据方式...一般来说,Google Analytics(分析)跟踪代码 (GATC/ga.js) 会在以下情况下提取网页数据: 1.浏览器请求网页包含跟踪代码。...后续跟踪调用直接针对 Google Analytics(分析)进行。 5.向 DOM 加载脚本元素。...(1)MP协议 MP协议全称是Measurement Protocol,是Google Analytics专门用于传输线下数据一种方式,小程序可以通过这种方式去跟踪Google Analytics...选择完第三方工具后,小程序跟踪都是通过事件跟踪去实现。 如果使用Google Analytics,那直接可以通过MP协议实现。

2.8K10

Google代码管理工具101 部分5-表单

在Part1我们介绍了如何替换标准Google Analytics跟踪代码,并在Part2,我们创建了第一个关于跟踪文档(PDF文件,DOCX等)点击标签,Part4内容涵盖社交媒体标签,Part5...使用Google代码管理工具,只要用户提交表单,就能轻松发送一个事件或pv。难是,当提交成功后只是发送了事件,但这将部分不会在这篇文章里包含进来,因为我们希望保持整个系列“无Javascript”。...如果你想深入了解这方面的知识,在这里推荐一个网站 - Simo Ahava博客 如果您已经阅读了本系列之前文章,那我们今天就来直接了解如何创建该类型创建触发器和标签。...追踪代码-事件 对于追踪代码,我们可以创建一个名为Blog Comment 事件,并通过页面路径发送,以便我们知道用户评论是哪篇博客文章。您可以决定要通过事件发送哪些信息。 ?...请注意,要在不影响实时Google Analytics(分析)数据情况下进行测试,您应该从您实时Google Analytics(分析)帐户中过滤自己IP地址,并保留一个单独未过滤GA视图。

2.4K50

访客行为跟踪全解析

ADID,谷歌对标苹果IDFA一个东西,但是需要结合Google其他产品来使用,由于大陆地区使用不了,所以获取不到这个ID,这个ID对大陆地区。...目前采用这种技术方式Google Analytics、Adobe Analytics、Piwik、百度统计……基本上需要在页面部署一段跟踪代码都是采用这种形式,下面以Google Analytics...后续跟踪调用直接针对 Google Analytics(分析)进行。 5.向 DOM 加载脚本元素。...(1)MP协议 MP协议全称是Measurement Protocol,是Google Analytics专门用于传输线下数据一种方式,小程序可以通过这种方式去跟踪Google Analytics...选择完第三方工具后,小程序跟踪都是通过事件跟踪去实现。如果使用Google Analytics,那直接可以通过MP协议实现。

2.7K60

使用 Google Analytics 统计页面加载时间

Google Analytics 事件跟踪 但是上面的这份信息不够清晰,并且含有的数据不够多,比如不能查看所有页面的载入速度,不能查看哪个地区或者 IP 访问速度,其实我们可以使用 Google Analytics...Google Analytics 事件跟踪是对独立于网页浏览事件进行跟踪,用来记录不产生页面浏览用户交互行为。通常网站跟踪模式,是基于页面浏览行为。...解决这个问题方法是使用 Google Analytics 事件追踪和虚拟页面功能,这里由于我们要统计加载时间,所以最好方法还是使用 Google Analytics 事件追踪功能。...使用 Google Analytics 事件跟踪功能统计页面加载时间 使用 Google Analytics 事件追踪功能来统计页面加载时间大概想法是,在页面开始加载( 标签之后)时候增加一个计时器...Analytics 事件跟踪功能统计页面加载时间 ----

1.5K20

Google Analytics教程:直接往页面加ga代码做事件跟踪

不同版本Google Analytics事件跟踪写法是不一样,在做事件跟踪之前,先认清所用Google Analytics是什么版本,不了解可以看 https://www.ichdata.com.../google-analytics-history.html 经典版用法是: _trackEvent(category, action, opt_label, opt_value, opt_noninteraction...: gtag('event', 'login', { 'method': 'Google' }); 其实,这几个版本分别代表就是GA1、GA2、GA3和GA4了。...下面举例如何添加,比如点击某个链接: 经典版代码格式为: _trackEvent(‘book retailer’, ‘click’, ‘Barnes&Noble’, 5, True) 统一版代码格式为...: onClick="ga('send', 'event', 'book retailer', 'click', 'Barnes&Noble', 5, True);" 普通全局版用法是: gtag('

1.1K20

Google Analytics增强版电子商务功能分步指南

我们今天要向大家简单介绍下,如何使用Google Analytics增强版电子商务插件。...如果您仍在使用传统版Google Analytics(分析),则需要更新为通用版(您会看到“管理”标签上“媒体资源”列中“Universal Analytics(分析)升级”链接)。...在您想要跟踪网站每个页面上安装合适ec.js跟踪代码。 完成所有操作后,请在管理>查看>电子商务设置下启用Google Analytics(分析)上增强型电子商务设置。...要求开发人员使用'onClick'事件处理程序来绑定'onProductClick'函数。...衡量添加到购物车商品数据:使用'ec:addProduct'后跟'ec:setAction','add'命令。 请求开发人员使用'onClick'事件处理程序来绑定“addToCart”函数。

4.3K40

秒针分析(新)

/受众 高级事件统计:类似GA4事件跟踪,可以自定义多个事件参数 数据下载:数据报告下载和人群包导出 回调管理:回调功能支持将投放广告后对应产生关键转化用户ID回传给指定媒体。...与Google Analytics对比 鉴于Google Analytics在业内地位,很多类似的公司都会借鉴,秒针分析这个工具有很多借鉴Google Analytics地方,特别是在数据收集上,...事件跟踪代码 这是秒针分析事件跟踪代码: stm_clicki('send', 'event', '事件分类', '事件动作', '事件标签', 1); 这是Google Analytics UA版本事件跟踪代码...4事件跟踪: gtag('event', 'login', { 'user_property1': 'Google', 'user_property2': ' ', 'user_property3...('send', 'pageview', '/path'); 这是Google Analytics虚拟页面跟踪: ga('set', 'page', '/new-page.html'); 参考文件 http

1.4K20

Firebase Analytics揭秘

1、Firebase如何识别用户 Firebase Analytics识别用户是基于应用实例ID,Firebase Analytics 会自动为应用每个实例生成并分配一个应用实例ID。...2、如何传递自定义用户(User-ID) 可以使用FirebaseAnalytics.setUserId方法设置自己用户ID 。...4、Firebase Analytics数据更新频率? 一般是三到四小时更新一次,最长是24小时。 5、Firebase对于事件使用?...Firebase Analytics最多可以使用500个事件,收集事件数量是不限制,默认是可以使用50个事件参数,包含40个数字和10个文本,如果使用APP+Web是可以使用100个事件参数,每个事件最多可以带...5、Firebase 可以同时跟踪安卓和IOS 使用APP+Web是可以同时跟踪安卓和IOS,两者数据汇总到同一个媒体资源,也可以分开看。

7.9K20

高级谷歌分析技巧与窍门

我们今天要向大家分享高级谷歌分析技巧与窍门。 Google Analytics(分析)影响到搜索引擎营销中每个人(除非您使用其他分析工具!),但并不是所有人都对它有足够认知。...要做到这点,您可以: 点击网站标签>高级细分>新建自定义细分>为其命名>添加维度或指标,然后添加“来源”作为维度,将其作为“包含”和“匹配正则表达式”,然后使用正则表达式,在字段中键入以下内容: (...如果要捕获动态元素,可以在其末尾删除美元($)符号。 要查看目标细目并检查是否正确记录网页信息,请使用目标验证报告或目标网址(新分析)。经过测试,它们百分之百可以正确工作。...要进行跨网域跟踪,需要在两个域中都部署Google Analytics(分析)跟踪代码(GATC),同时第三方站点不能禁止查询字符串参数。...例如,这里我们使用'.seogadget.co.uk'来避免Google Analytics(分析)跟踪Cookie产生多个实例情况发生。

1.3K60

如何让GA符合GDPR合规要求?5个步骤快速入门

如果您还不熟悉GDPR细节,以及为什么您应该在5月份截止日期前采取行动做好准备,请阅读博文了解如何通过遵从GDPR要求来避免处罚和建立信任。 ? 快速了解GDPR要点 ?...如果您使用Google Tag Manager,通过点击更多设置调整您标签Google Analytics设置变量->字段设置,然后添加一个名为' anonymizeIp '新字段并且设置为' true...3审核匿名标识符集(哈希邮件、用户ID) 您Google Analytics实施可能已在使用匿名标识符,包括以下内容: 用户ID——这应该是一个包括字母和数字数据库标识符。...但我们已阅读了其他资料,表明如果您未在Google Analytics中收集用户ID或任何其他匿名数据,则无需提供同意。 作为GDPR一部分,有一些要求证明已经给予了同意(审计跟踪)。...作为肯定同意明确行为一部分,我们建议您在Google Analytics中将此作为事件跟踪/日志记录。

1.7K20

谷歌跟踪代码管理器(GTM) 入门指南 第3部分 - 创建链接追踪代码

本系列以Google Tag Manager(GTM)为例,介绍如何实现集约化Tag Management,从而实现更优化监测代码配置。 这是这个系列第三篇文章。...在Part1我们介绍了如何替换标准Google Analytics跟踪代码,并在Part2,我们创建了第一个关于跟踪文档(PDF文件,DOCX等)点击标签,Part4内容涵盖社交媒体标签,Part5...内容涵盖跟踪在线表单提交。...因为这些点击不会被默认存储在Google Analytics,更重要是因为它们也许是你评估用户与网站互动指标。 MAILTO 链接 如下图所示,创建一个触发器(trigger)。...外部链接 每当我跟客户第一次谈到分析的话题,总会被问到一个问题:“当用户离开网站,可以知道他们接下来去了哪里吗?”

2K50

APP+Web混合全局版中做事件跟踪

这一节来讲如何在APP+Web混合全局版中做事件跟踪,这里讲解是通过Google Tag Manager方式做事件跟踪,假设你已经在网站布署好了混合全局版,如果还没布署,请看:APP+Web混合全局版几种布署方法...假设现在跟踪“关于作者”点击,位置如下所示: 原理的话,其实跟原有的事件跟踪是一样,只不过多了一些参数,我们来看一下具体设置过程: 设置事件跟踪 设置代码Tag 在Google Tag Manager...里面新建一个Tag,然后选择“Google Analytics(分析):‘应用 + 网站’事件”代码,命名为“全局版事件跟踪—关于作者”,效果如下: 配置代码 然后配置代码 ,配置代码这里选择混合全局版跟踪...注册事件参数 最后一个就是注册事件参数,事件参数要在Google Analytics能够使用,还需要注册事件参数,虽然每个事件跟踪可以设置25个事件参数,但每个事件能注册是只有5个,而且对于一个媒体资源而言...在Google Analytics中查看事件报告: 前面有个三角形,如上面红框中标记,表示这个事件已经注册了参数,后面的那个数字就是注册了几个参数意思。

1.2K20

前端day16-JS(WebApi)学习笔记(事件补充、事件冒泡与捕获

01-拖拽事件 1.1-h5新增拖拽 注意点: 设置draggable="true"即可实现元素拖拽 img标签draggable默认值就是true,无需设置 <div id="box" draggable...(非常频繁) ondrop: 鼠标松开时,元素还在范围内就会触发 * 注意点:这个事件默认不会触发,需要配合ondragover使用 <!...console.log('鼠标移动时,元素在范围内'); }; //4.ondrop //这个事件默认不会触发,需要配合ondragover使用...("son").onclick = function () { alert("是又黄又绿小盒子"); }; 如何阻止事件冒泡?...1.事件冒泡:从触发事件元素,一级一级往上找父元素触发同名事件,如果有就触发 2.事件捕获:从最顶级父元素一级一级往下找子元素触发同名事件,直到触发事件元素为止 事件捕获事件冒泡触发事件顺序完全相反

1.7K00

社会化分享 WordPress 插件

社会化营销秘密武器:用 Google Analytics 监测社会化分享效果这篇日志是这个插件原型分析,最终把这个想法制作成插件。...Anlytics 中事件跟踪中可以查看到以下报表: 社会化分享按钮点击统计报表 如果选择事件总计标签左边侧下拉菜单,选择网页就能看到哪个页面被分享最多: 社会化分享按钮最多点击页面统计报表...社会化分享效果监控 这个插件还可以分析出社会化分享效果,可以监控出来那个社会化网络来源流量最多,在 Google Analytics 报告 》 流量来源 》 广告系列 看到来源流量: 社会化分享效果统计报表...社会化分享 WordPress 插件安装和使用 安装社会化分享 WordPress 插件之前,你必须给你博客安装 Google Analytics,并且使用安装Google Analytics...异步跟踪代码(因为 Google 已经默认使用异步跟踪代码,并且这个模式更准确,为了提高插件效率,也不做选项和判断了),所以使用之前一定要确保,不然将无法使用

49420

google跟踪代码管理器gtm无法给相同class元素绑定click事件埋点解决

Google 跟踪代码管理器是一个跟踪代码管理系统 (TMS),可以帮助您快速轻松地更新网站或移动应用上跟踪代码及相关代码段(统称为“代码”)。...将一小段跟踪代码管理器代码添加到项目后,您可以通过网页界面安全轻松地部署 Google Analytics(分析)和衡量代码配置。...在通过clickClasses给相同class多个元素块绑定click事件埋点时候,发现无法实现,通过gtm管理器调试发现,点击时候,显示是里层被点击元素,而我们想要绑定整个外层大块元素,所以这时候我们只能自己写...2、绑定事件代码,这里发现,正常addEventListener默认是冒泡事件,给父元素绑定click事件,点击子元素某个元素会冒泡顶级元素,但是这里并不能冒泡上去,所以暂时兼容办法,采取DOM0级事件绑定...,onclick方式,但是这样有一个弊端,就是如果该元素本身原来如果有click事件,会被覆盖,所以如果是使用这种方法,一定要避开已经有绑定click事件元素。

1.1K10

GOOGLE 跟踪代码管理器(GTM)101 PART 1 – 基础篇

在本文中,你会了解到,如何Google Analytics功能转移到Google跟踪代码管理器。看完系列一,你可以在网站上配置GTM代码,实现网页浏览量追踪。...1.创建账户和代码容器 假设你有一个配置了Google Analytics通用跟踪代码网站。开始使用Google跟踪代码管理器之前,你需要更改一段代码,这段代码会配置在每个网页上。...2.将Google Analytics跟踪代码添加为变量 你创建每个代码(tag在GTM中文版本翻译成“代码”)都需要发送到你Google Analytics跟踪代码。...使用名称ATC(Analytics Tracking Code首字母),因为它按字母顺序显示在列表顶部,但你可以选择任何名称。 ?...要测试是否安装了GTM代码,请使用Chrome Tag Assistant检查网站主页。你会看到,GTM容器ID和GA跟踪代码会展示出来。如出现任何警告或错误,请咨询开发人员。 ?

4.1K50
领券