检查 analytics.js 是否已加载

Question

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

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

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

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

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

Answer 2

一个特别优雅的解决方案是使用RequireJS and leverage its support for 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"]);
```

Answer 3

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

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

您可以在 Firefox documentation

中轻松看到这一点

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

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

检查 analytics.js 是否已加载

Check if analytics.js is loaded

javascript

jquery

google-analytics