googleのいいね!+1ボタン

facebookのいいねボタンに対抗?してgoogleの+1ボタン
検索に知り合いのアイコンが表示されるなど、検索には大事な要素になるかも知れません。
※それにより拡大を狙っているかも??googleはソーシャル系ことごとく失敗しているから最後はfacebookに…

ということで

google+1ボタンの設置方法

googleページへアクセス⇒こちら


設定は見たまんまで解説もいらない感じです。

1、サイズの部分で大きさを選びます。(右のプレビューが実際の大きさ)
2、言語を選びます。(Japanese)
これで詳細に設定しなければ、終り。
後は、した枠に表示されているタグをホームページに埋め込むだけ
</body>の前に埋め込み

<script type="text/javascript" src="http://apis.google.com/js/plusone.js">
{lang: 'ja'}
</script>

表示させたいところに埋め込み(20pxの設定の場合)

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

15px:small, 20px:medium, 24px:standard, 60px:tal
ちなみに、このページの下に表示されているのがmediumです。

カスタマイズ

さらに変更したい場合は詳細オプションをクリック
○カウンタ表示のチェックをはずすと推薦されている数字が非表示になります。
○表示するタイミングを任意に変更すると、
表示させたいタイミングで実行すれば表示されるjavascriptが下枠に表示されます。
○+1の対象にするURL⇒urlを指定できます。
指定することで、貼り付けた+1ボタンを別のurlでおしても、同じurlが推薦されるように設定できます。

html5で表示する

javascriptのDOMを使って表示している

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

スマートフォンのためにhtml5でも表示できるみたいです。

<div class="g-plusone" data-size="medium" data-count="true"></div>

コメントする