0

1 つ目は、関連するすべての質問を読みましたが、どの質問にもヒントが記載されていないため、私の質問を重複するものとしてマークしないでください。

Facebookのいいねボタンを作ろうとしていたのですが、Facebookのいいねボックスが必要なものであることがわかりました。いいねの後に投稿が表示されないからです。

アイデアは、いいねボックスプラグインリンクからコードを取得すると、Facebookのいいねのバグだと他の人が言ったように、いいねをFacebookページに追加しないということです。しかし、そのリンク内のボタンを押すと、Facebookページにいいねが追加されます。

問題は、最初のフィールドを「Facebook ページの URL」と指定する必要があるのは Facebook のバグであり、コードを取得する前にいいねボックスを構成しているときにプラグイン リンクで機能する必要があるかどうかです。

言い換えれば、プラグインリンクで機能する場合、コードを取得してサイトに貼り付ければ機能するはずです。それとも間違っていますか??

提供されたデータに基づいて Facebook が生成する HTML5、XFBML、および IFRAME コードを試しました。以下のコードはどれも機能しません。いいねボックスが表示され、クリックすると灰色に変わりますが、Facebook ページにいいね! が表示されず、テスト ページを更新するとデフォルトの状態に戻ります。私が試していたとき、Facebookサイトのページが通常の方法で好きで、テストページから以下のコードを使用して嫌いになればうまくいくことがわかりました。

編集:私はまだ解決策を見つけようとしていますが、エクスプローラーでは動作することがあり、chrome では動作しませんが、firefox では動作しないことがわかりました。

結果をテストするために、xampp の htdocs に配置されている test.html ファイルを使用しています。

HTML5 コードを試しました:

<html>
<head></head>
<body>
<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_GB/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like-box" data-href="http://www.facebook.com/FacebookDevelopers" data-width="150" data-height="100" data-colorscheme="light" data-show-faces="false" data-header="false" data-stream="false" data-show-border="false"></div>

 </body>
</html>

XFBML コードを試してみました:

<html xmlns:fb="http://ogp.me/ns/fb#">
<head></head>
<body>
<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_GB/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<fb:like-box href="http://www.facebook.com/FacebookDevelopers" width="150" height="100" colorscheme="light" show_faces="false" header="false" stream="false" show_border="false"></fb:like-box>

 </body>
</html>

そしてIframeコードが試しました：

<html>
<head></head>
<body>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FFacebookDevelopers&amp;width=150&amp;height=62&amp;colorscheme=light&amp;show_faces=false&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:150px; height:62px;" allowTransparency="true"></iframe>

 </body>
</html>
4

0 に答える 0