0

我正在寻找类似于 Google Analytics JavaScript 代码段工作方式的东西。

例如我有这个，

(function(d, t) {
    var g = d.createElement(t),
        s = d.getElementsByTagName(t)[0];
    g.src = 'myjs.js';
    s.parentNode.insertBefore(g, s);
}(document, 'script'));

该脚本定义了一个类，但是当我调用它时：

var newClass = new myclass('myparam');

我收到一个未定义的错误。但是，如果我等待并在控制台中再次调用它，我将不再收到错误消息。我假设脚本尚未完全加载，这就是该类不存在的原因。

但是，可以在导入后直接调用 Google Analytics 函数，例如，

(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', '[userid]', '[website]');

我怎样才能用我的脚本做到这一点？

4

1 回答 1

2

GA 代码所做的是立即使用内联代码创建对象。该对象只是将调用存储在一个数组中，直到加载 GA 脚本。然后 GA 脚本使用该数组。（请参阅下面的详细信息。）

你不能用你展示的代码来做到这一点，因为 A）它是一个构造函数，并且 B）你的代码使用返回值。

以下是 GA 代码的详细信息：

(function (i, s, o, g, r, a, m) {
    // Remember the name 'ga' on window, using the property GoogleAnalyticsObject
    i['GoogleAnalyticsObject'] = r;

    // Create or retrieve the 'ga' function. If there already is one,
    // it's used as-is. If not, create a new function.
    i[r] = i[r] || function () {
        // The bit in parens initializes an array if there isn't one
        // Then the push call remembers the arguments for this call
        (i[r].q = i[r].q || []).push(arguments)
    }, i[r].l = 1 * new Date(); // The bit after the comma sets or updates the `l` property on the function with the timestamp of when this code was run.
    // From here fairly standard, load the GA script asynchronously
    a = s.createElement(o),
    m = s.getElementsByTagName(o)[0];
    a.async = 1;
    a.src = g;
    m.parentNode.insertBefore(a, m)
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
于 2013-10-11T10:56:15.117 回答