带有消息的 Facebook 喜欢按钮

Posted

技术标签:

【中文标题】带有消息的 Facebook 喜欢按钮【英文标题】:facebook like button with message 【发布时间】:2013-04-05 10:59:09 【问题描述】:

谁能告诉我如何创建一个带有添加消息选项的 facebook like 按钮?示例可以在这里找到http://www.familycircle.com/style/beauty/hair/summer-hairstyles/ 如果用户没有将任何内容写为消息,则按钮的行为与普通按钮一样。如果用户写了一条消息,它将出现在他/她的墙上。谢谢。

【问题讨论】:

【参考方案1】:

正如 Facebook 所说:

用户何时可以选择添加评论?

如果您使用 XFBML 版本的 Like 按钮,用户将始终可以选择添加评论。如果您使用的是 iframe 版本的按钮,如果您使用的是标准布局,用户将可以选择评论。如果用户确实添加了评论,则发布回 Facebook 的故事会更加突出。

Like Button

【讨论】:

【参考方案2】:

这是 facebook 的点赞按钮的正常行为。您可以选择使用 html5 撰写评论或消息,这就是我的做法

把它放在body标签之后

<div id="fb-root"></div>
<script>(function(d, s, id) 
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=YOURAPPID";
  fjs.parentNode.insertBefore(js, fjs);
(document, 'script', 'facebook-jssdk'));</script>

把它放在你想看到按钮的地方

 <div class="fb-like" data-href="http://someurl.com" data-send="true" data- data-show-faces="true"></div>

或者创建你的here

【讨论】:

以上是关于带有消息的 Facebook 喜欢按钮的主要内容,如果未能解决你的问题,请参考以下文章

一个 iOS 应用程序,带有一个喜欢 Facebook 页面的 Like 按钮

如何正确使用带有 React 功能组件的键?这是我的喜欢按钮:

Facebook Messenger Bot 使用回发按钮共享结构化消息

检查用户是不是点击了 Facebook Like 按钮(多个按钮)

按下按钮时打开 Facebook 应用程序页面。斯威夫特 5

Facebook 消息 API