09
2023
10
10:27:46

google analytics 跟踪出站链接



推荐点击下面图片,通过本站淘宝优惠价购买:

image.png

添加gtag.js

首先将gtag.js添加至网站的<head></head>之间

<script async src="https://www.googletagmanager.com/gtag/js?id=GA_MEASUREMENT_ID"></script><script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'GA_MEASUREMENT_ID');</script>

将GA_MEASUREMENT_ID替换为Google Analytics(分析)媒体资源的 ID.

跟踪脚本

将以下代码添加至html

<script>/**
* Google Analytics(分析)中的函数,跟踪对出站链接的点击。
* 此函数会将有效网址字符串作为参数,并将该网址字符串
* 用作事件标签。通过将 transport 方法设置为“beacon”来发送命中
* 在支持“navigator.sendBeacon”的浏览器中使用该方法。
*/
var trackOutboundLink = function(url) {
  gtag('event', 'click', {
    'event_category': 'outbound',
    'event_label': url,
    'transport_type': 'beacon',
    'event_callback': function(){document.location = url;}
  });
}</script>

Google 的文档详细描述了不同参数的功能,感兴趣的同学可以去查看。  https://developers.google.cn/tag-platform/gtagjs/configure?hl=zh-cn

然后在需要跟踪的元素中使用该脚本

<a href="http://www.example.com" onclick="trackOutboundLink('http://www.example.com'); return false;">查看 example.com</a>

至此,当用户点查看 example.com, gtag.js就会发送该点击事件给到google analytics,相应的event_category是:outbound





本文链接:https://hqyman.cn/post/4414.html 非本站原创文章欢迎转载,原创文章需保留本站地址!

分享到:





休息一下,本站随机推荐观看栏目:


« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

您的IP地址是: