Google +1ボタン

Googleから提供されている、「+1」ボタンをHPに設置してみました。

設置はとても簡単です。
下記URLを開いて・・・
http://www.google.com/webmasters/+1/button/

いくつかの設定をします。私の場合、

サイズ  ・・・標準
Annotation: ・・・バルーン
言語 ・・・日本語

としました。

こんなコードが表示されるので、

===

<!-- このタグを +1 ボタンを表示する場所に挿入してください -->
<g:plusone></g:plusone>


<!-- この render 呼び出しを適切な位置に挿入してください -->
<script type="text/javascript">
  window.___gcfg = {lang: 'ja'};


  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
===

緑の部分を、headerタグ内の最後あたりに、青の部分は、bodyタグ内の設置したい場所に貼り付けます。

Googleの場合は、Facebookのいいねボタンと異なりコードが共通なので、このコードをコピペして頂いても問題ないと思います。

このあたりからもGoogleの技術力の高さや、ユーザーの負担を少しでも減らそうという技術屋の優しさを感じます。

簡単なので、ぜひトライしてみて下さい。

コメント

このブログの人気の投稿

グーグルグループのメーリングリストの返信先が個人になってしまう

Googleカレンダー埋め込みの詳細をメモる。

google ドライブが windowsのエクスプローラーで検索できない!?