JavaScript Facebook共享选项

Question

我有一项任务是用社交网络制作东西.

据我所知,有两种选择.一个是通过您的新闻Feed,另一个是通过Sharer.在下图中,我展示了两者.
第一个使用dialog/feed,第二个使用sharer.php.

内容如何共享存在差异.第一个分享它我想要它,第二个以我不喜欢的方式显示它.

我不喜欢第二个共享整个页面的事实.我想为页面中的每个图像分享共享图标并共享该特定图标,但不是整个页面.是否可以使共享图标看起来像第二个图像,但共享内容像第一个？它应该如何看待Javascript/HTML？

如果您需要我使用的任何代码,请询问.

Answer 1

对于第二个看起来像第一个选项 - 并使用特定图像 - 您必须在共享URL中使用Open Graph标记:http://ogp.me/

我想,第二个选项是使用"sharer.php".它只是将站点的URL作为参数,其余信息从页面中的Open Graph标签加载.您还可以定义多个共享图标btw,以便用户可以在共享之前浏览它们.

例如,如果要显示特定图像,则需要以下标记:

<meta property="og:image" content="http://mydomain.com/myimage.jpg" />

顺便说一下,你总是可以在Facebook调试器中测试Open Graph标签:

https://developers.facebook.com/tools/debug

它还刷新标签,如果它们没有在共享窗口中正确显示,只需将链接再次放入调试器即可.