Question

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

我想过用全局window.onerror检查它，但我不认为对外部文件的失败调用会导致错误。我已经尝试检查ga（）是否可用，但即使没有加载analytics.js也是如此。

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

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

Answer 1

有一个函数可以跟踪库是否已加载。来自文档https://developers.google.com/analytics/devguides/collection/analyticsjs/command-queue-reference#ready-callback：

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);

Answer 2

您无需等待回调，就可以轻松获得它

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

您可以在Firefox documentation

中轻松看到此内容

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

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

Answer 3

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

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"]);
```

检查是否已加载analytics.js

3 个答案: