Question

Firebug控制台抛出错误。它声明我在尝试用于跟踪社交事件的代码是在//platform.twitter.com/widgets.js异步加载完成之前使用的。

ReferenceError：twttr未定义twttr.ready（function（twttr）{

然而，我遵循了Twitter文档（https://dev.twitter.com/web/javascript/events），并将其包含在twttr.ready（）中，就像使用Facebook事件一样。

  <script type="text/javascript">   //load social sharing buttons async
    (function(w, d, s) {
      function go(){
        var js, fjs = d.getElementsByTagName(s)[0], load = function(url, id) {
          if (d.getElementById(id)) {return;}
          js = d.createElement(s); js.src = url; js.id = id;
          fjs.parentNode.insertBefore(js, fjs);
        };
        load('//connect.facebook.net/en_US/all.js#appId=1111111111111111&xfbml=1', 'fbjssdk');
        load('https://apis.google.com/js/plusone.js', 'gplus1js');
        load('//platform.twitter.com/widgets.js', 'tweetjs');
      }
      if (w.addEventListener) { w.addEventListener("load", go, false); }
      else if (w.attachEvent) { w.attachEvent("onload",go); }
    }(window, document, 'script'));
</script>  

<script type="text/javascript">
        window.fbAsyncInit = function() {
              FB.Event.subscribe('edge.create', function(targetUrl) {
              ga('send', 'social', 'facebook', 'like', targetUrl);
            });
              FB.Event.subscribe('edge.remove', function(targetUrl) {
              ga('send', 'social', 'facebook', 'unlike', targetUrl);
            });
        }
        twttr.ready(function (twttr) {
         twttr.events.bind('tweet', function(e){
          if(!e) return;
          ga('send', 'social', 'twitter', 'tweet', theURL);
         })
        });
    </script>

任何提示？

Answer 1

twttr似乎尚未初始化。确保脚本（//platform.twitter.com/widgets.js）在您拥有的代码块之前加载。

这就是你未定义的原因（twttr）。

看到你的编辑后，很清楚发生了什么。您的脚本在页面加载后附加头部并加载脚本。在您执行代码之后，这些代码依赖于您注入头部并仍在加载的内容，这就是twttr尚未初始化的原因。

请尝试以下代码块：

window.addEventListener("load", function() {
    window.fbAsyncInit = function() {
        FB.Event.subscribe('edge.create', function(targetUrl) {
            ga('send', 'social', 'facebook', 'like', targetUrl);
        });
        FB.Event.subscribe('edge.remove', function(targetUrl) {
            ga('send', 'social', 'facebook', 'unlike', targetUrl);
        });
    }

    document.getElementById('tweetjs').addEventListener('load', function() {
        twttr.ready(function (twttr) {
            twttr.events.bind('tweet', function(e){
                if(!e) return;
                ga('send', 'social', 'twitter', 'tweet', theURL);
            })
        });
    }, false);
}, false);

如果你想要跨浏览器支持，你可能想要跟随他们在他们的函数中做的事情来检查window.addEventListener，然后回到window.attachEvent用于旧浏览器。

Answer 2

对于那些遇到“未定义的问题”的人来说，以下问题已经解决了......

在正文打开后添加此脚本，并确保从按钮嵌入中删除widget.js脚本如果已复制＆amp;粘贴。

＆＃13;

window.twttr = (function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0],
t = window.twttr || {};
if (d.getElementById(id)) return t;
js = d.createElement(s);
js.id = id;
js.src = "https://platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js, fjs);

t._e = [];
t.ready = function(f) {
t._e.push(f);
};

return t;
}(document, "script", "twitter-wjs"));

＆＃13;

Answer 3

嗯，我遇到了同样的问题，但是我以不同的方式加载了脚本。我将twitter script标签放在我的角度应用程序head的{{1}}部分中。但是它有一个问题，它具有附加的index.html属性。删除脚本后，脚本的加载不再是异步的，而是一个阻塞的脚本，这是我的要求。

async

对于需要在HTML文档解析发生之前加载脚本的情况，请删除<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>标签。

async

从此来源获得的一些帮助：async-vs-defer

ReferenceError：即使使用twttr.ready（），“twttr也未定义”

3 个答案: