Facebookの統合、特定の製品ページのボタンを推奨+製品イメージを表示

Question

Facebookのプラグイン、おすすめのボタンをどのように統合するかについて質問があります。 facebookからボタンのようなコードを得て、それを表示したいページに置いてください。しかし、これは現在のページでサイトとテキストのレドーム画像と同様のものを作成するだけです。

ボタンをプロダクトピクチャと説明に関連付ける必要があります。 誰もこのようなコードを共有していますか？

Answer 1

これにはopengraphタグが必要です。詳細はhttp://developers.facebook.com/docs/reference/plugins/like/を参照してください。

Answer 2

OGメタタグの説明については、http://ogp.me/をご覧ください。これは、Facebookがあなたの製品をより意味のある方法で表示するのを助けます。 https://developers.facebook.com/tools/debugのデバッグツールを使用してURLをテストすると、OGタグが正しく追加されているかどうかを確認できます。

ページがログインしていない場合は、ログインしていないときでもOGタグと基本コンテンツを表示するバージョンのページを用意するか、ユーザーエージェントFacebookスクレーパーです。使用されるユーザーエージェント文字列については、https://developers.facebook.com/docs/reference/plugins/like/#scraperinfoを参照してください。

Answer 3

ただ、コードのように自分のFacebookへのデータのhrefを追加します。

  <div id="{{ item.product.code }}" 
        class="fb-like" 
        data-share="false" 
        data-href="{{ url }}" 
        data-width="250" 
        data-show-faces="true"> 
      </div>