具有回调功能的原始Facebook共享按钮

时间:2016-05-17 21:07:07

标签: javascript jquery facebook facebook-graph-api facebook-javascript-sdk

我正在尝试捕捉Facebook分享按钮事件的回调响应。 我的代码是

    <button class="my_own" type="button" onclick="share();">Share on Facebook</button>

    <script>
        window.fbAsyncInit = function () {
            FB.init({
                appId: 'YOUR_FB_APP_ID',
                xfbml: true,
                cookie: true,
                version: 'v2.6'
            });
        };

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

function share() {
            FB.ui({
                method: 'feed',
                name: 'Example Title',
                link: 'http://www.example.com',
                picture: 'http://www.example.com/example.jpg',
                description: 'example desc'
            }, function (response) {
                if (response && response.post_id) {
                    alert('Thank you for sharing!');
                } else {
                    alert('You have cancelled the share.');
                }
            });
        }
    </script>

以上方法可以正常使用自定义Facebook共享按钮,我可以捕获回调函数。

但我希望使用本机Facebook共享按钮,例如下面的代码

<div class="fb-share-button" data-href="https://www.example.com" data-layout="button_count" data-mobile-iframe="true"></div>

我已就此进行了大量研究,似乎不可能,因为很多人说Facebook并没有在原始分享按钮上允许这个功能,但后来我遇到了这个名为&#39; Social Locker的WordPress插件,他们使用原始Facebook分享按钮完成此操作,您可以在以下网址上查看。

http://demo.byonepress.com/premium/sl-wp/example/use-cases/

捕获成功的共享事件并加载ajax以显示数据。任何人都可以帮我解决这个问题。

由于

0 个答案:

没有答案