4コメントTweet共有/ブックマークFacebookのいいね!ボタンはすでに当たり前のように設置されているけど、これって登場からまだ1年半ちょっとだった(よね?)たぶん。こないだ仕事で、とあるWordPressで構築したサイトにいいね!ボタンを設置した所、謎のバグに遭遇した。紆余曲折の末、解決はしたんだけど、ちょっと気をつけておいたほうが良い点なども踏まえ、WordPress内でソースに書いて挿入する設置方法のまとめをしてみようと思った。Facebook開発者アカウントを認証しようまず、Facebookはスパム対策のため、アカウントを認証する必要があります。前提としてFacebookアカウントを持っていることが必要ですが、その上でこのページから携帯メールアドレスを確認しておきます。余談ですが、Facebookって解り辛いんですよね。個人的に日本語ライクじゃないというより、根本的な構造の問題もある気がしますけども。いいね!ボタンの設置方法いいね!ボタンの設定いいね!ボタンはFacebookコネクトのページからコードの発行ができます。※クリックで拡大表示。通常のサイトであれば上記画像のように順番に入れていけば良いのですが、WordPressなどのblogシステムの単体記事ごとにいいね!ボタンを設置したい場合、テーマファイル内のsingle.phpに記述する必要があります。なるとスタティックなURLではなく、動的に変わる記事ごとのURLに対応したコードである必要があります。それはこの時点では飛ばしてしまいましょう。正確なコードを出力するためにWordPressに適した形には後で修正します。この段階ではURLの所に自サイトのURLを適当に入れて進みましょう。CODE」をクリックするとプラグインコードが出てきます。■iframe版3種類のコードが選択できます。違いはというと、クリック時に同時にコメントを求めることが出来るのがhtml5版とxfbml版。iframe版はそれが利用できないみたいです。いいね!と共にコメントを加える窓は、こんな風に出ます。いいね!ボタン的には3種類の内どれでも良いのですが、html5の場合はhtml5版、コメントも同時に欲しい場合にはxfbml版、無難にいいね!のみの場合にはiframe版でしょうか。機能的に登場時からあってシンプルなのはiframe版でしょう。ちなみに当サイトはいいね!ボタンhtml5版を入れてみたんだけど、若干重いみたい^^;WordPressのコードに改めるここまででコードは取得できましたが、WordPressのテーマに記述する際には、単体記事を動的に取得する必要があります。パーマリンクを都度取得する必要がありますよね。