FBConnect：为什么它显示在某些页面上而不是其他页面上？

Question

在右上角，显示在这个页面上：

http://www.thegreekmerchant.com/product/fokofpolisiekar/band-logo

但不是这个

http://www.thegreekmerchant.com/

知道为什么吗？我正在使用带有 FBConnect 模块的 Drupal 6。

Answer 1

其实问题在于页面使用不同的脚本来加载FBConnect模块。

在http://www.thegreekmerchant.com/:

<div id="fb-root"></div>
  <script type="text/javascript">
    window.fbAsyncInit = function() {
      FB.init({
        appId  : '146943825373452',
        status : true, // check login status
        cookie : true, // enable cookies to allow the server to access the session
        xfbml  : true,
        logging: '0'
      });

      jQuery(document).trigger('fb:init');
    };

    (function() {
      var e = document.createElement('script');
      e.src = document.location.protocol + '//connect.facebook.net//all.js';
      e.async = true;
      document.getElementById('fb-root').appendChild(e);
    }());
  </script>

http://www.thegreekmerchant.com/product/fokofpolisiekar/band-logo上有两个脚本，前一个和后一个：

<div id="fb-root"></div><script type="text/javascript">
 window.fbAsyncInit = function() {
   FB.init({
     appId: "146943825373452",
     status: true, 
     cookie: true,
     xfbml: true
   });

   FB.Event.subscribe("edge.create", function(href, widget) {
      _gaq.push(["_trackEvent", "Facebook like", "Drupal", href]);
   });


 };
 (function() {
   var e = document.createElement('script'); 
   e.async = true;
   e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
   document.getElementById('fb-root').appendChild(e);
 }());
</script>

我已经用第二个脚本替换了第一个脚本，http://www.thegreekmerchant.com/ 现在可以工作了（当然不是尖锐的版本，而是在我的沙盒服务器上）。您只需要http://www.thegreekmerchant.com/product/fokofpolisiekar/band-logo 上的第二个脚本。

Answer 2

在工作页面上你有这个标记：

<div id="fbconnect_button-wrapper" class="form-item">
  <fb:login-button v="2" background="dark" onlogin="facebook_onlogin_ready();" size="small">
    <a class="fb_button fb_button_small">
      <span class="fb_button_text">Facebook Connect</span>
    </a>
  </fb:login-button>
  <div class="description">Sign in using Facebook</div>
</div>

而在非工作时你有这个：

<div id="fbconnect_button-wrapper" class="form-item">
  <fb:login-button v="2" background="dark" onlogin="facebook_onlogin_ready();" size="small">
    Facebook Connect
  </fb:login-button>
  <div class="description">Sign in using Facebook</div>
</div>

我认为创建标记的 JavaScript 运行不正常。也许您在执行 FB 按钮脚本之前遇到了另一个 JavaScript 错误。使用 Firebug 或类似工具找出答案。

没有更多信息很难提供帮助。

Answer 3

这些按钮在 Chrome 中都不适用于我，而在 Firefox 上，第一个链接有效，第二个链接无效...

问题是 Firefox 上的主页将 cpu 负载发送到 100%，我看到你的主页上有大量的 javascripts。我会尝试禁用其他 javascript，并最终在页面源上运行检查以查看是否有任何损坏的内容。

Answer 4

你的错误在：

(function() {
      var e = document.createElement('script');
      e.src = document.location.protocol + '//connect.facebook.net//all.js';
      e.async = true;
      document.getElementById('fb-root').appendChild(e);
    }());

行：

e.src = document.location.protocol + '//connect.facebook.net//all.js';

应该是这样的

e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';

如果您查看浏览器下载的 all.js 文件，您会看到一个错误。

因此未加载 FB 脚本，因此您的 window.fbAsyncInit = function() 内部永远不会被调用..