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の技術力の高さや、ユーザーの負担を少しでも減らそうという技術屋の優しさを感じます。
簡単なので、ぜひトライしてみて下さい。
設置はとても簡単です。
下記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の技術力の高さや、ユーザーの負担を少しでも減らそうという技術屋の優しさを感じます。
簡単なので、ぜひトライしてみて下さい。