Facebook like/share 当前 URL

Question

几天来我一直在努力解决这个问题。基本上我的网站上有一个 like/share 按钮是使用 facebook 开发人员工具生成的。所以这是非常标准的。但是我无法将其设置为 like/share 当前 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 留空。现在据说这有效，但它不适合我。但是我怀疑这是因为我在本地主机上是运行，这可能是为什么？

当我尝试这些方法时，它在我到达实际共享之前给了我这个 link-window:

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

然后当我按下一步进入实际共享时-window 它会尝试共享 "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) 将 data-href "" 留空在社交插件 v2.0 之前有效

您不能共享本地主机。您需要在生产服务器上测试您的分享按钮，在那里您将拥有真正的 URL

Facebook like/share 当前 URL

Facebook like/share current URL

javascript

c#

asp.net

facebook