貧乏家族 からあげ & erocco のライフスタイル重視な家づくり
page top
街の便利屋さん。になりたかった…
でも、便利=都合のいい=どうでもよい、人間になりそうなので、便利屋さんじゃなくていいです。
エロッ子です。

昨日頑張って設定したFacebook周りの設定を書いてみよう。
ということで細々書きましたが、まとめです。
順番が大事だらかね。

基本全部Facebookはログインしておくこと。

まず、FaceBookブログ連携で必要なアプリの作成
これをしてないと、せっかくのソーシャルプラグインが台無し。
正直Blogに置くだけでは[いいね!]は誰が押してくれたか判らないし、コメントの投稿もBlogで完結してしまって、相乗効果なし。

FaceBookブログ連携で[いいね!]の設置

これが一番難関?というか[いいね!]が動けばあとは楽勝!!
ちゃんと動作確認しましょ。
てか、[いいね!]はサイト単位でしか動かんのね。
この辺り、最新情報は見つけられず。古い情報でもトップページと個別の記事で両用できず。残念!!

FaceBookブログ連携でコメントの設置

コメント表示されると感激!!
って僕だけ??
ここでは表示やエラーになっていないかの確認しても、投稿のテストは最後の方が消しやすいかも。

ちなみにfc2で苦労したのがコメントを表示をOFFにしてFacebookコメントを出す方法。
PC側だけしたみたいな感じのタグで囲んで、個別の記事ページだけ表示させた。

<!--not_index_area-->
<div class="fb-comments" data-href="<%url>blog-entry-<%topentry_no>.html" data-width="470" data-num-posts="10"></div>
<!--/not_index_area-->


逆にスマーフォンサイトはもともとリンクで別ページへ飛んでからコメントが記入できたけど、個別の記事ページへそのまま押し込んだ。

ブログツールって難しい。

で、このあと便利にする最終工程と行きたいところだけど、
いきなり進むとつまずくから、さきに「ユーザーID」を探さないとね。

FaceBookブログ連携でつかいたい「ユーザーID」の取得

で、最後に出来る限り連携しちゃおう!!

FaceBookブログ連携で普段使い連携をさせる

これで完成。てかしっかり動作確認忘れないように!!

で、僕がつかってるfc2はスマートフォンとPCでコメントが連動しない。
なんでか調べてみたら、
PCでのURLでは『http://pingire.blog.fc2.com/blog-entry-0.html』
スマートフォンでのURLでは『http://pingire.blog.fc2.com/?no=0』
おい!こりゃ無理だろ。
片方がパラメータ指定で、片方はhtmlページとして扱ってるし!
同じ記事でURL違う。
PC側は多分SEOなんだろうけど…
なぜスマートフォンがそうなってるか微妙。

ってことで、こんな方法でURL入れてます。コメントも[いいね!]も

<div class="fb-comments" data-href="<%url>blog-entry-<%topentry_no>.html" data-width="470" data-num-posts="10" ></div>



これで完成!!
やったね。

shot.png
© ぴんぎれ〜. all rights reserved.
Page top
FC2 BLOG