Facebook的按钮iframe代码不显示

问题描述:

我刚开始创建一个新的网站,目前不在互联网上。我的第一个网站对我来说都是新鲜事物。我正在尝试实现Facebook的按钮。我输入了代码,但没有显示任何内容。我正在使用TextWrangler创建网站并使用MacBook Air。不确定这些信息是否有帮助。也许它不工作,因为元属性?我不太明白我需要输入什么信息。Facebook的按钮iframe代码不显示

这里是我的代码:

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="utf-8"/> 
<title>[]</title> 
<meta property="og:title" content="The []" /> 
<meta property="og:type" content="website" /> 
<meta property="og:url" content="file:///Users/[]/Documents/Sites/IBS.html" /> 
<meta property="og:image" content="http://[].jpeg" /> 
<meta property="og:site_name" content="The []" /> 
<meta property="fb:admins" content="218100060" /> 
</head> 
<body> 
<p>hello</p> 
<iframe src="//www.facebook.com/plugins/like.phphref=file%3A%2F%2F%2FUsers%2Fshikhaverma%2FDocuments%2FSites%2FIBS.html&amp; 
send=false&amp;layout=standard&amp;width=450&amp;show_faces=true&amp;font=arial&amp; 
colorscheme=light&amp;action=like&amp;height=80" scrolling="no" frameborder="0" 
style="border:none; overflow:hidden; width:450px; height:40px;" allowTransparency="true"> 
</iframe> 
</body> 
</html> 

如果你能帮助我将不胜感激。 谢谢。

+0

看起来事情正在双重逃脱? –

问题是您提供的代码是双重转义的。 这意味着它们是“&放”到处都是你所提供的iframe网址(SRC)代码:

//www.facebook.com/plugins/like.phphref=file%3A%2F%2F%2FUsers%2Fshikhaverma%2FDocuments%2FSites%2FIBS.html&amp; 
send=false&amp;layout=standard&amp;width=450&amp;show_faces=true&amp;font=arial&amp; 
colorscheme=light&amp;action=like&amp;height=80 

尝试在Web浏览器中粘贴网址,它不会工作,因为它是如此发作-formed。

另外,Facebook like按钮不能使用本地url喜欢,(在这种情况下,您使用file:///Users/shikhaverma/Documents/Sites/IBS.html。)。 它必须使用在线的功能URL。因此,现在,只需输入任意一个在线网站的网址,直到您在网上托管您的网站。

我未转义的网址,它仍然是错误的。它应该是“like.php?href = file”而不是“like.phphref = file”。你为什么不回到Facebook并重新生成代码。

另外,你的代码编辑器有问题吗?为什么一切都得到双重逃脱?

编辑:顺便说一句,您可以随时使用unescape()JavaScript命令来查看文本。更多here on Mozilla dev

+3

没有'http://'没关系。 ''''只是相对于协议的URL。完全有效。 –

+0

@MikeChristensen好吧确定编辑了这篇文章。 – 2012-12-27 00:10:37

+0

感谢您的回复。所以我重新获得了来自Facebook开发人员的代码,但是这次放入了一个合法的URL。但是,这也没有奏效。然后我决定尝试删除&amp;,但是这并没有奏效。我知道,我不是很懂技术的人。但是,如果可能有另一种解决方案,我将不胜感激。 – Shikz