javascript - 动态 URL 的 Facebook 分享按钮

Question

我有一个带有重写网址的动态页面。我想在其中添加一个 Facebook 分享按钮。这样用户点击分享按钮就可以分享该页面。但 Facebook 共享开发者页面要求提供特定的 URL。不确定如何共享动态生成的网址。

这里是我发现的一些捕获 url 的代码。但我不知道如何将其包含在 facebook 代码中。

jQuery(document).ready(function() {
    var href = jQuery(location).attr('href');
    var url = jQuery(this).attr('title');
    jQuery('#current_title').html(href);
    jQuery('#current_url').html(url);
});

Facebook 分享按钮的 HTML 部分

<div class="fb-share-button" data-href="http://developers.facebook.com/docs/plugins/" data-type="button"></div>

<小时/>

请帮忙

非常感谢

Answer 1

这对我有用:

<script language="javascript">
    function fbshareCurrentPage()
    {window.open("https://www.facebook.com/sharer/sharer.php?u="+encodeURIComponent(window.location.href)+"&t="+document.title, '', 
    'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');
    return false; }
</script>

然后通过链接调用代码:

<a href="javascript:fbshareCurrentPage()" target="_blank" alt="Share on Facebook">Facebook</a>

如果您希望它是直接链接而不是在窗口中打开，请在函数中使用:

window.location.href="https://www.facebook.com/sharer/sharer.php?u="+encodeURIComponent(window.location.href)+"&t="+document.title;

可能的jquery解决方案:

<a class="fbsharelink" data-shareurl="YOURLINK">Facebook</a>

$('.fbsharelink').click( function() 
{
    var shareurl = $(this).data('shareurl');
    window.open('https://www.facebook.com/sharer/sharer.php?u='+escape(shareurl)+'&t='+document.title, '', 
    'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');
    return false;
});