我几天都在寻找解决方案而我无法弄清楚为什么它仍无法正常工作。
这是我的目标: 我有一个侧面秀的网站。图像是动态更改的(使用上一个和下一个按钮)。我只是想在社交网络(Facebook,谷歌+和推特)上分享一个图像,并实际看到我墙上的图像,带有一些描述和页面链接。
精密: 图像是主图像的缩略图(因此,不是相同的URL),我想要发布的链接既不是我所在的页面(由于Ajax而是静态的),也不是图像的页面。
我的尝试: 我几乎在facebook上得到了它,但是图片加载失败了,它有一个分享按钮(似乎不赞成使用)和谷歌+,点击它后+1按钮变成红色...我试过XFBML和OpenGraph,但问题在于Ajax(url是页面之一,即使使用createElement也不会更改(“
问题: 1.是否有任何打包的解决方案(如addthis,但按照我想要的方式工作)? 或者你有一个(或线索)吗? 3.我是唯一一个认为官方facebook和google + ajax文档蹩脚的人吗?
非常感谢。 雨果
PS :如果我可以通过我即将分享的内容来编辑评论,那就太棒了!
答案 0 :(得分:1)
实现这一目标的一种方法是使用隐藏真实内容。
设置一个页面,为社交应用程序(aka.facebook,google +)提供图像,标题和说明。然后,您可以使用Javascript将用户重定向到您希望用户看到的页面。对于没有Javascript的用户,页面应显示指向目标页面的链接,并显示“如果未自动重定向,请单击此处”。图像应该存在于页面上,但您可以将其放在div中,其中style =“display:none;”所以用户实际上并没有看到它。
更高级的技术是使用IP地址和浏览器名称(用户代理)来确定访问者是用户还是社交网络机器人,并使用502临时重定向到您希望用户查看的页面访客不是社交机器人。社交机器人将显示一个页面,其中包含图像,标题和描述。
答案 1 :(得分:0)
您正在使用的社交分享按钮都有一个共同点:当您共享的对象有一个URL表示时,它们都能正常工作。其中一些,即Facebook的按钮和谷歌的+1按钮,使用该页面的内容来创建共享的片段。
但这不是一个新问题。这与search indexing of AJAX applications面临同样的问题。可悲的是,没有简单的解决方案。以下是一些具有挑战性的问题:
程序化解决方案 您可以改进后端,以便能够在幻灯片放映状态下为每个可共享步骤呈现页面:每个图像一页。当您逐步浏览幻灯片时,您可以在每次将其定位到该图像的此计算机可访问版本时销毁并重新创建社交共享插件。
快照解决方案 您可以使用能够执行JavaScript的爬虫工具来创建应用程序的不同状态的快照。然后,您可以将社交分享按钮定位到当前状态的快照。
这可能需要更少的后端工作,但可能难以保持最新。