3

Rails アプリを作成していますが、Facebook の [共有] ボタンを Chrome または Firefox に表示するのに問題があります。IE と Safari では問題なく表示されます。いいね ボタンとログイン ボタンは、すべてのブラウザで正常に機能します。Web を検索しましたが、役立つ情報が見つかりません。

私が持っている各ページで

<!-- Facebook SDK -->
<div id="fb-root"></div>
<script>
window.onload = function()
{
  // Additional JS functions here
  window.fbAsyncInit = function() {
    FB.init({
      appId      : 'XXXXXXXXXXXXXXX', // App ID
      channelUrl : '//localhost:3000/channel.html', // Channel File
      status     : true, // check login status
      cookie     : true, // enable cookies to allow the server to access the session
      xfbml      : true  // parse XFBML
    });

  (function(d){
   var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
   if (d.getElementById(id)) {return;}
   js = d.createElement('script'); js.id = id; js.async = true;
   js.src = "//connect.facebook.net/en_US/all.js";
   ref.parentNode.insertBefore(js, ref);
  }(document));

}

共有ボタンを表示したいページで、私は持っています

<fb:share-button type="button_count"></fb:share-button>

Adam の提案に従って、HTML ファイルを作成しました。ログインボタンは表示されるが、共有ボタンは表示されない

<!DOCTYPE HTML>
<HTML xmlns:fb="http://ogp.me/ns/fb#">
<HEAD>
   <TITLE>Untitled HTML Document</TITLE>
</HEAD>

<BODY BGCOLOR="white">
<div id="fb-root"></div>

<script>

  (function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=MY_APP_ID"; // APP ID
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

</script>
FB
<fb:share-button type="box_count"></fb:share-button> <br>
<div class="fb-login-button" data-width="200"></div>
</BODY>
</HTML>
4

2 に答える 2

5

問題は、localhost を URL として使用していたことにあったようです。/etc/hosts ファイルを変更して、fakeurl.com が 127.0.0.1 を指すようにすると、問題なく動作するようになりました。

于 2013-09-18T06:28:32.683 に答える
0

タグxmlns:fb="http://ogp.me/ns/fb#"に追加:<HTML>

<html xmlns:fb="http://ogp.me/ns/fb#">

あなたの<script>

(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=YOUR_APP_ID"; // APP ID
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

ライブデモ

于 2013-09-17T08:30:03.287 に答える