Question

在HTML / CSS编码方面，我非常（低于）平均水平。我的Javascript知识是在复制和粘贴级别。这是我的问题：

我想创建自己的Facebook分享按钮！以前使用sharer.php很简单，但我担心它会被弃用。因此，我希望使用自己的链接触发共享对话框，而不是使用Facebook自己的丑陋共享按钮插件。

我已经阅读了有关Facebook开发者分享对话的页面。但我不明白如何/在何处使用代码片段。说实话，我什么都不懂。没事！

为了简单起见，假设我有自己的按钮（button.jpg），我希望此按钮打开Facebook共享对话框以共享页面URL（http://example.com）。我有meta Open Graph标签。我该怎么做？

Answer 1

sharer.php不会被弃用（至少不会弃用），您可以毫无问题地使用它。

无论如何，共享按钮很容易实现。您只需加载/初始化JavaScript SDK并在点击时调用FB.ui。

JavaScript SDK：https://developers.facebook.com/docs/javascript/quickstart/v2.3

分享对话：https://developers.facebook.com/docs/sharing/reference/share-dialog

例如：

<script>
    function onClick() {
        FB.ui({
            method: 'share',
            href: 'https://www.your-url.com',
        });
    }

    window.fbAsyncInit = function() {
        FB.init({
            appId      : 'your-app-id',
            xfbml      : true,
            version    : 'v2.3'
        });
    };

    (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'));
</script>

Answer 2

尝试Share Link Generator生成您自己的链接，但如果Facebook决定对此进行折旧，则链接中使用sharer.php的任何内容都将无效。你如何实际显示按钮或链接对于它是否已经折旧没有任何影响，但如果确实发生这种情况，我希望很多人都在寻求解决方法，而facebook可能会提供替代方案。

制作我自己的自定义Facebook分享按钮

2 个答案: