情報秘密基地

2013年1月3日【木】15時56分38秒

グーグル＋のボタンを、ウェブサイトに表示する方法です。

下記サイトで、ボタンのコードを取得できます。
Google+共有ボタン作成サイト
コードを取得すれば、後は自分のホームページの何処かに張り付けるだけです。

【以下の２行のうち、下の一行を、表示したい場所に張り付けてください】
<!-- Place this tag where you want the share button to render. -->
<div class="g-plus" data-action="share"></div>

【以下の９行のうち一番上以外の８行をタグの直前に張り付ければ大丈夫です】
<!-- Place this tag after the last share tag. -->
<script type="text/javascript">
window.___gcfg = {lang: 'ja', parsetags: 'onload'};
(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>

上記を張りつけるだけでボタンが設置可能です。