WEB帳
WordPressにGoogle+ボタンを設置してみました

WordPressにGoogle+のボタンを設置するには、プラグインを使うと言う方法もあるようですが、自分的にはコードを張り付ける方法の方が簡単かなと思い今回はとりあえずコードを張り付ける方で対応しようと思います。

設置するには、javascriptを内にセットしGoogle+ボタンを表示したい箇所にHTMLコードをセットするだけで簡単に設置出来ます。

head内に以下のコードをセット

<!-- Google+ -->
<script>
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>

Google+ボタンを設置したい場所にセット

<div class="g-plusone" data-size="medium" data-href="<?php the_permalink(); ?>" ></div>

ここで、使用されているWordPressのテンプレートタグになるthe_permalinkは、テキストとして投稿のURLを表示しています。

バルーンタイプのサイズ

Google+のバルーンタイプのボタンは、small、medium、standard、tallの４種類用意されていてhtmlコード内のdata-sizeの属性をお好みのサイズに指定する事により変更されます。

【参考Webサイト】

• WordPressでプラグインに頼らずにGoogle+ボタンを設置する
• +1 ボタン – Google+ Platform — Google Developers

コメント（0件）

WordPressにGoogle+ボタンを設置してみましたに対するご意見、ご感想、情報提供など皆様からのコメントをお待ちしております。 お気軽にコメントしてください。

【ソーシャルボタン】

• 
• Tweet