全俺が泣いた! Google+ フォローボタン登場! 設置方法を解説!

2013年7月2日Google+Google+,JavaScript,SNS,ボタン

著者: 今井 阿見

 google-plus-follow-button-0004

SNSのGoogle+ は2013年6月末に2周年を迎えました!

その舞台裏でひっそりとGoogle+ に外部用フォローボタンが追加されていました! やったね! これで、Google+アカウント、Google+ページを外部のページからサークルに追加する手段が増えました!

Facebook や Twitter には以前からフォローボタン、購読するボタンありましたが、Google+にはありませんでした。

代わりに、「Google+バッジ」というフォローボタンっぽい何かはありましたが、ついにGoogle+公式のフォローボタン登場です!

Google+ フォローボタン を設置してみよう!

Google+ Follow Button – Google+ Platform — Google Developers

Google+ フォローボタンは上記リンクから作ることができます。

google-plus-follow-button-0002

google-plus-follow-button-0003

見た目はこんな感じ。

ボタンの大きさと向きは好きなものから選べます。

google-plus-follow-button-0001

フォローボタンをクリックすることでどのサークルに入れフォローするか選べます。

フォローボタンのフォロー対象はGoogle+アカウント、Google+ページが選べます。

フォローボタン 設置方法

Google+ Follow Button – Google+ Platform — Google Developers にアクセス。

google-plus-follow-button-0005

ページ左側から各種設定を行うことで右側にサンプルのボタンとコードが表示されます。

英語がわからないよという方はページの一番下の一番右側に言語を選ぶボタンがありますのでそこから日本語を選びましょう。

google-plus-follow-button-0006

ボタンの設定が完了したら、ボタンを設置したい箇所に、出てきたコードのうちの

<!– Place this tag where you want the widget to render. –>
<div class="g-follow" data-annotation="vertical-bubble" data-height="24″ data-href="//plus.google.com/XXXXXXXXXXXX" data-rel="publisher"></div>

の部分を記入してください。(XXXXXXXの内部は対象によって異なります)

後はJavaScriptを任意のタイミングで呼び出すだけです。

<!– Place this tag after the last widget tag. –>
<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>

上記のスクリプトを任意の場所に埋め込んでください。+1ボタンなどを設置済みであればこのコードは既に記入されているはずなので必要ないはずです。私のブログでは</head>タグの直前にコードを書いています。

Google+ のフォローボタンを設置しよう

以上がGoogle+のフォローボタンの設置方法です。

Google+ バッジの方も新しくなっていますので、両方併用してご自身のGoogle+アカウントやGoogle+ページの紹介を試してみてください。

苦節ウン十年(実質2年)、Google+ フォローボタンの登場を待った甲斐がありました! Google+ のフォローボタンうまく使って行きたいですね!

この記事を書いた人

著者(今井阿見)画像

今井阿見

当ブログ『PLUS1WORLD』の記事執筆、編集、校正、プログラミング(一部)、管理を行っているのは今井阿見(いまいあみ)という個人のブロガーです。ブログは趣味と実益を兼ねて運営しています。

今井阿見は30年近くゲームを遊んでいるベテランのゲーマー。学生時代にゲーム作りや映像制作を行っていたので、ゲームだけでなく、映画やアニメなどの映像作品、スマートフォンやパソコン、ガジェットなどの分野にも深く関心があります。

このブログ記事を気に入ったら著者(今井阿見)を応援して下さい! 励みになります!

著者Twitterアカウント 著者YouTube