BloggerにGoogle+バッジを表示してみた

Google+のフォロー数が上がればブログアクセス数が上がるのではないかと考え、Google+バッジをブログのサイドメニューに貼り付けてみました。

Google+とは

Google製SNSでFacebookのような画像付の記事を投稿できるものです。
Google+のアカウントは、個人アカウントとブランドアカウントなどで作成できますが、今回はブランドアカウントで作成しました。

Google+バッジとは

Google+のプロフィール等を表示するもので、FacebookのPage Pluginに似たものです。

作成方法

1. 「Google+バッジ作成ページ」にアクセス。
2. 下記画像のような設定画面が表示されるので順に設定していく。

• Google+ ユーザー

個人ユーザーまたはブランドアカウントのプロフィール等のどちらかを設定する。

• 設定

アイコンかバッジのどちらか設定する。

• レイアウト

縦向きか横向きのどちらかを設定する。
（設定をアイコンにした場合は設定できない。）

• (幅)

幅のピクセル数を設定
（設定をアイコンにした場合は設定できない）

• 色のテーマ

明るいかダークのどちらか
（設定をアイコンにした場合は設定できない）

• カバー写真

有効か無効にするのどちらか
（レイアウトを横にした場合は設定できない）
（設定をアイコンにした場合は設定できない）

• キャッチフレーズ

有効か無効にするのどちらか
（レイアウトを横にした場合は設定できない）
（設定をアイコンにした場合は設定できない）

• 名称

表示する名称を指定
（設定をアイコンにした場合のみ設定できる）

　設定されるコードは下記のように表示されます。

<!-- head 内か、body 終了タグの直前に次のタグを貼り付けてください。 -->
<script src="https://apis.google.com/js/platform.js" async defer>
  {lang: 'ja'}
</script>

<!-- ウィジェット を表示したい位置に次のタグを貼り付けてください。 -->
<div class="g-page" data-href="Google+プロフィールのURL" data-theme="dark" data-layout="landscape" data-rel="publisher"></div>

表示方法

「HTML/Javascript」ガジェットに上記コードを貼り付け、表示させたい場所に移動させる。


以上、参考にしていただけたら幸いです。

＜２０１７．３．３０追記＞
文章を追加しました。