ホームページ作成後の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でコードが取得できませんので、

上のデータを参考に下記のコードを書き換えてみてください。

例

"no" frameborde<wbr />r="0"<wbr /> allowTrans<wbr />paren<wbr />cy="t<wbr />rue" style="bor<wbr />der:n<wbr />one; overflow:h<wbr />idden<wbr />; width:300p<wbr />x; height:300<wbr />px"></div></div><div><div></i<wbr />frame<wbr />></div></div></blockquote><div><div><br /></div><div><br /></div><div><div><iframe src="http:<wbr />//www<wbr />.face<wbr />book.com/p<wbr /><wbr />lugins/act<wbr />ivity<wbr />.php?<wbr />site=サイトドメイン&width=横幅&height=高さ&header=tru<wbr />e&colo<wbr />rsche<wbr />me=light&ma<wbr /><wbr />x_age=0&dat<wbr />a-act<wbr />ion=l<wbr />ikes,recom<wbr /><wbr />mends" scrolling=<wbr />"no" frameborde<wbr />r="0"<wbr /> allowTrans<wbr />paren<wbr />cy="t<wbr />rue" style="bor<wbr />der:n<wbr />one; overflow:h<wbr />idden<wbr />; width:横幅px; height:高さpx"></div><div></iframe<wbr />></div></div><div><br /></div><div><br /></div><a name="2">～</a><div><span style="color: rgb(102, 0, 204); font-size: x-large;">Recommenda<wbr />tions<wbr /></span></div><div><a href="https://developers.facebook.com/docs/plugins/recommendations/" target="_blank">https<wbr />://develop<wbr /><wbr />ers.facebo<wbr />ok.co<wbr />m/doc<wbr />s/plugins/<wbr /><wbr />recommenda<wbr />tions<wbr />/</a></div><div><br /></div><div><a href="http://www.i-hive.co.jp/hirai/file/2000.jpg" onclick="fileOpen('/hirai/file/2000_jpg.html','753','752','no','no','no','no','no','no','no'); return false"><img alt="Recommendations" border="0" class="pict" height="399" hspace="3" src="http://www.i-hive.co.jp/hirai/file/s2000.jpg" width="400" /></a><br /></div></div><blockquote style="margin: 0 0 0 40px; border: none; padding: 0px;"><div><div>App ID(app_id)<wbr /> 前回取得したアプリID</div></div><div><div>Actions to Show(data-<wbr />actio<wbr />n)</div></div><div><div>Dom<wbr />ain(site) ホームページのドメインを入力</div></div><div><div>Width(widt<wbr />h) 横幅</div></div><div><div>Height(hei<wbr />ght) 高さ</div></div><div><div>Maximum Age(max_ag<wbr />e) 投稿からの経過日数 1-180日まで 0は制限なし</div></div><div><div>Color Scheme(col<wbr />orsch<wbr />eme) 色味の設定</div></div><div><div>Show Header(hea<wbr />der) ヘッダの表示非表示</div></div></blockquote><div><div><br /></div><div><br /></div><div>Facebookの友達の情報を元におすすめの記事を表示します。</div><div>ログインしてない場合は一般的なお勧め記事を表示します。</div><div><br /></div></div><blockquote style="margin: 0 0 0 40px; border: none; padding: 0px;"><div><div><iframe src="http:<wbr />//www<wbr />.face<wbr />book.com/p<wbr /><wbr />lugins/rec<wbr />ommen<wbr />datio<wbr />ns.php?sit<wbr /><wbr />e=www.i-hi<wbr />ve.co<wbr />.jp&wi<wbr />dth=300&hei<wbr /><wbr />ght=300&hea<wbr />der=t<wbr />rue&co<wbr />lorscheme=<wbr /><wbr />light&max_a<wbr />ge=0&d<wbr />ata-a<wbr />ction=like<wbr /><wbr />s,recommen<wbr />ds" scrolling=<wbr />"no" frameborde<wbr />r="0"<wbr /> allowTrans<wbr />paren<wbr />cy="t<wbr />rue" style="bor<wbr />der:n<wbr />one; overflow:h<wbr />idden<wbr />; width:300p<wbr />x; height:300<wbr />px"></div></div><div><div></i<wbr />frame<wbr />></div></div></blockquote><div><div><br /></div><div>お気づきになったと思いますが、Activity Feedは、人が軸になって、</div><div>おすすめしてくれます。Recommenda<wbr />tions<wbr />は、ページが軸になっておすすめしてくれます。</div><div>しかし、ログアウトすると、どちらも同じような表示になりますので、</div><div>2つ並べると、同じ情報になるので注意が必要ですね。</div><div><br /></div><div><br /></div><a name="3"></a><div><span style="color: rgb(102, 0, 204); font-size: x-large;">Like Box</span></div><div><a href="https://developers.facebook.com/docs/plugins/like-box-for-pages/">https:/<wbr />/deve<wbr />loper<wbr />s.facebook<wbr /><wbr />.com/docs/<wbr />plugi<wbr />ns/li<wbr />ke-box-for<wbr /><wbr />-pages/</a></div><div><br /></div><div><br /></div><div>これは、プロフィールの<span style="font-size: x-large;">Facebookページ専用</span>のものです。</div><div><br /></div><div>このようなものをホームページに掲載します。</div><div><br /></div><div><img alt="LikeBox" border="0" class="pict" height="278" hspace="3" src="http://www.i-hive.co.jp/hirai/file/s2001.jpg" width="306" /></div><div><br /></div><div><br /></div></div><blockquote style="margin: 0 0 0 40px; border: none; padding: 0px;"><div><div>Facebook Page URL　 FacebookページのURL</div></div><div><div>Width　横幅</div></div><div><div>Height　高さ</div></div><div><div>Color Scheme　色み</div></div><div><div>Show Friends' Faces 　顔写真を出すか出さないか</div></div><div><div>Show Header　ヘッダを表示するかしないか</div></div><div><div>Show Posts 　投稿を表示するかしないか</div></div><div><div>Show Border　枠線をつけるか付けないか</div></div></blockquote><div><div><br /></div><div><a href="http://www.i-hive.co.jp/hirai/file/2002.jpg" onclick="fileOpen('/hirai/file/2002_jpg.html','740','658','no','no','no','no','no','no','no'); return false"><img alt="LikeBox" border="0" class="pict" height="355" hspace="3" src="http://www.i-hive.co.jp/hirai/file/s2002.jpg" width="400" /></a></div><div><br /></div><div><br /></div><div><br /></div><div>上記のタグをコピーしたら、コムログクラウドの管理画面で</div><div>タグ編集にて貼り付けてください。</div><div><br /></div><div><br /></div><div><br /></div><div>これを、実際に埋め込んでみます。</div><div><br /></div><div>管理画面で埋め込みたいフリースペースを開いて</div><div><br /></div><div><a href="http://www.i-hive.co.jp/hirai/file/1988.jpg" onclick="fileOpen('/hirai/file/1988_jpg.html','840','703','yes','yes','no','no','no','no','no'); return false"><img alt="" border="0" class="pict" height="333" hspace="3" src="http://www.i-hive.co.jp/hirai/file/s1988.jpg" width="400" /></a></div><div><br /></div><div>エディターの一番最後の <> タグ編集を選びます。</div><div><br /></div><div><a href="http://www.i-hive.co.jp/hirai/file/1989.jpg" onclick="fileOpen('/hirai/file/1989_jpg.html','830','716','yes','yes','no','no','no','no','no'); return false"><img alt="" border="0" class="pict" height="343" hspace="3" src="http://www.i-hive.co.jp/hirai/file/s1989.jpg" width="400" /></a></div><div><br /></div><div>そしてコピーしていたソースを挿入します。</div><div><br /></div><div>あとはきちんと動いているかどうか確認をしてください。</div><div><br /></div><div><span style="font-size: x-large; color: rgb(102, 51, 255);">外部埋め込み機能</span></div><div><br /></div><div>もう一つFacebookページに来てもらうツールとして、</div><div>動画や画像などの投稿をホームページに貼り付けることができます。</div><div><br /></div><div><span style="color: rgb(255, 0, 0);">公開設定</span>にしている発言の場合、</div><div>発言の右上に付いている三角のマークを押すと、</div><div>「外部へ埋め込み」という表示が出てきます。</div><div><br /></div><div>私が、<a href="http://www.ordos-fukuoka.com/" target="_blank">モンゴル料理やさんオルドス家</a>で作った動画で説明します。</div><div><a href="http://www.ordos-fukuoka.com/">http://www<wbr />.ordo<wbr />s-fuk<wbr />uoka.com/</a></div><div><br /></div><div><br /></div><div>発言の右上にマウスを持って行くと、下のように窓が開くと思います。</div><div><a href="http://www.i-hive.co.jp/hirai/file/2003.jpg" onclick="fileOpen('/hirai/file/2003_jpg.html','525','742','no','no','no','no','no','no','no'); return false"><img alt="" border="0" class="pict" height="565" hspace="3" src="http://www.i-hive.co.jp/hirai/file/s2003.jpg" width="400" /></a></div><div><br /></div><div>それをクリックして開くと下のような画面になります。</div><div><br /></div><div><a href="http://www.i-hive.co.jp/hirai/file/2004.jpg" onclick="fileOpen('/hirai/file/2004_jpg.html','586','616','no','no','no','no','no','no','no'); return false"><img alt="" border="0" class="pict" height="420" hspace="3" src="http://www.i-hive.co.jp/hirai/file/s2004.jpg" width="400" /></a></div><div><br /></div><div><br /></div><div>「ウェブサイトにこのコードを貼り付けてください。」</div><div>の上のコードをコピーして、記事に書き込むと、</div><div>Facebookの発言をそのまま表示できます。</div><div><br /></div><div>YOUTUBEでも、動画を掲載できますが、</div><div>Facebookへ誘導したい場合は、こちらも有効だと思います。</div><div><br /></div><div>実際に貼りこむとこのような感じです。</div><div><br /></div><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/ja_JP/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script><div class="fb-post" data-href="https://www.facebook.com/photo.php?v=658850047491431" data-width="550"><div class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/photo.php?v=658850047491431">投稿</a> by <a href="https://www.facebook.com/yoshiaki.hirai">平井良明</a>.</div></div><div><br /></div><div><br /></div><div>※注意：公開設定している発言のみになります。</div><div>また、Facebook内の公開と違いより多くの人に<br />見られることになりますので、注意してください。</div><div><br /></div><div><br /></div><div><br />Facebookの仕様はコロコロ変わります。</div><div>使えなくなったり、新しい機能が増えたり、</div><div>そんなところを楽しんで使うしかなさそうです。</div><div><br /></div><div><br /></div><div><a href="http://www.i-hive.co.jp/hirai/2355.html"><img alt="" border="0" class="pict" height="66" hspace="3" src="http://www.i-hive.co.jp/hirai/file/s1955.gif" width="100" /></a> 　　　 <span style="font-weight: bold;"> <a href="http://www.i-hive.co.jp/hirai/2354.html">１</a>　<a href="http://www.i-hive.co.jp/hirai/2355.html">２</a>　３</span> </div><div><br /><div><hr /><a href="http://cloud.feedly.com/#subscription%2Ffeed%2Fhttp%3A%2F%2Fwww.i-hive.co.jp%2Fhirai%2Findex_rss2.xml" target="blank"><img alt="follow us in feedly" height="56" id="feedlyFollow" src="http://s3.feedly.com/img/follows/feedly-follow-rectangle-flat-big_2x.png" width="131" /></a>　<a href="http://www.i-hive.co.jp/hirai/index_rss2.xml" target="_blank"><img alt="" class="pict" height="56" hspace="3" src="http://www.i-hive.co.jp/hirai/file/1860.gif" /></a> </div><div><hr /></div><div><span style="background-color: rgb(0, 102, 0); color: rgb(255, 255, 255);">近々行われるセミナーやイベントスケジュール</span><iframe frameborder="0" height="300" scrolling="no" src="https://www.google.com/calendar/embed?showTitle=0&showDate=0&showPrint=0&showTabs=0&showCalendars=0&showTz=0&mode=AGENDA&height=300&wkst=1&bgcolor=%23FFFFFF&src=tdla6ob8anrk9kijhh0nhltldo%40group.calendar.google.com&color=%23B1440E&ctz=Asia%2FTokyo" style=" border-width:0 " width="600">

著書

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

アマゾンの販売はこちら

========================================================
　コミュニケーションブログ COMLOG　http://www.comlog.jp/
　中小企業向け　コムログクラウド　http://fukuoka.shoplog.jp/
========================================================ツイッターアカウントは、@comlog
フェイスブックは、http://www.facebook.com/yoshiaki.hirai

※この記事は、下記URLと重複しています。ご了承ください。
「ホームページ作成後のFacebook【コムログクラウド風】：第三回（http://www.i-hive.co.jp/hirai/2357.html）」