为FB发送添加自定义按钮 - Add Custom Button for FB Send

Add Custom Button for FB Send

本文关键字：自定义按钮添加 FB | 更新日期: 2023-09-27

嗨，我刚刚发现FB.api显示错误"此对话框在此设备上不可用"。我也做了一些研究，答案几乎是3年前。现在我的问题，是否有新的更新，我可以创建自己的自定义fb发送按钮？当我单击它时，它将显示一个新窗口或弹出窗口。就像WhatsApp共享按钮和Line App一样。感谢高级，我想了解有关此FB API的更多信息。

至于现在我正在使用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>

我创建了一个小提琴来做到这一点，你可以在这里看到它。

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

您需要做的就是替换URL（我非常明确地评论了它）。

你想像这样动态加载最新的脸书 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'));

由于您发布了 appId，因此我更新了 init 脚本以使用它。

然后，像这样连接FB.ui"共享"调用：

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

有关更多信息，我建议您查看Facebook在此处提供的文档：https://developers.facebook.com/docs/javascript