頑張らない!でも諦めない!必死にならずにええかげん

Google+プロフィール(バッジ)をGoogleDevelopers推奨方法で設置する

      2014/11/22

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

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

はじめに

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

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

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

01_Google Developersのサイト

Google Developersのサイト

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

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

02_Google+バッジページ

Google+バッジページ

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

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

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

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

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

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

04_Google+バッジカスタマイズ例

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

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

WordPressへの設置方法

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

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

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

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

04_追加ウィジェットの表示

追加ウィジェットの表示

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

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

プロモーション(btm)

Google or AdMax Promotion (it)

さいごに

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

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

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


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

Google™はGoogle Inc. の登録商標(第4478963号及び第4906016号)です。
GoogleロゴはGoogle Inc. の国際登録商標です。
国際登録番号:881006及び926052及び1086299及び1091990及び1145934
Google+、Google+ロゴはGoogle Profiles™ サービスの一部を示し、
Google+、Google+ロゴはGoogle Inc. の商標です。

*本ページ内に記載されされた各社ブランド、サービス名、商標、登録商標については、
各社ブランドのロゴや商標等に関する帰属についてをご確認ください


最後までお読みいただきありがとうございました。

アイキャッチ画像に利用させて頂いております、各社ブランドのロゴやシンボルに関しては、
各社ブランドのロゴや商標等に関する帰属についてをご確認頂けますようお願い致します。

AdMax Promotion

ブログ記事のご紹介
すべて展開 | すべて省略

Rakuten Promotion

ページ
すべて展開 | すべて省略

 - Google, WordPress ,

  関連記事

eye_phpmyadmin
(phpMyAdmin)タイムアウト設定の動作と確認

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_wordpress
wordpressでテーブルタグの簡易作成方法

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_google_anl
Google™Analyticsのレポートは明日まで待たずにすぐに確認できたんですね。実は・・・

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_google_pls
Google+プロフィールの名前付けポリシーで指摘受け対応しました

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_wordpress
14.コンタクトフォーム-Jetpack by WordPress.com

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_wordpress
wordpress標準のコメントシステムの入力・承認フロー

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_google_old
WordPress4.0日本語をGoogle App Engine for PHPにインストールする概要

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_blogger
Blogger™を利用する際に実名を利用しない方法

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_gmail
Gmail™サブメールアドレスを利用したラベルによる分類設定

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_google_ads
Google™AdSenseの検索向けユニット(サイト内検索・カスタム検索エンジン)の設定とデザイン

Google or AdMax Promotion(it) 禁断の機能がau公式 …