2011-04-19 79 views
2

我已經按照文檔添加Facebook供稿對話框到我的網站。我的一個問題是,即使我將顯示參數設置爲「彈出」,對話框也不會以打開的方式打開。Facebook對話框供稿(顯示參數不起作用)

<a class="facebook_icon" href="http://www.facebook.com/dialog/feed?app_id=264179898666332&display=popup&redirect_uri=http://mysite.com/&message=I use Mysite!"></a> 

我意識到,要將其顯示爲iframe,我需要獲取用戶權限才能獲取訪問密鑰。我只是想暫時把對話框顯示爲一個單獨的窗口。

任何線索爲什麼這不起作用?爲了UX的目的,我現在應該只使用iframe來達成共識?

回答

0

喜歡的東西:

<a class="facebook_icon" href="" target="_blank"></a> 

不要忘了,你可以隨時使用FB.ui方法。只要進入test console,點擊實例,然後選擇「喂」下的「FB.ui」:

var publish = { 
    method: 'feed', 
    message: 'getting educated about Facebook Connect', 
    picture: 'http://fbrell.com/f8.jpg' 
}; 

FB.ui(publish, Log.info.bind('feed callback')); 
+0

謝謝ifaour。我可以使用FB.ui.我更加好奇爲什麼參數顯然不適合我。如果我只是在那裏使用目標attr,我可以調整窗口大小嗎?現在,我使用js在新窗口中打開(並調整大小)。 – Ben 2011-04-19 22:02:59

6

我原本以爲這個問題相當長一段時間我才發現,display=popup不打開對話框,一個彈出窗口,而不是格式化對話框,以便在彈出窗口中看起來很好

我結束了使用Javascript在新窗口中打開它 - 是這樣的:

window.open("http://www.facebook.com/dialog/feed?app_id=264179898666332&display=popup&redirect_uri=http://mysite.com/&message=I use Mysite!", 
          "My Window Name", 
          "height=236, width=516"); 

你會發現,如果你現在切換display=popupdisplay=page之間的顯示屏,彈出格式看起來更如果您在新窗口中顯示它,則會優於格式化爲的頁面

0

使用此代碼,它的工作原理

FB.init({appId: "Your AppId",show_error:true, status: true, cookie: true}); 

    function postToFeed() { 

    // calling the API ... 
    var obj = { 
     method: 'feed', 
     link: 'https://developers.facebook.com/docs/reference/dialogs/', 
     picture: 'http://fbrell.com/f8.jpg', 
     name: 'Facebook Dialogs', 
     caption: 'Reference Documentation', 
     description: 'Using Dialogs to interact with users.' 
    }; 

    FB.ui(obj, callback); 
    } 

    function callback(response) 
{ 

    } 
1

據爲「顯示模式」(https://developers.facebook.com/docs/reference/dialogs/)中,「彈出」屬性不會自動創建爲你彈出,相反,它只是格式化的內容Facebook的文檔頁面使內容在'彈出'中看起來最好

它們的關鍵字是「用於不大於400px×580px的瀏覽器彈出窗口」。他們建議你使用javascript來調用一個彈出窗口並彈出不大於400的彈出窗口,通過580

facebook_share_url = 'https://www.facebook.com/dialog/feed?app_id=' + window.settings_fb_key + '&link=' + merchant_url + '&redirect_uri=' + merchant_url + '&display=popup' 
window.open(facebook_share_url,'','width=400,height=580')