facebook reinitialize the facebook social plugin on infinite scolling 一般 facebook social plugin 初始化方式會是以下的程式碼，藉由引入外部 javascript 檔案作第三方服務需要的事情，以臉書來說就是判別 fb-root，根據裡面的屬性產生像是「讚」的按鈕。觸發時機多是在第一次網頁讀取完成的同時執行。 而 infinite scrolling 產生更多網站內容的作法流程是，隨著網頁滾動，不斷透過 ajax 方式讀取後台資料呈現出來，導致產生出來的 facebook social plugin 程式碼沒有辦法被初始化。 <div id="fb-root"></div> <script> var js, fjs = d.
og multiple og image meta setting for facebook sharing 臉書 og image 其實可以設定很多個，讓使用者在分享網站連結時可以有圖片的選擇： <meta content="https://example.com/1.jpg" property="og:image" /> <meta content="https://example.com/2.jpg" property="og:image" /> <meta content="https://example.com/
javascript facebook authorization with popup window (經由彈出視窗進行facebook認證) using PHP and javascript 一般使用facebook PHP SDK做登入都是採用getLoginUrl函式取得連結（如官方此範例），認證完後會轉址回來並帶些facebook認證確認的state、code等get參數，在使用者體驗上非常的不好，甚至有可能在已帶有get參數的頁面上再轉址回來後會導致異常。 在此使用Facebook PHP SDK 3.0搭配javascript的方式，用popup window做認證。今年年初Facebook PHP SDK 3.0的更新中已有搭配javascript的範例，但有認證成功後無窮reload迴圈的問題，網路上普遍是IE發生問題，筆者本身是在Mac的chrome有此問題（問題出在下方的程式碼）。 FB.Event.subscribe('auth.login', function(response) { // do something with response login(); }); 故我們得自己創建popup authorization window，流程如下： 使用者按下Facebook登入/認證按鈕 javascript產生一個window並且將其導向facebook登入/認證的網址