WEBマスターのお仕事TOP > スポンサー広告 > 【更新】Facebookのコメント投稿フォーム設置WEBマスターのお仕事TOP > ソーシャルプラグイン設置 > 【更新】Facebookのコメント投稿フォーム設置

スポンサーサイト

(--/--/--)
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

【更新】Facebookのコメント投稿フォーム設置

(2011/12/03)
Facebookのコメントフォーム設置のコードが変わっていたのと、少し加筆する必要あったので、新しく投稿しなおします。  なお、これら各SNSから提供されるプラグインのコードはmixiもしかり、かなりの頻度で更新されていきますが、基本的には各コード提供画面に従って作業すれば問題なく設置できます。また古いコードでも、ほとんどの場合が問題なく動くので、慌てて更新する必要はなさそうです。(Google+ボタンは例外でしたが・・・


まずは旧記事のStep.1-2までは同じです。アプリIDをまだ取得していない人は↓へ登録が必要です。
https://developers.facebook.com/setup

Step.3でコード生成(Get code)すると、3種類のコードが提供されます。私はHTML5でやってみました。(当FC2ブログはHTML5で書かれていませんが問題なく動くようです)
facebookコメントフォーム
生成されるコードは2つに分かれていますので、説明通りに、1.は<body>の直後、2.をコメントフォームを設置したい場所にセットします。

尚、2.の href="" 部分はStep.2で入力した自サイトのURLが入力されていますが、このままですとコメントが投稿された際に全てTOPページへのリンクになってしまいます。 href="" の中に各記事のURLが入るような変数を入れることで、facebookに投稿されるリンクも各記事のURLを投稿できるようになります。 

Wordpressの場合は、固定記事のURLは

<div class="fb-comments" data-href="<?php the_permalink(); ?>" data-num-posts="2" data-width="400"></div>


FC2ブログの場合の固定記事URLの変数は<%topentry_link>
※記事ページに表示する場合は、固定記事に表示する変数<!--permanent_area-->~<!--/permanent_area-->の間に書くことを忘れないように。
参考→テンプレート用変数一覧

<div class="fb-comments" data-href="<%topentry_link>" data-num-posts="2" data-width="400"></div>


上手くいきましたか?役に立ったらコメントかいいね!を押してもらえるとうれしいです^^。
関連記事

コメント

この記事を参考に変数に置き換えて貼りつけてみたのですが,コメントがエントリ毎でなく全エントリに適用されてしまいます。対処法などないでしょうか?。

Re: タイトルなし

たっとぅー 様

返信遅くなりました。
エントリー毎に表示するためにはテンプレート内で<!--permanent_area-->~<!--/permanent_area-->の間に記述する必要がありますが、この点確認してみてください。記事にも追記しました。



> この記事を参考に変数に置き換えて貼りつけてみたのですが,コメントがエントリ毎でなく全エントリに適用されてしまいます。対処法などないでしょうか?。

コメントの投稿

サイト管理者にのみ通知する

トラックバックURL

http://goodjob4604.blog103.fc2.com/tb.php/117-41ee4546
月別アーカイブ
Google+
Twitter
ページトップへ
ブログパーツ
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。