摄影网站上的 Facebook Like 按钮无法正常工作答案

【问题标题】：Facebook Like button on Photography site not working right摄影网站上的 Facebook Like 按钮无法正常工作
【发布时间】：2012-02-06 02:14:48
【问题描述】：

我是新手。我们有一个婚纱摄影网站。 http://www.DawnKellyPhotography.com/fbshare/FBalbum/

我已使用 Facebook 开发者页面生成代码，以使用 iframe 方法在每个图像的单独页面上放置“点赞”按钮。

<iframe src='//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdawnkellyphotography.com%2Ffbshare%2FFBalbum%2F%3Fshow%3Dslides%2FNodownLoad.html&amp;send=false&amp;layout=standard&amp;width=450&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font&amp;height=80' scrolling='no' frameborder='0' style='border:none; overflow:hidden; width:250px; height:80px;' allowTransparency='true'></iframe>

我还在图像的 html 包装文件中添加了 meta og 标签。

<meta property="og:type"                 content="website"> 
<meta property="og:sitename"             content="Dawn Kelly Photography"> 
<meta property="og:url"                  content="http://www.DawnKellyPhotography.com /fbshare/FBalbum/?show=slides/NodownLoad.html"> 
<meta property="og:image"                content="http://www.DawnKellyPhotography.com/fbshare/FBalbum/slides/NodownLoad.jpg">
<meta property="og:title"                content="Facebook Test Gallery">

我希望 Like 点击会发布 og:image 和 og:url。取而代之的是，只是一个指向网站基本 url 的链接与主页的图像一起发布。图库是使用 JAlbum 和自定义皮肤生成的，并使用自定义 javascript 在网站上运行。我有权根据需要更改其中任何一项。

提前致谢。

任何帮助将不胜感激。

【问题讨论】：

好的，返回画廊的链接正在使用我发布的代码，但 Facebook 墙上没有发布任何图像。

标签： button facebook-like facebook-iframe

【解决方案1】：

您在 iframe 中指定的链接中缺少 og:image 标记。

修复您在linter tool 上的警告。

Inferred Property:  The og:url property should be explicitly provided, even if a value can be inferred from other tags.
Inferred Property:  The og:title property should be explicitly provided, even if a value can be inferred from other tags.

http://graph.facebook.com/10150531249004372

http://developers.facebook.com/tools/debug/og/echo?q=http%3A%2F%2Fdawnkellyphotography.com%2Ffbshare%2FFBalbum%2F%3Fshow%3Dslides%2FNodownLoad.html

【讨论】：

我在 NodownLoad.html 文件中定义了 og:image、og:url 和 og:title，其中包含页面的所有代码、显示图像以及 Like 按钮代码的位置是并从执行。专辑使用框架。 FB 是否没有处理 url 的“__/?show=slides/NodownLoad.html”部分，所以它没有返回到我网站上正确的 html 文件？有办法弥补吗？ linter 似乎正在查看整个专辑的默认 javascript index.html 而不是指定的 NodownLoad.html 文件。
或者是Facebook没有执行客户端javascript代码，所以没有跟url的“__/?show=slides/NodownLoad.html”部分，导致文件有标签没有被阅读？
linter 不运行脚本。它查看您的服务器提供给它的原始 HTML。因此，您需要确保您的网站使用正确的 og: 请求 URL 的元标记正确地流式传输正确的 HTML。
谢谢。现在我明白发生了什么。现在我需要找出交付正确代码的最佳方法。网站的这一部分运行在 javascript 上，画廊是使用 JAlbum 或 Photoshop 生成的，创建更多的 HTML 和 javascript 文件。
尝试使用url重写技术。它应该可以帮助您弄清楚如何为所请求的 url 发送正确的内容。