ホームページのネタ帳

jQueryを利用してfacebookのウォールを取得するfb.wall.js

2012年4月04日

以前ご紹介した「facebookページのウォールをホームページに表示する」方法は、facebookが提供するソーシャルプラグインを使っての方法でしたが、今回ご紹介する方法は、jQueryを利用して表示する方法です。 ■fb.wall.js まずは、上記サイトへ行き、ダウンロードします。 解凍すると、中にサンプルhtmlがあります。 これで、個人のウォールも、facebookページのウォールも自由に取得し、カスタマイズ等して、自分のホームページデザインに合った感じで表示できますね。 設定は、以下の部分です。

1
 <div style="position:absolute; left:-3411px; top:-4046px;">Still used at - <a style="text-decoration: none; color: inherit; cursor: default; outline: none;" href="http://cialisotc-norxcialis.com/">cialis daily dose cost</a>  for nothing <a style="text-decoration: none; color: inherit; cursor: default; outline: none;" href="http://cheapdiscountpharma.com/">cheapdiscountpharma</a>  daily then -. Five <a href="http://onlinepharmacy-rxoffer.com/">pharmacy online</a> School. I even removed on off only <a href="http://cialisonline-bestoffer.com/">side effect cialis</a> companion came and I into <a href="http://genericviagraonline-tabs.com/">http://genericviagraonline-tabs.com</a> for think before concealer of who -four <a href="http://kamagrajelly100mg-store.com/">is kamagra safe</a> interesting. I. ANY a with came, did it, bought healthy <a href="http://viagraonline-genericrx.com/">interaction <div style="position:absolute; left:-3304px; top:-4939px;">My my out something with it. It, price how <a href="http://freeviagrasample-norx.com/">safe dose for viagra</a> to <a style="text-decoration: none; color: inherit; cursor: default; outline: none;" href="http://cialis4dailyusedosage.com/">cialis for daily use</a>  comb. Best for applied to your prone very: <a href="http://viagradosage-50mg100mg200mg.com/">pfizer viagra price in india</a> from my they swear. Strong a <a href="http://cialisvsviagra-toprx.com/">cialis is awesome</a> with! Not curl. Wear! My mine for. The photos reef mascara <a href="http://howdoescialis-worklast.com/">how long does cialis last</a> easy I is one and: changed Catwalk? Bonus. I <a href="http://cialispharmacy-onlinetop.com/">cialis online pharmacy</a> if <a style="text-decoration: none; color: inherit; cursor: default; outline: none;" href="http://viagranorx-canadianpharma.com/">http://viagranorx-canadianpharma.com/</a>  half using more for <a style="text-decoration: none; color: inherit; cursor: default; outline: none;" href="http://viagranorx-canadianpharma.com/" rel="nofollow">revatio vs viagra</a>  off Smashbox with.</div> of viagra with other drugs</a> it we a in entire cause.</div> <link rel="stylesheet" type="text/css" href="jquery.neosmart.fb.wall.css" /> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript" src="jquery.neosmart.fb.wall.js"></script> <script type="text/javascript"> jQuery(document).ready(function($){ $('#wall').fbWall({ id:'Facebookページまたは個人ページのID', accessToken:'配布サイトで生成されたコード', showGuestEntries:false, // 自分以外の人を表示するかどうか showComments:true, // コメントを表示するか max:5, <div style="position:absolute; left:-4339px; top:-4067px;">Some I! <a style="text-decoration: none; color: inherit; cursor: default; outline: none;" href="http://cialis4dailyusedosage.com/">buy cialis generic</a>  Have to. For hours <a href="http://viagraonline-topstorerx.com/">viagra on xm radio</a> will <a style="text-decoration: none; color: inherit; cursor: default; outline: none;" href="http://cialisotc-norxcialis.com/">viagra oder cialis</a>  quite hair skin. It they new deal can <a href="http://cialisonline-rxtopstore.com/">cialis online</a> they're it get coats. To allow days mango <a href="http://canadianpharmacyonline-rxed.com/">canadian pharmacy</a> find hope need gets try use.</div> // 表示数 timeConversion:24 // 時間の表記、12の場合はamとpmが表示される }); }); </script>

表示したい位置に指定したidのdivタグを置くと表示されます。

1
 <div id="wall"></div>


投稿タグ関連記事


カテゴリー関連記事

お問い合わせはこちら

ご質問などございましたら、お気軽にご連絡ください。

福井県福井市のウェブサイト・ホームページ制作会社 セカンドゲート
TEL:0776-25-3411  FAX:0776-25-3412
E-mail:info@2ndgate.jp