javascript - Facebook 点赞/分享当前 URL

Question

这几天我一直在努力解决这个问题。基本上我的网站上有一个使用 facebook 开发人员工具生成的喜欢/分享按钮。所以这是非常标准的。但我无法让它喜欢/分享当前的 URL。

<div class="fb-like col-xs-offset-1" data-layout="standard" data-action="like" data-show-faces="true" data-share="true"></div> 

我尝试过的:

1) 使用data-href =" <%= Request.Url.AbsoluteUri %> "

2) 设置data-href使用 javascript 使用 window.location

3) 离开data-href空的。现在据说这有效，但对我来说不起作用。但是我怀疑这是因为我在本地主机上运行，​​这可能是原因吗？

当我尝试这些方法时，它会在我到达实际共享窗口之前给我这个链接:

https://www.facebook.com/v2.2/plugins/like.php?action=like&app_id=78205603350&channel=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter%2FrFG58m7xAig.js%3Fversion%3D41%23cb%3Df2283ae550ed898%26domain%3Dlocalhost%26origin%3Dhttp%253A%252F%252Flocalhost%253A59928%252Ff3ee4865310c9fa%26relation%3Dparent.parent&container_width=1237&href=http%3A%2F%2Flocalhost%3A59928%2FDefault&layout=standard&locale=en_US&sdk=joey&share=true&show_faces=true

然后，当我按下一步并进入实际的共享窗口时，它会尝试共享“www.facebook.com”

Answer 1

1) 必须是<%=

data-href="<%=Request.Url.AbsoluteUri%>"

2)你可以这样做

<div id="sharebutton"
...

window.onload = function () {
    var currentUrl = window.location.href;
    document.getElementById("sharebutton").setAttribute("data-href", currentUrl);
}

-- or using jquery

jQuery(document).on('ready', function($){
    var url = window.location;  
    $('.fb-like col-xs-offset-1').attr('data-href', url);
});

3) 在社交插件 v2.0 之前，将 data-href ""留空是有效的

您无法共享本地主机。您需要在生产服务器上测试您的共享按钮，您将在其中拥有真实的 URL