71

私はチャリティー イベントの促進を支援するグループと協力しています。埋め込みたいページは私の Facebook プロフィールではなく、誰かが作成した Facebook ページです。

そのニュース フィードを自分の Web ページに表示したいと思います。このページから情報/アクセスを取得する必要がある場合は、お知らせください。他の誰かが実用的な例を持っている場合は、私に知らせてください。私はそれを作成するためにjsfiddle.netを使用しています。

ページはこちら: http://www.facebook.com/pages/Chefs-Classic-Knock-OUT-Bout/225835004169328

4

6 に答える 6

121

ああ、それは非常に簡単です。プログラミングは必要ありません。

参照: https://developers.facebook.com/docs/plugins/page-plugin

show streamオプションをオンのままにしておく必要があります。幅と高さ、およびその他のいくつかを調整できます。

于 2012-02-08T18:08:20.663 に答える
6

プラグインの代わりにカスタム コードを探している場合は、これが役立つ可能性があります。Facebook のグラフは、進化してからいくつかの変更が加えられました。これらの手順は、最近試してうまく機能した最新のグラフ API 用です。

主な手順は 3 つあります。1. サーバー側言語 (PHP) でコーディングできることを確認する、2. Facebook アクセス トークンを取得する、3. アクセス トークンを渡して Graph API を呼び出す。

1. アクセス トークンの取得- Facebook ページのアクセス トークンを取得する手順は次のとおりです。-私のウェブサイトに Facebook ページのフィードを埋め込みます。これに従って、アプリ ID とアプリ シークレットを提供する Facebook 開発者ページでアプリを作成する必要があります。この 2 つを使用してアクセス トークンを取得します。

2. Graph API の呼び出し- アクセス トークンを取得すると、これは非常に簡単になります。取得するすべてのフィールド/プロパティを含む Graph API への URL を作成し、この URL に対して GET 要求を行うだけです。asp.net MVC でそれを行う方法の一例を次に示します。asp.net mvc を使用して Facebook フィードを埋め込む。これは、HTTP GET 要求にすぎないため、他のテクノロジでもほぼ同じです。

サンプル FQL クエリ: https://graph.facebook.com/FBPageName/posts?fields=full_picture,picture,link,message,created_time&limit=5&access_token=YOUR_ACCESS_TOKEN_HERE

于 2016-06-09T17:50:26.637 に答える
4

新しいページ プラグインでは、Web サイトで複数のタブを作成できます。ページ プラグインを使用すると、Web サイトに任意の Facebook ページを簡単に埋め込んで宣伝できます。Facebook と同じように、訪問者はサイトを離れることなく、ページに「いいね」を押したり、共有したりできます。

  1. <body>JavaScript SDK をページに 1 回、理想的には開始タグの直後に含めます。

<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/sdk.js#xfbml=1&version=v2.5&appId={APP_ID}";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

  1. プラグインをページに表示したい場所に、プラグインのコードを配置します。

<div class="fb-page" 
     data-href="https://www.facebook.com/YourPageName" 
     data-tabs="timeline" 
     data-small-header="false" 
     data-adapt-container-width="true" 
     data-hide-cover="false" 
     data-show-facepile="true">
  <div class="fb-xfbml-parse-ignore">
    <blockquote cite="https://www.facebook.com/facebook">
      <a href="https://www.facebook.com/facebook">Facebook</a>
    </blockquote>
  </div>
</div>

次の設定を変更することもできます。

ここに画像の説明を入力

また、新しいページ プラグインを使用して、タイムライン、イベント、およびメッセージ タブを使用できるようになりました。

  • タイムライン タブ: Facebook ページのタイムラインの最新の投稿が表示されます。
  • イベントタブ: 人々はあなたのページのイベントをフォローし、プラグインからイベントを購読できます.
  • [メッセージ] タブ: Web サイトからページに直接メッセージを送信できます。この機能を使用するには、ユーザーがログインする必要があります。

<div class="fb-page" 
  data-tabs="timeline,events,messages"
  data-href="https://www.facebook.com/YourPageName"
  data-width="380" 
  data-hide-cover="false">
</div>

于 2015-12-05T09:26:42.117 に答える
2

Like Box/ Page プラグインは基本的に iframe で醜い :D

そこで、 FanPage フィードを表示するためにFamax プラグインと呼ぶ独自の無料プラグインを作成しました。いいねボックスに似ていますが、より優れた UI を持ち、よりカスタマイズ可能です。

また、いいねボックスは幅と高さが固定された iframe などに表示されるため、実際には反応しません。

于 2015-02-05T06:58:17.100 に答える
0

間違っている場合は訂正してください。ただし、Facebook はアクティビティ フィード プラグインを廃止したようです。さらに、アクティビティの代替プラグインはもうないようです。

リンクは次のとおりです: https://developers.facebook.com/docs/plugins/activity

于 2015-04-21T07:56:14.383 に答える