首页 > web前端 > js教程 > 如何跟踪Google Analytics(分析)中的出站链接

如何跟踪Google Analytics(分析)中的出站链接

Joseph Gordon-Levitt
发布: 2025-02-21 12:30:15
原创
173 人浏览过

How to Track Outbound Links in 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 调用。我们可以使用事件追踪来记录外链,但需要克服一些障碍:

  • 该事件必须在所有浏览器上记录,并且不会妨碍导航;
  • 我们不应该需要手动识别或附加到每个外链的单独处理程序;
  • 我们必须确保在外部页面开始加载之前记录事件。

解决方案……

  1. 我们将点击事件处理程序附加到 body 元素。这将接收点击链接事件,因为它们通过 DOM 冒泡。
  2. 我们可以检测链接是否会打开与我们不同的域上的页面。如果它是外链,我们将取消点击事件并启动 Analytics 事件追踪。
  3. 在后台,Analytics 通过请求图像信标来发送数据。调用完成后,它可以运行回调函数,以便我们可以重定向到外部页面。
  4. 我们需要注意并确保追踪永远不会停止用户导航,即使在失败的情况下也是如此。该过程必须快速,不处理已被其他进程停用的点击,并确保即使 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中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板