网站Facebook Send按钮不显示,是否该功能已被停用?
关于Facebook Send按钮无法显示的问题
对的,Facebook确实已经停用了Send按钮功能——这个功能早在数年前就被官方整合到Share按钮中了,所以你现在添加的Send按钮自然无法正常渲染显示。
替代方案推荐
既然Send按钮已经被移除,你可以选择以下两种官方支持的方式来实现类似需求:
- 改用Facebook Share按钮:这是目前官方主推的分享组件,不仅支持用户将内容分享到Facebook动态,还能通过Open Graph标签自定义分享预览的标题、描述和图片,完全可以覆盖原Send按钮的核心需求。
- 使用Messenger分享功能:如果你的需求是让用户直接把内容发送给Facebook好友,可以使用官方的Messenger分享按钮,实现类似原Send按钮的私信发送效果。
代码修改示例(以Share按钮为例)
把你原来的Send按钮代码替换成以下Share按钮的实现即可:
<html> <head> <title>Your Website Title</title> <!-- 保留你的Open Graph标签,用于自定义分享预览 --> <meta property="og:url" content="https://www.yourwebsite.com/your-page"> <meta property="og:type" content="website"> <meta property="og:title" content="Your Website Title"> <meta property="og:description" content="Your page description here"> <!-- 加载最新版本的Facebook SDK --> <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v18.0" nonce="YOUR_NONCE_VALUE"></script> </head> <body> <!-- Facebook Share 按钮组件 --> <div class="fb-share-button" data-href="https://www.yourwebsite.com/your-page" data-layout="button" data-size="small"> <a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.yourwebsite.com%2Fyour-page&src=sdkpreparse" class="fb-xfbml-parse-ignore">Share</a> </div> </body> </html>
注意事项
- 确保使用的是最新版本的Facebook SDK,版本号可以在官方文档中查询到最新值;
- Open Graph标签的
content属性要替换成你自己页面的真实信息,这样分享时的预览内容才会正确显示; - 如果你需要Messenger发送功能,只需要把上述代码中的
fb-share-button替换为fb-messenger-share-button,并调整对应的属性即可。
内容的提问来源于stack exchange,提问作者desbest
相关产品推荐
相关产品推荐

