我想弄清楚如何实现分享按钮完全如何实施here。我希望能够让用户将指定的链接发布到他们的新闻提要,而不需要任何类型的应用程序权限和一些可添加到其中的可选文本。 BuzzFeed是如何做到的? Facebook文档对我来说非常混乱,这就是为什么我自己很难实现它。如果有人能够布置需要采取的步骤,那将会很棒。我需要把什么东西放到我的HTML页面中?我需要创建一个Facebook应用程序吗?Facebook的分享按钮:如何实现
9
A
回答
8
要分享您的网页,您需要不需要来创建Facebook应用程序。
你可以把,Facebook的份额形象出现,与href = "http://www.facebook.com/sharer.php?u=<your url>"
Facebook的喜欢按钮允许共享以及。为您的网站生成的代码位于official documentation。
2
如果你想自定义页面的份额,试试这个:
JavaScript弹出例子:
var title = 'My Title';
var summary = 'This is my summary';
var url = 'http://www.mydomain.com/path/to/page';
var image = 'http://www.mydomain.com/images/myimage.png';
var fb = window.open('http://www.facebook.com/sharer.php?s=100&p[title]='+encodeURIComponent(title)+'&p[url]='+encodeURIComponent(url)+'&p[summary]='+encodeURIComponent(summary)+'&p[images][0]='+encodeURIComponent(image));
fb.focus();
1
这是什么工作。
在HTML:
<a href="http://www.facebook.com/sharer.php?u=<http://google.com">Facebook Link</a>
如果你与你的网址替换http://google.com。
在PHP中,如果你想拉你的网址:
<a href="http://www.facebook.com/sharer.php?u=<<?php echo "http://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]"; ?>">Facebook</a>
5
编辑要共享的页面,把这些加入到头部的meta标签。
<meta property="og:image" content="http://www. XXXX url of a jpg image you want to be displayed on shared content has to be 200x200 pixels (make it in photoshop ect.) XXXX"/>
<meta property="og:title" content="xxxx A title you want to be dispayed in shared content xxxx"/>
<meta property="og:url" content="http://www. url of the page you want shared including the slash after .com xxx .com/"/>
<meta property="og:description" content="xxxx discription of the shared content xxx "/>
有插入这个地方你希望你的页面上的分享按钮比这些这里 - http://ogp.me/
接下来其他的OG属性的列表,
<a title="xxx Share mypage.com xxx" href="http://www.facebook.com/sharer.php? u=http://www. xxx url of page you edited above xxx .com &t=xxx a title you want to use xxx" target="_blank"><img src="http://www. xxx an image for the share button (make it in photoshop ect.)xxx" width="xx" height="xx" alt="Share"/></a>
显然采取了XXX的并保留“”,如果在测试时更改上述任何一项,则可能必须转到facebook调试器并调试它,因为它有时会保留原始内容。
希望这有助于
+0
这工作完美! – rohitnaidu19
相关问题
- 1. Facebook分享按钮
- 2. Facebook分享按钮
- 3. facebook分享按钮
- 4. Facebook分享按钮
- 5. Facebook分享按钮
- 6. Facebook的Like按钮的分享按钮
- 7. 实现Facebook分享按钮的正确方法是什么?
- 8. 如何修改Facebook分享按钮?
- 9. 如何实现Facebook的“按钮”功能?
- 10. Facebook Messenger Bot - 分享按钮
- 11. Facebook分享按钮功能
- 12. Unity facebook分享按钮
- 13. Facebook分享按钮与cakephp
- 14. 禁用Facebook分享按钮
- 15. 动态Facebook分享按钮
- 16. Facebook和Linkedin分享按钮
- 17. facebook分享按钮统计
- 18. 团结分享按钮实现
- 19. 如何使用Facebook喜欢分享照片或分享按钮
- 20. Pinterest如何按钮实现Facebook?
- 21. 如何使用GAE实现“分享”按钮
- 22. 如何实现复制和分享按钮
- 23. 如何共享页面,而无需Facebook分享按钮
- 24. 一键分享Facebook的按钮
- 25. 风格的Facebook分享按钮链接
- 26. Facebook的分享按钮返回空url
- 27. 隐藏div中的Facebook分享按钮
- 28. 模态iframe中的Facebook分享按钮?
- 29. Facebook Messenger中的分享按钮
- 30. Facebook的分享按钮返回错误
是的,我读了,但我有点困惑,因为我一直在寻找的分享,不喜欢:)顺便说一句,真的是我所需要的?那JS呢?如果我不需要将任何Facebook js添加到我的网页,fb弹出窗口如何显示? –
请参阅http://jsfiddle.net/ER4Zy/。没有Javascript只是HTML。但是你可以使用'like'按钮。这就像分享按钮一样。 –
我明白了。有什么方法可以指定帖子中显示的图片以及链接的文字说明吗? –