Facebook

【Angular.js】Facebookのソーシャルパーツを出力してくれるAngularFacebook。

かなりお手軽にいいねボタンなどを出力することが可能。

リポジトリは下記。

https://github.com/boynux/AngularFacebook

例えば、いいねボタン、シェアボタンを出力したい場合は下記のように記述すればOK。

ライブラリを注入した後に、ビュー側でこうする。

<facebook app-id="InsertApplicationIdHnere"></facebook>
<facebook-like share="true" layout="button"></facebook-like>

めっちゃ簡単。

 

【Facebook】のいいねボタンを配置した際に、他のソーシャルボタンと表示位置(高さ)がズレてしまう問題。

ぐぐたすとか、twitterと並べるとFacebookだけどうしても下にずれてしまう。

そんな時は下記のCSSで表示位置を強制してやると幸せになれる。

.fb_iframe_widget > span {
    vertical-align: baseline !important;
}