Facebook, Twitter, Google+のShare Buttonを設置する方法

Web like_tweet_ 1buttonSiteを構築するときに定番になっているFacebook Like, Tweet Button, Google +1 Buttonの設定方法。

まずは埋め込むScriptを自動生成してくれる各Official SiteへのLink

以下はParameterの設定など開発者向け情報のLink

 

1. Facebook Like & Share

"Like"に統合されてSupportされなくなった"Share"機能
Facebook Share - Facebook Developer

Open Graph ProtocolのDocument
Open Graph Protocol - Facebook Developers

"Like" (OGP)の動作確認が出来るTool。昔は"URL Linter"って名前だった。
Debugger - Facebook Developers

 

2. Tweet Button

Parameterの説明。
Tweet Button | Twitter Developers

iframe内の幅を変更する方法
新しくなった公式Twitterボタン(ツイートボタン)のデザインを修正する: 小粋空間

 

3. Google +1 Button

"+ 1 Button"の設定、Parameterの説明
+1 Button - Google+ Platform - Google Developers

動作確認。Facebook debuggerの+1版。
Webmaster Tools - Rich Snippets Testing Tool

Google+ 開発者向け公式Blog
Google+ Developers Blog

 

ちなみにWordPressを使っているならPluginを導入した方が簡単。

 

< Related Posts >