0

Facebook の「いいね」ボタンを機能させる方法については多くの質問がありますが、私が知りたいのは、XFBML と Javascript でコーディングされた、クリックするとコメント ボックスが表示される Facebook の「いいね」ボタンの例を知っている人はいますか? 、Internet Explorer で? 具体的には、この動作がIEで壊れているかどうかを把握しようとしています。特定の動作が Firefox と Safari で機能することは知っています。

「いいね」をクリックすると IE でコメント ボックスが表示される、 iframeバージョンの「いいね」ボタンの例が表示されます。しかし、それは iframe バージョンであり、xfbml / javascript バージョンではありません。また、（奇妙なことに）show_faces をオンにしていない場合、いいねボタンの iframe バージョンはコメント ボックスを表示しません。

Levi's のサイトは、Like の使用におけるゴールド スタンダードのようなものです。http://us.levi.com/family/index.jsp?categoryId=4305605&cp=3146842.3146844.3146854を確認してください-- コメント付きの Like ボタンは、Firefox と Safari では機能しますが、IE では機能しません。

ここには追跡すべきさまざまな要素があります。たとえば、名前空間、app_id、xhtml doctype などです。コメントは IE で動作しますか? もしそうなら、どこかに例がありますか？私は一度も見たことがありません。

ありがとう！

4

1 に答える 1

1

はい、私はこれをIEのhttp://www.WasupPalmSprings.comで動作させています。ホームページからストーリーのいずれかをクリックすると、IEのコメントボックスを表示する「いいね」ボタンが下部にあります。

他のサイトのIEにコメントボックスが表示されないという問題がありました。私が使用するチェックリストは次のとおりです。

  1. ページのHTMLタグに正しいxmlns属性があることを確認してください。

<！DOCTYPE html PUBLIC "-// W3C // DTD XHTML 1.0 Transitional // EN" "http：// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns = "http ：//www.w3.org/1999/xhtml "xmlns：fb =" http：// www.facebook.com/2008/fbml "xmlns：og =" http://opengraphprotocol.org/schema/">

  1. ページのどこかに<divid= "fb-root"></div>があることを確認してください。

  2. アプリIDが必要なため、ウェブページ用にアプリを設定していることを確認してください。アプリをお持ちでない場合は、ここで作成してください：http://www.facebook.com/developers/

  3. javascriptを使用して、Facebook接続のjavascriptファイルをロードします。ページに<scriptsrc="...">タグをドロップするだけではいけません。jqueryなどを使用する場合、理想的にはこれはonReadyハンドラーに入れられます。それ以外の場合は、ページ下部の<script>タグに入れてください。

作成したFacebookアプリの実際のアプリIDを、「ここにアプリIDを挿入してください」と表示されている場所に置き換えてください。

  window.fbAsyncInit = function() {
    FB.init({appId: 'INSERT YOUR APP ID HERE', status: true, cookie: true,
             xfbml: true});
  };
  (function() {
    var e = document.createElement('script');
    e.type = 'text/javascript';
    e.src = document.location.protocol +
      '//connect.facebook.net/en_US/all.js';
    e.async = true;
    document.getElementById('fb-root').appendChild(e);
  }());

  1. ページのグラフ情報を開いたメタタグを追加します。<meta property = "og：title" content = "YOUR PAGE TITLE HERE" /> <meta property = "og：site_name" content = "YOUR WEBSITE NAME HERE" /> <meta property = "og：type" content = "ウェブサイト"/><meta property =" og：url "content =" URL OF PAGE HERE "/> <meta property =" og：image "content="共有したい画像のURL"/><meta property =" og：description "content="YOURページの説明はこちら"/><meta property =" fb：app_id "content =" YOUR FB APP ID HERE "/>

  2. 最後に、ページのどこにでもいいねボタンを追加します。必ず自分のページのURLに置き換えてください。

<fb：like href="ここにページのURLを挿入"layout= "button_count" show_faces = "false" width = "570" font = "arial"> </ fb：like>

于 2011-01-07T00:31:02.570 に答える