PLUS1WORLD

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

 google-plus-follow-button-0004

 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/XXXXXXXXXXXXXXXXXXXX” data-rel=”publisher”></div>

広告

[Google+プラットフォーム] Google+, JavaScript, ボタン