Google＋プロフィール（バッジ）をGoogleDevelopers推奨方法で設置する

2014/01/15 2014/11/22

Google™＋プロフィールを設置する方法と聞いて、
一般的に思いつくのがこちらのGoogleDevelopersサイトで
提供されているコードではないでしょうか。

今回はGoogleDevelopersサイトが提供してくれるコードを利用して、
サイトに設置する方法についてご紹介します。

はじめに

Google Developersのサイトは利用されているでしょうか。
Googleの様々なサービスを利用する上で、
プログラムを書かない人でも利用できる便利なツールも提供されています。

Google＋プロフィールについての情報

Google＋プロフィールを設置するにあたっての情報として以下のページが提供されています。
ユーザーとプロフィール情報の取得 – Google+ Platform — Google Developers

Google Developersのサイト

ここでは、ユーザー情報を取得する為の技術情報などが確認できます。
自らプログラミングをされる方にはこうした情報はありがたいのですが、
コピペで処理したい方にはちょっとディープな内容になります。

そんなコピペ向きのツールとして、以下のページがあります。
Google+ バッジ – Google+ Platform — Google Developers

Google+バッジページ

Google＋のプロフィールを表示するという表現よりも、
オフィシャルではバッジを表示するといった方が正しいかもしれません。

検索でうまく表示されなかった方はバッジで検索していれば出てきたかもしれませんね。

このページでは、バッジのデザイン変更と変更のプレビュー表示、
生成されたスクリプトコードのコピーが行えます。

Google+バッジページでカスタマイズ

デザインに限りはありますが、手軽にサイトにあったデザインを生成することができます。

Google+バッジカスタマイズ例

生成されたスクリプトコードをコピーして、
サイトやブログなどに貼り付けて利用します。

WordPressへの設置方法

WordPressでは様々なプラグインを利用して、
JavaScriptなどのスクリプトコードを挿入することができます。

個人的には以下の投稿でご紹介させて頂いたプラグインがお勧めです。
投稿の前後挿入、サイドバーと１つのプラグインで簡単に実現することができます。
【再投稿】投稿の前後挿入にPost6WidgetArea_v0.6.2－wordpressプラグインを利用

詳細は投稿を見て頂ければと思いますが、
サイドバーに設定する場合にはウィジェットエリアのサイドバーに対して、
テキストウィジェットを設定し、Google＋からのスクリプトコードを貼り付けるだけです。

投稿の前後や固定ページの前後に挿入する場合には、
個別記事コンテンツ前・後ウィジェットエリア、ページエリアスタート・エンド部に対して、
テキストウィジェットを設定し、Google＋からのスクリプトコードを貼り付けるだけです。

追加ウィジェットの表示

その他にもWordPressの挿入系プラグインはいろいろあると思いますが、
慣れたプラグインを使われるといいと思います。

尚、挿入系プラグインについては以下で数種類をご紹介しています。
投稿前後へのコード挿入を簡単にしてくれる－wordpressプラグイン

さいごに

Google＋プロフィールを表示するというだけであれば、
Googleが提供しているツールからコピーするだけで簡単に設置を行うことができます。

JetPackのようにプラグインから機能を有効化することで、
簡単に表示されるものもありますので、そちらの方がよろしければご検討されてはいかがでしょうか。
15.Google+ プロフィール－Jetpack by WordPress.com

尚、当サイトではGoogleDevelopersの方法で設置しています。

WordPressはWordPress Foundation の登録商標（第５０４９９６５号）です。
WordPressロゴ、アイコンその他のマーク等はWordPress Foundation の商標であり、
WordPress Foundation の著作物です。
WordPress.comはWordPress Foundation が管理運営を行うドメインならびにサービスの名称です。

Google™はGoogle Inc. の登録商標（第４４７８９６３号及び第４９０６０１６号）です。
GoogleロゴはGoogle Inc. の国際登録商標です。
国際登録番号：８８１００６及び９２６０５２及び１０８６２９９及び１０９１９９０及び１１４５９３４
Google+、Google+ロゴはGoogle Profiles™ サービスの一部を示し、
Google+、Google+ロゴはGoogle Inc. の商標です。