Question

我一直试图解决这个问题几天了。基本上我在我的网站上有一个喜欢/分享按钮使用Facebook开发人员工具生成。所以这是非常标准的。但是，我不能让它喜欢/分享当前的网址。

<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为空。现在据说这可行，但它不适合我。但是我怀疑这是因为我在localhost上运行，这可能是为什么？

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

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

然后当我按下一个并进入实际的共享窗口时，它会尝试分享＆＃34; www.facebook.com＆＃34;

Answer 1

1）必须是＆lt;％=

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＆＃34;＆＃34;空白在社交插件的v2.0之前工作

您无法共享localhost。您需要在生产服务器上测试您的共享按钮，您将拥有真正的URL

Facebook喜欢/分享当前的URL

1 个答案: