自定义社交分享无法正常工作

时间:2014-01-31 11:51:33

标签: javascript jquery html facebook facebook-social-plugins

JSFIDDLE

<a target="_blank" href="http://www.facebook.com/sharer/sharer.php?s=100&p[url]=http://www.google.com&p[images][0]=http://www.hdwallpapers3g.com/wp-content/uploads/2014/01/Audi-A1.jpg&p[title]=Sharing%20custom%20title&p[summary]=Custom%20text%20description">Share on Facebook</a>

在Facebook上发布时,为什么自定义标题,说明和图片不起作用?它只是从链接中自动获取,并在FB上发布时忽略自定义设置。

是否还有其他可用的JS / Jquery解决方案呢?

1 个答案:

答案 0 :(得分:0)

强制覆盖og元标记的唯一方法是使用FB.ui feed方法,这需要应用ID并限制很多功能,例如选择帖子的功能到朋友的时间线,小组或您管理的粉丝页面,但是,我建议使用Open Graph作为最佳解决方案标签!

HTML

<div class="container"> 
    <a id="shareOnFB" class="shareBtn">Share on Facebook</a>
</div>

JS

window.fbAsyncInit = function () {
    FB.init({
        appId: 'XXXXXXXXXX', // Your App ID
        status: false,
        xfbml: false,
        logging: false
    });

    $('#shareOnFB').on('click', function (e) {
        e.preventDefault();
        FB.ui({
            method: 'feed',
            name: 'Retrogram',
            link: 'https://www.facebook.com/Retrogram',
            picture: 'http://i.imgur.com/SKwsQM2.png'
        });
    });
};

Fiddle