ガイド/サイトをカスタマイズ/Facebook Embeds

Facebook Embeds

このガイドでは、サイトに Facebook の投稿を組み込む方法を解説します。

サイドバーやフッターに Facebook ページのフィードを表示する Facebook のプラグインウィジェットと異なり、Facebook Embeds を使うと、サイトに Facebook の公開タイムラインにある個別のアップデート、写真、動画を表示できます。これには、以下の情報も含まれます。

  • アップデートの本文
  • 読者がサイトを離れずにアップデートを「いいね」したり、コメントしたり、シェアしたりできるアクションボタン
  • アップデートに含まれる (またはリンクされている) 画像や動画のメディアプレビュー
  • Facebook ページまたはプロフィールへのリンク

URL を使って組み込む

まず、組み込む対象の Facebook アップデートを決定します。タイムラインとアップデートの両方が公開されていることを確認してください。次に、タイプスタンプをクリックします。

Facebook の投稿の URL を見つけるためにクリックする場所

アップデートの個別のページに移動します。URL をアドレスバーに貼り付けてください。

次に、ブログの投稿エディターで、新しい行に URL を直接貼り付けるか、Facebook ブロックに追加します。

Facebook ブロックを使った Facebook アップデートの組み込み

ショートコードを使って組み込む

専用のショートコードを使って、Facebook アップデート、写真、動画を組み込むこともできます。

この方法を使うには、以下のショートコードをコピーして段落ブロックまたはテキストウィジェットに貼り付け、Facebook URL の部分を組み込む対象の URL と置き換えてください。

[facebook url="https://www.facebook.com/WordPresscom/posts/10154113693553980"]


Facebook Embeds の例

WordPress.com のサイトで、Facebook Embeds は以下のように表示されます。

アップデートの場合 :

写真の場合 :

動画の場合 :


トラブルシューティングのヒント

  • エディターに URL をコピーするときは、シェアする Facebook アップデートの完全な URL のみを1行で入力するようにしてください。段落ブロックには HTML フォーマットを追加せず、「https://」を含む完全な URL だけを貼り付けます。
  • Facebook アップデートが Facebook タイムラインに公開されていること (非公開に設定されていないかどうか) を確認してください。アップデートの個別設定が公開になっていても、アカウントまたはページ全体のタイムラインが非公開である場合、サイトに組み込むことはできません。
  • 組み込む URL には、個別のステータスアップデート、写真、動画を表示するものを使用してください。フォトアルバムの組み込みはサポートしていません
  • Facebook の組み込みリンクのトラブルシューティングに関する詳細は、「組み込みリンクのトラブルシューティング」をご確認ください。
Copied to clipboard!