Google+でプロフィール(ページ)の埋め込みを作りWEBサイトに貼り付ける方法

9ineBB Google+
このエントリーをはてなブックマークに追加
PR

Google+のプロフィールやGoogleのページをWEBサイトで紹介するときにリンクとかよりも、見栄え的に埋め込みを使うといい感じに仕上がります
その埋め込みを作る方法です

 

埋め込みの作成

https://developers.google.com/+/web/badge/

WS002599

初期値では、ユーザーのプロフィールが読み込まれるようになっています
ページ用の埋め込みを作成する場合は名前をotherに切り替えて。下に表示さえるテキストエリアにページのURLを貼り付けます

あとはラジオボタンを入れ替えてみたりして見た目を好みに合わせていきます

 

当サイトならこんな感じにの表示になっています(これは画像です)

WS002601

 

WS002600

プレビューの下にあるコードをコピーして、表示させたい場所のHTMLに貼り付けます

 

ちなみに上の短い方のコードと、下の長い方のコードがありますが
長い方のコードはGoogle+のボタンと同じものなのでどちらか一方のコードだけで十分です

よくわからない人は、そのまま全部をコピペでOKです

 

実際に埋め込んだもの

良かったらついでにフォローしちゃったりして

PR

COMMENT

コメントを残す

PR

9ineBBの管理人が運営するサイト

WDG WEB DESIGN GALLERY ウェブデザインギャラリー CC0 PHOTO 無料で使える高画質な写真をダウンロード、クレジット表記、リンク不要

9ineBBの最新情報をチェック・購読

Twitter Facebook Google+ Feedly RSS

どこをクリックしてもこの表示を消せます
(3日後以降に再度表示されます)