javascriptでfacebook APIを使用するときに便利なスクリプト「fb_loader.js」

<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.ateliee.com/wp-content/uploads/2013/03/images.jpg" alt="images" width="225" height="225" class="alignnone size-large wp-image-1074" srcset="https://i2 comparateur de viagra.wp.com/www.ateliee.com/wp-content/uploads/2013/03/images.jpg?w=225&ssl=1 225w, https://i2.wp.com/www.ateliee.com/wp-content/uploads/2013/03/images.jpg?resize=150%2C150&ssl=1 150w, https://i2.wp.com/www.ateliee.com/wp-content/uploads/2013/03/images.jpg?resize=160%2C160&ssl=1 160w” sizes=”(max-width: 225px) 100vw, 225px” />images
facebookのAPIをJavaScript SDKで使用する場合、いちいち
<div id=”fb-root”></div>
を記述するのも面倒で、場合によってはできない場合もあるかと思います。
そこでJavaScript SDKを読み込みやすくするためのスクリプトを
つくってみましたので、よろしければお使い下さい。

→Javacsript SDKについての詳しい仕様マニュアル(英文)

仕様説明

内部構造はいたって単純で、Javascriptから<div id=”fb-root”></div>を
追加し、Javascript SDKを読み込むようにしております。

また、SDK読み込み後の処理を複数のファイルに記述できないネックが
あったので、そちらも拡張いたしました。

使い方

下記ダウンロードより、fb_loader.jsを任意のサーバーにアップし、読み込みます。
jQueryを使用しておりますので、jQueryも読み込んでください。

<br />
<br />
<br />

呼び出しの宣言をいたします。

<br />
// <br />

ダウンロード

facebook JavascriptSDKライブラリ「fb_loader.js」

バグなどありましたら、ご使用のブラウザ・環境・現象を教えてください。

できる限り修正いたします。

今後も便利な関数などありましたらご紹介していきます。
よろしければいいねして下さいね(^^)

You may also like...

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です