如何跟踪Google Analytics(分析)中的出站链接
关键要点
- Google Analytics 不会自动追踪外链,但用户可以通过升级到 Universal Analytics 并实现自定义事件追踪代码来添加此功能。
- 自定义事件追踪代码使用 JavaScript 向 body 元素添加点击事件处理程序,然后记录外链点击并将其数据发送到 Google Analytics。建议使用 jQuery 1.x 或其他库来实现强大的跨浏览器事件处理。
- 追踪外链对于理解用户行为、优化网站内容、提升用户体验、增加参与度以及识别与其他网站的潜在合作机会至关重要。不懂代码的用户可以使用 Google Tag Manager。
Google Analytics 提供了海量信息。如果您只是将追踪脚本添加到页面中,您将面临关于网站用户活动的无尽数据流和报告。但是,虽然 Analytics 显示退出页面,但它不会告诉您用户点击了哪些链接离开您的网站。在本文中,我们将了解如何添加外链追踪。
Google 是否记录外链?
可能。如果您使用 Analytics 从一个网站链接到另一个使用 Analytics 的网站,Google 可能会记录这种关系。不幸的是,如果一个或多个外站不使用 Analytics,报告就会产生误导。Google 有其他收集数据的方法:当您拥有顶级浏览器和搜索引擎时,您可以收集大量统计数据!但是,我们随后会从网站 Analytics 转向更模糊的领域;Google 不一定会想分享这些数据。幸运的是,我们可以自己收集外链详细信息。
首先升级到 Universal Analytics!
在我们继续之前,您必须升级到 Universal Analytics。Google 可能已经为您启动了此过程,但必须更新您网站页面上的追踪代码。这很麻烦,但是下面显示的外链追踪代码在没有它的情况下将无法工作。(它可以与旧版 Analytics 配合使用,但最终会停止工作,因此最好现在升级。)
自定义事件追踪
Analytics 支持事件追踪。通常,它用于记录页面内 JavaScript 控制的交互,例如打开小部件或进行 Ajax 调用。我们可以使用事件追踪来记录外链,但需要克服一些障碍:
- 该事件必须在所有浏览器上记录,并且不会妨碍导航;
- 我们不应该需要手动识别或附加到每个外链的单独处理程序;
- 我们必须确保在外部页面开始加载之前记录事件。
解决方案……
- 我们将点击事件处理程序附加到 body 元素。这将接收点击链接事件,因为它们通过 DOM 冒泡。
- 我们可以检测链接是否会打开与我们不同的域上的页面。如果它是外链,我们将取消点击事件并启动 Analytics 事件追踪。
- 在后台,Analytics 通过请求图像信标来发送数据。调用完成后,它可以运行回调函数,以便我们可以重定向到外部页面。
- 我们需要注意并确保追踪永远不会停止用户导航,即使在失败的情况下也是如此。该过程必须快速,不处理已被其他进程停用的点击,并确保即使 Analytics 事件失败,链接也能正常工作。
我们希望追踪在任何地方都能工作,所以我建议使用一个具有强大的跨浏览器事件处理的库。我将在此示例中使用 jQuery 1.x,因为大多数网站都使用它,但您可以替换轻量级选项,例如 min.js、Zepto.js、Minified.js 或您自己的事件处理函数。完整的代码如下所示。这可以添加到现有的 JavaScript 文件中,或者在一个脚本块中,只要它加载在 HTML body 中的某个位置(理想情况下,就在结束标签之前)。jQuery(或您的替代方案)必须首先加载,尽管 Google Analytics 追踪代码可以出现在页面的任何位置。
/* Track outbound links in Google Analytics */ (function($) { "use strict"; // current page host var baseURI = window.location.host; // click event on body $("body").on("click", function(e) { // abandon if link already aborted or analytics is not available if (e.isDefaultPrevented() || typeof ga !== "function") return; // abandon if no active link or link within domain var link = $(e.target).closest("a"); if (link.length != 1 || baseURI == link[0].host) return; // cancel event and record outbound link e.preventDefault(); var href = link[0].href; ga('send', { 'hitType': 'event', 'eventCategory': 'outbound', 'eventAction': 'link', 'eventLabel': href, 'hitCallback': loadPage }); // redirect after one second if recording takes too long setTimeout(loadPage, 1000); // redirect to outbound page function loadPage() { document.location = href; } }); })(jQuery); // pass another library here if required
该事件使用类别名称“outbound”(外链)、操作名称“link”(链接)以及设置为外链 URL 的值进行记录。如有必要,您可以修改 ga 调用中的这些内容(第 24 至 26 行)。实施后,访问您的网站并点击一些外链。您应该在 Analytics 实时 > 事件面板中看到活动。几小时后,更多数据将出现在行为 > 事件窗格中。请随意使用此代码。
关于在 Google Analytics 中追踪外链的常见问题
追踪 Google Analytics 中的外链有什么意义?
在 Google Analytics 中追踪外链对于了解网站上的用户行为至关重要。它允许您查看访客点击了哪些外部链接,从而深入了解他们的兴趣和偏好。此数据可用于优化网站内容、改善用户体验和提高参与度。它还有助于识别与受众经常访问的其他网站的潜在合作机会。
如何设置 Google Analytics 来追踪外链?
设置 Google Analytics 来追踪外链涉及创建和实现自定义事件追踪代码。此代码应添加到网站上每个外链的 HTML 中。当用户点击链接时,该事件将在 Google Analytics 中记录。然后,您可以在 Google Analytics 帐户的“事件”部分访问此数据。
我可以在没有编码知识的情况下追踪网站上的外链吗?
是的,您可以使用 Google Tag Manager 在没有编码知识的情况下追踪外链。此工具允许您创建和管理追踪标签,而无需修改网站代码。您只需为外链点击设置一个新的标签,并配置触发器以便在用户点击外链时触发。
外链和内链有什么区别?
外链是指网站上将用户定向到其他网站的链接,而内链是指其他网站上将用户定向到您网站的链接。追踪这两种类型的链接对于 SEO 和了解用户行为都很重要。
如何使用外链追踪数据来改进我的网站?
外链追踪数据可用于识别受众感兴趣的内容类型。通过了解访客经常访问哪些外部网站,您可以调整内容以匹配他们的兴趣。这可以提高参与度和用户留存率。
追踪外链会影响我的网站 SEO 吗?
追踪外链不会直接影响您的网站 SEO。但是,获得的数据可用于改进您的内容策略,这可以间接改善您的 SEO。同样重要的是要注意,链接到高质量的相关网站可以提高您网站的可信度和搜索引擎排名。
如何实时追踪 Google Analytics 中的外链?
通过为外链点击设置事件追踪,可以在 Google Analytics 中实现外链的实时追踪。设置完成后,您可以在 Google Analytics 帐户的“实时”部分查看实时数据。
我可以追踪网站特定页面上的外链吗?
是的,您可以通过在 Google Analytics 中设置特定于页面的事件追踪来追踪特定页面上的外链。这使您可以了解各个页面的用户行为并相应地对其进行优化。
追踪外链的常见挑战有哪些?我该如何克服这些挑战?
追踪外链的一些常见挑战包括正确设置追踪代码、解释数据以及随着网站发展而维护追踪设置。可以通过使用 Google Tag Manager 等工具、寻求专业人士的帮助或学习更多关于 Google Analytics 的知识来克服这些挑战。
我可以在移动设备上追踪外链吗?
是的,Google Analytics 允许您在台式机和移动设备上追踪外链。这提供了跨所有设备的用户行为的全面视图。
以上是如何跟踪Google Analytics(分析)中的出站链接的详细内容。更多信息请关注PHP中文网其他相关文章!

热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

热工具

记事本++7.3.1
好用且免费的代码编辑器

SublimeText3汉化版
中文版,非常好用

禅工作室 13.0.1
功能强大的PHP集成开发环境

Dreamweaver CS6
视觉化网页开发工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

JavaScript是现代Web开发的基石,它的主要功能包括事件驱动编程、动态内容生成和异步编程。1)事件驱动编程允许网页根据用户操作动态变化。2)动态内容生成使得页面内容可以根据条件调整。3)异步编程确保用户界面不被阻塞。JavaScript广泛应用于网页交互、单页面应用和服务器端开发,极大地提升了用户体验和跨平台开发的灵活性。

Python和JavaScript开发者的薪资没有绝对的高低,具体取决于技能和行业需求。1.Python在数据科学和机器学习领域可能薪资更高。2.JavaScript在前端和全栈开发中需求大,薪资也可观。3.影响因素包括经验、地理位置、公司规模和特定技能。

如何在JavaScript中将具有相同ID的数组元素合并到一个对象中?在处理数据时,我们常常会遇到需要将具有相同ID�...

学习JavaScript不难,但有挑战。1)理解基础概念如变量、数据类型、函数等。2)掌握异步编程,通过事件循环实现。3)使用DOM操作和Promise处理异步请求。4)避免常见错误,使用调试技巧。5)优化性能,遵循最佳实践。

实现视差滚动和元素动画效果的探讨本文将探讨如何实现类似资生堂官网(https://www.shiseido.co.jp/sb/wonderland/)中�...

JavaScript的最新趋势包括TypeScript的崛起、现代框架和库的流行以及WebAssembly的应用。未来前景涵盖更强大的类型系统、服务器端JavaScript的发展、人工智能和机器学习的扩展以及物联网和边缘计算的潜力。

深入探讨console.log输出差异的根源本文将分析一段代码中console.log函数输出结果的差异,并解释其背后的原因。�...
