2016-02-05 85 views
0

嗨,我剛剛發現FB.api顯示一個錯誤,'此對話框不可用在此設備'。幾乎3年前我也做了一些研究和解答。現在我的問題,是否有一個新的更新,我可以創建自己的自定義fb發送按鈕?當我點擊它時,它會顯示一個新的窗口或彈出窗口。就像WhatsApp的分享按鈕,和線應用程序。在先進的感謝,我想了解更多關於這個FB API。爲FB發送添加自定義按鈕

至於現在我使用的FB API,試試這個,如果它是展示一些東西也

<div id="send" class="messenger-share"> 
    <i class="fa fa-messenger"></i> 
</div> 

<script> 
    $("#send").click(function() { 
     FB.ui({ 
      app_id: '665679653572224', 
      method: 'send', 
      link: "<?php the_permalink(); ?>", 
     }); 
    }); 
</script> 

回答

1

我創建了一個小提琴要做到這一點,你可以在這裏看到它。

https://jsfiddle.net/jimedelstein/14mv8kms/2/

所有你需要做的是更換URL(我評論它非常明確)。

您想既然你發佈你的appid動態加載最新的Facebook的API,像這樣

window.fbAsyncInit = function() { 
    FB.init({ 
     appId: '665679653572224', 
     xfbml: true, 
     version: 'v2.5' 
    }); 
}; 

(function(d, s, id) { 
    var js, fjs = d.getElementsByTagName(s)[0]; 
    if (d.getElementById(id)) { 
     return; 
    } 
    js = d.createElement(s); 
    js.id = id; 
    js.src = "//connect.facebook.net/en_US/sdk.js"; 
    fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk')); 

,我更新了初始化腳本使用它。

然後,連接FB.ui「共享」呼籲,像這樣:

$("#send").click(function() { 
    FB.ui({ 
    method: 'share', 
    href: "<?php the_permalink(); ?>" 
    }, function(response) {}); 
}); 

欲瞭解更多信息,我建議你簽出它是Facebook提供這裏的文檔:https://developers.facebook.com/docs/javascript

+0

謝謝:),讓我的一個主意。 –