检查是否加载了 analytics.js答案

【问题标题】：Check if analytics.js is loaded检查是否加载了 analytics.js
【发布时间】：2015-03-26 15:19:52
【问题描述】：

我必须使用从我的服务器提供的本地 analytics.js。我只想在必要时使用本地版本 - 那么有没有解决方案来检查对 analytics.js 的调用是否失败？

我曾考虑使用全局 window.onerror 对其进行检查，但我认为外部文件调用失败不会导致错误。我试过检查 ga() 是否可用，但即使analytics.js 没有加载也是如此。

有什么想法吗？如果您想知道，并非该站点的所有用户都可以访问互联网，这就是我提供本地版本的原因。在这种情况下会发生更多事情，例如添加一个 sendHitTask 以将答案从 analytics.js 重定向到本地服务器。

编辑检查用户是否可以访问 Internet 的解决方案也可以。但我也没有找到适用于所有现代浏览器的任何解决方案。

【问题讨论】：

analytics.js 未加载时，console.log(window.ga) 打印什么？
可能未定义，例如 yahoo.com
@Huangism 我也是这么想的，但是 OP 声称即使在 analytics.js 没有加载时它也存在。您是否在项目的其他地方定义了 ga？
在这两种情况下都不是未定义的。 ga() 在 GA sn-p 中定义，然后 ga() 加载 analytics.js。
ga 对象在页面中包含的引导代码中设置。即使未加载 analytics.js 文件，它也存在（这很重要，它会存储交互直到可以处理它们）。所以测试他不会有帮助。

标签： javascript jquery google-analytics

【解决方案1】：

有一个函数可以跟踪库是否已加载。来自docs：

ga(function(tracker) {
   var defaultPage = tracker.get('page');
});

在加载库时执行传入的函数，因此您可以设置一个变量来跟踪它是否已加载。你必须把它放在某种计时器上来决定你什么时候认为它失败了：

var loaded = false;
ga(function() {
   loaded = true;
});

// after one second do something if the library hasn't loaded
setTimeout(function(){
    if (!loaded){
        //do something
    }
},1000);

【讨论】：

太棒了！我明天会试试这个，让你知道它是否有效！
效果很好！首先，我使用普通的 sn-p，运行 ga('create') 并需要显示功能和电子商务。然后我运行这个函数将 gaIsLoaded 设置为 true（并设置 sendHitTask），然后运行 ga('send')。如果我理解正确，所有这些都会排队......当我的正常 sn-p 失败时，它会在一秒钟后加载一个本地的，并运行所有以前的命令。
当我将跟踪器重命名为其他名称时，有时回调函数会将跟踪器检索为未定义，知道为什么会发生这种情况吗？
@AlfredoEstebanHernndezDvalo 如果没有默认跟踪器，它将始终在回调中包含 undefined。这仍然意味着库已加载，因此此代码仍然可以正常工作，并且您仍然可以在该回调中访问您的自定义跟踪器，您只需按名称即可。
嗨@maembe 感谢您的回答，但我也尝试使用方法 ga.getAll() 获取自定义跟踪器，并且它也没有定义，所以我认为该方法是在图书馆还在加载中，我为它开了一张票。你能看一下吗？ stackoverflow.com/questions/61530268/…

【解决方案2】：

不用等待回调，你可以很容易地得到它

if(window.ga && ga.loaded) {
    // yeps... it is loaded!
}

您可以在Firefox documentation 中轻松看到这一点

如果您想查看跟踪器是否被阻止（例如被任何插件），可以应用相同的技巧

if(window.ga && ga.q) {
    // yeps... blocked! >:o
}

【讨论】：

【解决方案3】：

一个特别优雅的解决方案是使用RequireJS 并利用它对fallback paths 的支持。如果由于访问者使用阻止请求的隐私工具而导致加载 GA 失败，我会在我的网站上执行此操作以加载 analytics.js 的存根版本：

http://veithen.github.io/2015/02/14/requirejs-google-analytics.html

您的用例与此类似，只是您想回退到完整的本地副本。您也可能不想更改所有对 GA 的调用，如该文章中所述。如果是这种情况，那么您可以使用混合方法，仅使用 RequireJS 加载 analytics.js（Google 的版本或本地副本），而不更改任何其他代码。

设置将涉及以下步骤：

将RequireJS添加到您的站点并进行如下配置：

require.config({
    paths: {
        "ga": [
            "//www.google-analytics.com/analytics",
            "local-copy-of-analytics"
        ]
    }
});

使用 alternative version of the tracking code，但将 <script async src='//www.google-analytics.com/analytics.js'></script> 替换为以下 JavaScript 代码：
```
require(["ga"]);
```

【讨论】：