google +1 ボタンの設置方法

2011年6月1日、Googleは+1機能をウェブサイト内に設置できるボタンの提供を開始しました。
機能としてはmixiやFacebookのいいね!ボタンやTwitterのツイートボタンと同種のウィジェットです。

設置方法は、「google +1ボタン作成ページ」で生成されたコードを貼り付けるだけ。
ボタンのサイズを選び(プレビューも表示される)、
言語を選ぶだけでその都度コードに反映される。

1.次のコードを、ヘッダの < head > ~ < /head > の中に貼り付ける。

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

2.次のコードをテーマファイル内の +1 ボタンを表示させたい箇所に貼り付ける。

<g:plusone size="medium" count="false"></g:plusone>

その他詳細オプションを設定することで生成されるコードが変わりますので、
お好みに応じてボタンを作成してみてください。

当ブログでは、2.のコードを< div id="xxxx">< /div>で挟みこんで、
スタイルシートで表示位置の微調整を行っています。