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

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
在JavaScript中替换字符串字符在JavaScript中替换字符串字符Mar 11, 2025 am 12:07 AM

JavaScript字符串替换方法详解及常见问题解答 本文将探讨两种在JavaScript中替换字符串字符的方法:在JavaScript代码内部替换和在网页HTML内部替换。 在JavaScript代码内部替换字符串 最直接的方法是使用replace()方法: str = str.replace("find","replace"); 该方法仅替换第一个匹配项。要替换所有匹配项,需使用正则表达式并添加全局标志g: str = str.replace(/fi

8令人惊叹的jQuery页面布局插件8令人惊叹的jQuery页面布局插件Mar 06, 2025 am 12:48 AM

利用轻松的网页布局:8个基本插件 jQuery大大简化了网页布局。 本文重点介绍了简化该过程的八个功能强大的JQuery插件,对于手动网站创建特别有用

构建您自己的Ajax Web应用程序构建您自己的Ajax Web应用程序Mar 09, 2025 am 12:11 AM

因此,在这里,您准备好了解所有称为Ajax的东西。但是,到底是什么? AJAX一词是指用于创建动态,交互式Web内容的一系列宽松的技术。 Ajax一词,最初由Jesse J创造

10张移动秘籍用于移动开发10张移动秘籍用于移动开发Mar 05, 2025 am 12:43 AM

该帖子编写了有用的作弊表,参考指南,快速食谱以及用于Android,BlackBerry和iPhone应用程序开发的代码片段。 没有开发人员应该没有他们! 触摸手势参考指南(PDF) Desig的宝贵资源

通过来源查看器提高您的jQuery知识通过来源查看器提高您的jQuery知识Mar 05, 2025 am 12:54 AM

jQuery是一个很棒的JavaScript框架。但是,与任何图书馆一样,有时有必要在引擎盖下发现发生了什么。也许是因为您正在追踪一个错误,或者只是对jQuery如何实现特定UI感到好奇

10个JQuery Fun and Games插件10个JQuery Fun and Games插件Mar 08, 2025 am 12:42 AM

10款趣味横生的jQuery游戏插件,让您的网站更具吸引力,提升用户粘性!虽然Flash仍然是开发休闲网页游戏的最佳软件,但jQuery也能创造出令人惊喜的效果,虽然无法与纯动作Flash游戏媲美,但在某些情况下,您也能在浏览器中获得意想不到的乐趣。 jQuery井字棋游戏 游戏编程的“Hello world”,现在有了jQuery版本。 源码 jQuery疯狂填词游戏 这是一个填空游戏,由于不知道单词的上下文,可能会产生一些古怪的结果。 源码 jQuery扫雷游戏

如何创建和发布自己的JavaScript库?如何创建和发布自己的JavaScript库?Mar 18, 2025 pm 03:12 PM

文章讨论了创建,发布和维护JavaScript库,专注于计划,开发,测试,文档和促销策略。

jQuery视差教程 - 动画标题背景jQuery视差教程 - 动画标题背景Mar 08, 2025 am 12:39 AM

本教程演示了如何使用jQuery创建迷人的视差背景效果。 我们将构建一个带有分层图像的标题横幅,从而创造出令人惊叹的视觉深度。 更新的插件可与JQuery 1.6.4及更高版本一起使用。 下载

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热工具

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

功能强大的PHP集成开发环境

安全考试浏览器

安全考试浏览器

Safe Exam Browser是一个安全的浏览器环境,用于安全地进行在线考试。该软件将任何计算机变成一个安全的工作站。它控制对任何实用工具的访问,并防止学生使用未经授权的资源。

DVWA

DVWA

Damn Vulnerable Web App (DVWA) 是一个PHP/MySQL的Web应用程序,非常容易受到攻击。它的主要目标是成为安全专业人员在合法环境中测试自己的技能和工具的辅助工具,帮助Web开发人员更好地理解保护Web应用程序的过程,并帮助教师/学生在课堂环境中教授/学习Web应用程序安全。DVWA的目标是通过简单直接的界面练习一些最常见的Web漏洞,难度各不相同。请注意,该软件中

SublimeText3 英文版

SublimeText3 英文版

推荐:为Win版本,支持代码提示!

VSCode Windows 64位 下载

VSCode Windows 64位 下载

微软推出的免费、功能强大的一款IDE编辑器