オルタナティブ・ブログ > 教育ICT研究室 >

グローバル化する中で日本人はどのようにサバイバルすればよいのか。子ども×ICT教育×発達心理をキーワードに考えます。

各種SNSの「バッジ」 設置方法まとめ

»

はじめに

SNSを利用している方は、「自分のブログからSNSに誘導できないかな? 」と思われるかもしれません。そのような場合は、各SNSのボタンやバッジを活用すると便利です。

例:Asa Kataoka Office

20140323223801↑左上にGoogle+のバッジを貼りました。

SNSの"バッジ”を作成したい場合は、「SNSの名前+バッジ」で検索していただくと見つかります。ですが、まとめ記事があったほうが便利だと考えたので、主要なSNSのバッジを紹介します。

各SNSのバッジ

Twitter

Twitter "Follow" Badge for your site/blog:http://www.go2web20.net/twitterfollowbadge/

参考:Twitter (公式):https://twitter.com/about/resources/buttons

※Twitter "Follow" Badge for yourは、Twitter公式ではありません。ですが、複数の有名サイトで使われています。「follow me(usなども選べる)」ボタンがスクロールに合わせて移動するのが便利です。

設置方法は、「あなたのウェブサイトやブログに簡単に「Follow me」を設置する方法」などをご参照ください。

facebook

facebookバナー(公式):http://www.facebook.com/badges/

※以下は私が運営しているfacebookページ用バナー(バッジ)です。ブログのサイドバーに貼り付けている方をよく見かけます。

片岡麻実のictマガジン(旧・Skypeレッスン) | Facebookページも宣伝

その他、「Fabebookバナー」では、プロフィール用バナー、いいねバナー、写真バナーも作成することができます。

Google+

Google+(公式):https://developers.google.com/+/web/badge/?hl=ja

※私が最初に使った当初は英語のページのみで、+1ボタンが表示されているだけでした。しかし、今はGoogle+のカバー写真・本人の写真orイラストも表示されるようになりました。

LinkedIn

LinkedIn(公式):https://developer.linkedin.com/plugins

※もっとも「バッジ」のページが見つけにくかったSNSでした。「Member Profile」のところが、バッジに相当するのではないかと思い、ご紹介します。

「Member Profile」をブログ/ウェブサイトに貼り付けると、LinkedInのプロフィールを写真入りで表示することが可能です。仕事用のページで使うと、有効ではないでしょうか。

SlideShare

SlideShare(公式):http://blog.slideshare.net/2013/01/08/get-more-followers-by-adding-a-slideshare/

※公式メールマガジン(英語)でバッジのことを知りました。「How to get more followers by adding a SlideShare badge to your website」で、ボタンやバッジを作成する方法がわかります。

SlideShareはブログ/サイトにスライドを埋め込むことが多かったのですが、ユーザー・プロフィールのバッジを活用する手もあるようです。

おわりに

どれも私の個人サイトで実際にためしたバッジです。ブログのサイドバーに貼り付けておくと、読者がSNSの各ページを見てくれるようです。

ただし、JavaScriptを利用しているバッジもあります。たくさん使いすぎてしまうと、ページの読み込みが重くなってしまいます。皆様のニーズに合わせてご活用くださいね。

関連記事

Google+やLinkedIn、Twitter・facebookなどソーシャルボタンが作成できるURL まとめ - MediaBasara

編集履歴:2014.4.1 8:00 個人ブログに書いた記事を最新情報に改めて、ITmedia用に改稿しました。2014.5.26 16:04 題名を「Google+やLinkedIn、Slideshareなどソーシャルメディアの「バッジ」が作成できるURL まとめ」から改めました。

Comment(0)