メニュー

メニュー

2017年2月21日火曜日

BloggerにGoogle+バッジを表示してみた | 日々のメモ帖 by holidaybuggy1980 holidaybuggy1980
300 300

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」ガジェットに上記コードを貼り付け、表示させたい場所に移動させる。


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

<2017.3.30追記>
文章を追加しました。

0 件のコメント:

コメントを投稿