ブログ(WordPress)にGoogle+1ボタン、Facebook(いいね!)ボタンを追加する方法

以前、Twitterボタンとはてブボタンの設置方法を書きましたが、
今回はGoogle+1ボタン、Facebook(いいね!)ボタンの設置についてです。

まずは、Google+1ボタンの設定方法

公式サイト:Google+1 / プラスワン ボタン

上のリンクから、簡単に設定できます。
好きなデザインを選んで、
ページ下にあるソースを、自分のブログに貼ればOKです。

Google+1ボタンの画面キャプチャ

下記のように、パーマリンクのタグを書けば、
ホームに表示させた時もその記事のURLを取得してくれます。

<g:plusone href="<?php the_permalink() ?>"></g:plusone>

次は、Facebook(いいね!)ボタンの設定方法

公式サイト:Like Button / Facebook(いいね!)ボタン

こちらも、上のリンクから、簡単に設定できます。
ただし、Google+1ボタンのように「ボタンが表示されるページのURL」というのは設定できません。

でもWordPressならw

「URL to Like」という項目にURLを入れるのですが、
現在のページのURLを取得するタグを入れるとコードを吐き出すときに、
文字化けしてしまうので、
最初は「xxxxxxx」など分かりやすい適当な文字を入れて、
吐き出されたコードの「xxxxxxx」を、下記のテンプレートタグと差し替えます。

<?php the_permalink(); ?>

これをindex.phpなど、表示させたい場所に埋め込みます。
これでOKです。

Facebook(いいね!)ボタンの画面キャプチャ

この記事に関連する記事

コメントをどうぞ