Facebook喜欢/分享当前网址

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) 使用window.location 使用javascript 设置data-href

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