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

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の4種類用意されていてhtmlコード内のdata-sizeの属性をお好みのサイズに指定する事により変更されます。

small
medium
standard
tall

【参考Webサイト】

コメント(0件)

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

コメントフォーム

【ソーシャルボタン】


TOP