微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

已经有好几天我正在寻找解决方案而且我无法弄清楚为什么它仍然无法正常工作.

这是我的目标:
我有一个侧面秀的网站.图像是动态更改的(使用上一个和下一个按钮).我只是想在社交网络(Facebook,谷歌和推特)上分享一个图像,并实际看到我墙上的图像,带有一些描述和页面链接.

精确:
图像是主图像的缩略图(因此,不是相同的URL),我想要发布的链接既不是我所在的页面(由于Ajax而是静态的),也不是图像.

我的尝试:
我几乎得到它在Facebook上,但图像加载失败,它是一个分享按钮(这似乎被弃用赞成喜欢)和谷歌,1按钮变成红色后我点击它…我试过XFBML和OpenGraph,但问题在于Ajax(url是页面之一,或者即使使用createElement也不会更改(“

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

非常感谢.
雨果

PS:如果我可以用我想要分享内容来编辑评论,那就太棒了!

解决方法

实现这一目标的一种方法是隐藏真实内容.

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

更高级的技术是使用IP地址和浏览器名称(用户代理)来确定访问者是用户还是社交网络机器人,并使用502临时重定向到您希望用户访问的页面不是社交机器人.社交机器人将显示具有图像,标题和描述的页面.

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐