如何在Google Analytics（分析）中跟踪出站链接

Google Analytics（分析）提供了大量信息。 如果您除了在页面上添加跟踪脚本之外什么也不做，那么您将面临无休止的数据流和有关站点上用户活动的报告。 但是，虽然Google Analytics（分析）显示退出页面，但它不会告诉您用户单击哪些链接离开您的网站。 在本文中，我们将发现如何添加出站链接跟踪。

Google是否记录出站链接？

大概。 如果您使用Analytics（分析）从一个网站链接到使用Analytics（分析）的另一个网站，则Google 可以记录这种关系。 不幸的是，如果一个或多个出站网站未使用Google Analytics（分析），则报告会产生误导。

Google还有其他收集数据的方式：拥有顶级浏览器和搜索引擎时，您可以收集大量统计信息！ 但是我们正在从现场分析转移到更可疑的领域。 Google不一定要共享该数据。

幸运的是，我们可以自己收集出站链接详细信息。

首先升级到Universal Analytics！

在继续之前，您必须升级到Universal Analytics 。 Google可能已经为您启动了此过程，但是必须在您的网站页面上更新跟踪代码。 这很痛苦，但是下面显示的出站链接跟踪代码将无法正常工作。 （它可以与旧版Analytics（分析）一起使用，但最终将停止工作，因此最好立即进行升级。）

自定义事件跟踪

Analytics支持事件跟踪 。 通常，它用于记录页面上JavaScript控制的交互性，例如打开窗口小部件或进行Ajax调用。 我们可以使用事件跟踪来记录出站链接，但是要克服许多障碍：

• 该事件必须记录在所有浏览器上，并且不能阻止导航
• 我们不需要手动识别每个处理程序或将单独的处理程序附加到每个出站链接，并且
• 我们必须确保在出站页面开始加载之前已记录该事件。

解决方案…

1. 我们将click事件处理程序附加到body元素。 当它们在DOM中冒泡时，它将收到一个click-link事件。
2. 我们可以检测链接是否会在与我们不同的域上打开页面。 如果是出站链接，我们将取消点击事件并启动Analytics事件跟踪。
3. 在后台，Analytics（分析）通过请求图像信标发送数据。 调用完成后，它可以运行回调函数，因此我们可以重定向到出站页面。
4. 我们需要小心，并确保跟踪即使发生故障也不会停止用户导航。 该流程必须快速，不能处理其他流程已取消激活的点击，并且即使Analytics（分析）事件失败也要确保链接正常运行。

我们希望跟踪可在任何地方使用，因此我建议使用具有强大的跨浏览器事件处理功能的库。 在本示例中，我将使用jQuery 1.x，因为大多数站点都使用jQuery 1.x，但是您可以替换轻量级的选项，例如min.js ， Zepto.js ， Minified.js或您自己的事件处理函数。

完整代码如下所示。 只要将其加载到HTML body某个位置（理想情况下，就在结束标记之前），就可以将其添加到现有的JavaScript文件或script块中。 尽管Google Analytics（分析）跟踪代码可以显示在页面上的任何位置，但必须先加载jQuery（或您的替代方法）。

/* 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

使用类别名称“出站”，操作名称“链接”和设置为出站页面URL的值记录该事件。 您可以根据需要在ga调用中对其进行修改（第24至26行）。

实施后，请访问您的网站并单击一些出站链接。 您应该在“ Analytics实时>事件”面板中看到该活动。 几个小时后，其他数据将显示在“行为”>“事件”窗格中。

请根据需要使用代码。

From: https://www.sitepoint.com/track-outbound-links-google-analytics/