ajax - 动态 (Ajax) 共享按钮(Facebook、Google+ 和 Twitter)以共享图像，带有链接和描述

Question

几天来我一直在寻找解决方案，但我无法弄清楚为什么它仍然无法正常工作。

这是我的目标:我有一个带有杂耍的网站。图像是动态更改的(使用上一个和下一个按钮)。我只想在社交网络(facebook、google+ 和 twitter)上分享一张图片，然后在我的墙上实际看到这张图片，上面有一些描述和页面链接。

精度:该图像是主图像的缩略图(因此，不是相同的 url)，我要发布的链接既不是我所在的页面(由于 Ajax 而静态)也不是图像。

我的尝试:我几乎已经在 facebook 上看到它了，但是图像加载失败了，它带有一个共享按钮(似乎不赞成赞成喜欢)，对于 google+，+1 按钮在我点击它后变成红色……我试过 XFBML和 OpenGraph，但问题出在 Ajax(url 是页面之一，或者即使使用 createElement("

问题:1. 是否有任何打包的解决方案(如addthis，但按我想要的方式工作)？2. 或者你有一个(或线索)给我吗？3. 是否只有我认为官方 facebook 和 google+ ajax 文档很差劲？

非常感谢。雨果

PS:如果我可以使用弹出窗口来编辑包含我即将分享的内容的评论，那就太棒了!

Answer 1

实现此目的的一种方法是使用伪装。

设置一个页面，为社交应用程序(又名 facebook、google+)提供图像、标题和描述。然后，您可以使用 Javascript 将用户重定向到您实际希望用户看到的页面。对于没有 Javascript 的用户，该页面应该显示一个指向目标页面的链接，并带有“如果您没有自动重定向，请单击此处”。该图像应该存在于页面上，但您可以将其放在带有 style="display: none;"的 div 中。所以用户实际上并没有看到它。

更高级的技术是使用 IP 地址和浏览器名称(用户代理)来确定访问者是用户还是社交网络机器人，并使用 502 临时重定向到您希望用户查看的页面访客不是社交机器人。社交机器人将看到一个包含图像、标题和描述的页面。