刚接触编码,所以如果这真的是基本的,请容忍我!我试图添加一个Facebook的“喜欢”按钮到我的页面.我复制的代码完全按照他们的说明网站上描述.我输入了我的页面详细信息,所需的宽度(它符合他们为我在生成器中选择的功能推荐的限制),等等,然后将代码复制/粘贴到我的html中。我一定错过了什么。他们的指示是将此粘贴到HTML中,最好是在开头<body>
的下面,所以我这样做了:
<div id="fb-root"></div>
<script>(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 class="fb-like" data-href="http://www.facebook.com/musicbyava" data-send="true" data-layout="button_count" data-width="100" data-show-faces="false" data-font="arial"></div>
型
我刷新我的页面,并没有在插件应该是的地方任何痕迹.不是一个点,不是一行,不是一个错误消息,nada.我错过了什么?提前感谢!
4条答案
按热度按时间5anewei61#
它在本地机器上不工作,但在服务器上神奇地开始工作的原因是:
字符串
代码前面的
//
意味着浏览器应该使用脚本加载时使用的协议. SO:如果你正在运行http://example.com facebook将加载一个不安全的,如果你使用https://example.com然后脚本将从facebook的安全服务器加载.
现在这里是魔术发生的地方.当从本地文件加载时,您的浏览器将URL显示为
file:///C:/mysite
,因此浏览器会自动查找名为型
它不存在,而且失败得很惨
猜猜你上传到服务器时发生了什么???
我让你自己想办法...
干杯...
dtcbnfnu2#
欢迎来到Stack Overflow。
可能有一系列的问题,为什么脚本不显示喜欢按钮。没有一个网址或输出的html副本,几乎不可能告诉。如果你是在本地网络上工作,失去了互联网连接,例如,繁荣,没有FB喜欢框。
在黑暗中拍摄-这是一个JavaScript错误。javascript中的错误不会显示在屏幕上。相反,它们以近乎无限的方式表现出来,从页面加载后忽略单个元素到加载白色屏幕。
如果你使用的是Chrome或Firefox,你可以下载一个Web Developer扩展。我推荐Firefox的Firebug,或者Chrome中的右键单击和“检查元素”(我认为这是Chrome附带的-否则它就是Web Developer扩展)
无论你使用什么工具,所有的错误都会在这些环境的控制台中输出。
我们才刚刚开始。
如果这听起来像是太多的工作,我建议在不同的页面上尝试上面的代码,看看你复制和粘贴到的页面是否有格式错误的html。然后回到上面的建议。
thigvfpy3#
我遇到了这个问题,然后在Facebook开发者工具中将我的域URL添加到我的应用程序设置中:https://developers.facebook.com/apps/[app_id]/settings/->设置->基本
rks48beu4#
对于什么样的网站,你使用的是像joomla或wordpress这样的cms的fb按钮,我认为最好的选择是http://sharethis.com/#sthash.OXTxyj48.dpbs,如果你喜欢尝试,我用了很多次,进入网站后,点击获取共享工具菜单,然后你可以使用它,并在您的网站过去的代码,