检查是否已加载Mixpanel库

Question

我们的网站正在使用mixpanel进行跟踪。

var mixPanelId = mixpanel.get_distinct_id();
$('#trial, #order').each(function () {
  $(this).append("<input type='hidden' value='"+mixPanelId+"' name='MixpanelId' />");
});

但是，如果未加载mixpanel，则主对象没有get_distinct_id 。 处理这种情况的最正确方法是什么？

到目前为止，我正在执行普通的js属性检查（但我想知道Mixpanel是否具有更正确的方法来执行此操作）：

mixpanel.hasOwnProperty('get_distinct_id')

Answer 1

正确的方法是使用初始化属性，该属性将在加载库后触发。 有关更多信息，请阅读如何防止get_distinct_id和get_property返回未定义

mixpanel.init('token-id', {'loaded':function() {
    var distinct_id = mixpanel.get_distinct_id();
}})

检查属性并不是处理情况的真正正确方法。 您可以在加载库之前执行此检查。

mixpanel.hasOwnProperty('get_distinct_id')

Answer 2

我不知道mixpanel是否具有onload（或类似的）回调（在参考文献中没有看到），所以您可以做的是间隔检查变量是否已设置。

注意：使用起来有点脏。

var _mixpanelcomplete = setInterval(function(){
    if(mixpanel.hasOwnProperty('get_distinct_id'))
    {
        clearInterval(_mixpanelcomplete);
        //init your stuff here
    }
},100);

Answer 3

这是我对那些尝试运行依赖于混合面板distinct_id的代码的建议：

function method1( var1, counter ) {
    if ( typeof counter == "undefined" || counter == null )
        var counter = 0;
    try {
        var mixpanel_distinct_id = mixpanel.get_distinct_id();
        // Code that is dependent on distinct_id goes here
    } catch(e) {
        var max_attempts = 40; // How long do you want it to try before letting it fail
        counter++;
        if ( counter < max_attempts )
            setTimeout( function(){ method1(var1, counter) }, 50);
    }
}