【福岡・東京】ビジネスブログ・社内ブログシステムの開発会社ホームページ制作・情報サイト企画制作運営

Facebookにログインしている場合、友達がホームページで
「いいね！」や、シェア、コメントしたコンテンツが表示されます。

ログアウトしている場合はおすすめを表示します。

友達のいいね！などが少ない場合は、おすすめが表示されます。

App ID(app_id) 前回取得したアプリID

Actions to Show(data-action)

Domain(site) ホームページのドメインを入力

Width(width) 横幅

Height(height) 高さ

Maximum Age(max_age) 投稿からの経過日数 1-180日まで 0は制限なし

Color Scheme(colorscheme) 色味の設定

Show Header(header) ヘッダの表示非表示

<iframe src="http://www.facebook.com/plugins/activity.php?site=www.i-hive.co.jp&width=300&height=300&header=true&colorscheme=light&max_age=0&data-action=likes,recommends" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:300px; height:300px">

</iframe>

<iframe src="http://www.facebook.com/plugins/activity.php?site=サイトドメイン&width=横幅&height=高さ&header=true&colorscheme=light&max_age=0&data-action=likes,recommends" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:横幅px; height:高さpx">

</iframe>

～

Recommendations

https://developers.facebook.com/docs/plugins/recommendations/

App ID(app_id) 前回取得したアプリID

Actions to Show(data-action)

Domain(site) ホームページのドメインを入力

Width(width) 横幅

Height(height) 高さ

Maximum Age(max_age) 投稿からの経過日数 1-180日まで 0は制限なし

Color Scheme(colorscheme) 色味の設定

Show Header(header) ヘッダの表示非表示

<iframe src="http://www.facebook.com/plugins/recommendations.php?site=www.i-hive.co.jp&width=300&height=300&header=true&colorscheme=light&max_age=0&data-action=likes,recommends" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:300px; height:300px">

</iframe>

お気づきになったと思いますが、Activity Feedは、人が軸になって、

おすすめしてくれます。Recommendationsは、ページが軸になっておすすめしてくれます。

しかし、ログアウトすると、どちらも同じような表示になりますので、

2つ並べると、同じ情報になるので注意が必要ですね。

Like Box

https://developers.facebook.com/docs/plugins/like-box-for-pages/

これは、プロフィールのFacebookページ専用のものです。

このようなものをホームページに掲載します。

Facebook Page URL　 FacebookページのURL

Width　横幅

Height　高さ

Color Scheme　色み

Show Friends' Faces 　顔写真を出すか出さないか

Show Header　ヘッダを表示するかしないか

Show Posts 　投稿を表示するかしないか

Show Border　枠線をつけるか付けないか

上記のタグをコピーしたら、コムログクラウドの管理画面で

タグ編集にて貼り付けてください。

これを、実際に埋め込んでみます。

管理画面で埋め込みたいフリースペースを開いて

エディターの一番最後の <> タグ編集を選びます。

そしてコピーしていたソースを挿入します。

あとはきちんと動いているかどうか確認をしてください。

外部埋め込み機能

もう一つFacebookページに来てもらうツールとして、

動画や画像などの投稿をホームページに貼り付けることができます。

公開設定にしている発言の場合、

発言の右上に付いている三角のマークを押すと、

「外部へ埋め込み」という表示が出てきます。

私が、モンゴル料理やさんオルドス家で作った動画で説明します。

http://www.ordos-fukuoka.com/

発言の右上にマウスを持って行くと、下のように窓が開くと思います。

それをクリックして開くと下のような画面になります。

「ウェブサイトにこのコードを貼り付けてください。」

の上のコードをコピーして、記事に書き込むと、

Facebookの発言をそのまま表示できます。

YOUTUBEでも、動画を掲載できますが、

Facebookへ誘導したい場合は、こちらも有効だと思います。

実際に貼りこむとこのような感じです。

投稿 by 平井 良明.

※注意：公開設定している発言のみになります。

また、Facebook内の公開と違いより多くの人に
見られることになりますので、注意してください。

Facebookの仕様はコロコロ変わります。

使えなくなったり、新しい機能が増えたり、

そんなところを楽しんで使うしかなさそうです。

        　　　        １　２　３    

---

　  

---

近々行われるセミナーやイベントスケジュール

---

著書

  「読み書きそろばんソーシャルメディア！」 

   アマゾンの販売はこちら 

    
 ========================================================
　コミュニケーションブログ COMLOG　http://www.comlog.jp/

　中小企業向け　コムログクラウド　http://cloud.comlog.jp/

　福岡ショップ情報局　http://fukuoka.shoplog.jp/
========================================================

ツイッターアカウントは、@comlog

フェイスブックは、http://www.facebook.com/yoshiaki.hirai