动态(Ajax)分享按钮(Facebook, Google+和Twitter)分享图像,带有链接和描述



这几天我一直在寻找解决方案,但我不明白为什么它仍然不起作用。

这是我的目标:我有一个附带节目的网站。图像是动态更改的(使用上一个和下一个按钮)。我只是想在社交网络(facebook, google+和twitter)上分享一张图片,并在我的涂鸦墙上看到这张图片,上面有一些描述和一个页面的链接。

精度

:图像是主图像的缩略图(所以,不是相同的url),我想要发布的链接既不是我所处的页面(由于Ajax是静态的)也不是图像之一。

:我几乎在facebook上得到了它,但图像加载失败,它有一个分享按钮(这似乎是赞成喜欢)和谷歌+,+1按钮变成红色后,我点击它…我尝试过XFBML和OpenGraph,但问题是Ajax (url是页面之一,或者即使使用createElement("

:1. 是否有任何打包的解决方案(如addthis,但按我想要的方式工作)?2. 或者你有一个(或线索)给我吗?3.我是唯一一个认为官方facebook和google+ ajax文档很蹩脚的人吗?

非常感谢。雨果

PS:如果我能有一个飞出来编辑我即将分享的内容的评论,那将是非常棒的!

实现这一点的一种方法是隐形。

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

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

您正在使用的社交分享按钮都有一个共同点:当您正在分享的对象有URL表示时,它们都工作得最好。其中一些,即Facebook的"喜欢"按钮和谷歌的"+1"按钮,使用该页面的内容来创建共享的片段。

然而,这不是一个新问题。这与AJAX应用程序的搜索索引所面临的问题相同。遗憾的是,没有简单的解决办法。这里有几个具有挑战性的:

编程解决方案您可以改进后端,使其能够为幻灯片放映状态下的每个可共享步骤呈现页面:每个图像一个页面。当您逐步完成幻灯片展示时,您可以销毁和重新创建社交分享插件,每次将它们定位到该图像的此机器可访问版本。

<<p> 快照解决方案/strong>您可以使用能够执行JavaScript的爬虫工具来创建应用程序不同状态的快照。然后,您可以将社交分享按钮定位到当前状态的快照。

这可能需要较少的后端工作,但保持最新可能具有挑战性。

最新更新