【问题标题】:Facebook Like Button on Local Site本地网站上的 Facebook Like 按钮
【发布时间】:2013-07-18 08:34:19
【问题描述】:

我最近接手了一个网站的管理,我已经建立了一个网站的本地测试实例,以便我可以慢慢地进行更改,测试它们等,然后将它们移过来。无需冒险实时版本的完整性。我必须转换一些href等才能在本地工作,但我遇到的问题是不再显示类似facebook的按钮。

我了解到 facebook 缓存我们网站的方式存在一些问题,这些问题有时会导致此问题,但答案是使用 facebook dubugger 来测试网站。我不能这样做,因为该站点是本地站点,并且“赞”按钮在实时托管版本上运行良好。

编辑:澄清一下,我之前在本地网站上运行过社交媒体按钮,所以这不是问题。在本地测试版本上,这些按钮甚至都不显示。

下面是我正在使用的脚本和 div(我使用的是 facebook 的 HTML5 版本);

<div id="fb-root"></div>
<script type="text/javascript">
(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); 
    js.id = id;
    js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>

这是我用来标记按钮位置的 div 之一。

<div class="fb-like" data-href="http://www.4siteconsulting.co.uk/case-study-1.html" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false"></div>

这些 div 显然与实时站点相关联,因为人们不喜欢本地版本。

有人有什么想法吗?

【问题讨论】:

  • 阅读这里,可能有助于理解问题stackoverflow.com/questions/7595989/…
  • 感谢 Reyno 的帮助,除了点赞按钮可以在本地主机上运行。我知道,因为我以前做过。我让它在其他站点的多个不同的本地测试版本上工作。我目前正在制作的爱好网站正在本地构建,它使用的是“点赞”按钮,它在本地和托管都可以正常工作。

标签: javascript facebook html web facebook-like


【解决方案1】:

虽然这不是一个令人满意的答案,但我已经从使用 facebook 开发人员的 HTML5 版本切换到他们的 iframe 版本。 iframe 的自定义功能较少,但经过小幅调整后在本地运行没有问题。

我必须在 iframe href 地址的开头附加“http://”才能使其在本地工作,但现在一切正常。以下代码现在可以在本地站点上运行(未托管);

<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.4siteconsulting.co.uk%2Fcase-study-2.html&amp;send=false&amp;layout=button_count&amp;width=450&amp;show_faces=false&amp;font&amp;colorscheme=light&amp;action=like&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:21px;" allowTransparency="true"></iframe>

【讨论】:

    【解决方案2】:

    它正在工作,但是您在 &lt;/div&gt; 之前的最后一行代码中缺少一个 >

    【讨论】:

    • 抱歉,看起来 ">" 在将代码复制到 SO 时丢失了。它在测试实例中。此外,它肯定不起作用。按钮甚至没有显示。
    • 我可以看到它正在运行,因为该站点的实时版本使用相同的代码并且运行良好。我遇到的问题是它不适用于我的本地(非在线托管)版本。
    • 好吧,如果你的意思是你需要在没有互联网连接的情况下使用它,那么你最好只复制按钮的图像并使用它直到你想要部署。
    • "这些 div 显然是链接到现场的,因为人们不喜欢本地版本。"在原来的问题中。它们在本地 html 页面上运行,但链接到实时站点。我已经设法通过切换到 Facebook Like iframe 版本来使其工作。但我对此并不满意,因为该死的框架几乎不可能正确定位。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-10-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多