如何在 JSFiddle 上获得 Facebook Like 按钮？答案

【问题标题】：How to get Facebook Like button on JSFiddle?如何在 JSFiddle 上获得 Facebook Like 按钮？
【发布时间】：2015-03-04 21:39:05
【问题描述】：

所以我想在我的网站上放置一个 Facebook 的赞按钮。我使用了 Facebook 页面中的代码，但没有出现该按钮。有什么帮助吗？

http://jsfiddle.net/genome314/204de8ry/

HTML

<div id="fb-root"></div>
<div class="fb-like" data-href="https://developers.facebook.com/docs/plugins/" data-layout="standard" data-action="like" data-show-faces="true" data-share="true"></div>

JavaScript

(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_GB/sdk.js#xfbml=1&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

这是我从 https://developers.facebook.com/docs/plugins/like-button

获得代码的地方

【问题讨论】：

标签： javascript html facebook facebook-like

【解决方案1】：

我不知道类似 HTML5 的按钮有什么问题，但我至少可以说 iframe 按钮 在 jsfiddle 上工作：

<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2Fplugins%2F&amp;width&amp;layout=standard&amp;action=like&amp;show_faces=true&amp;share=true&amp;height=80&amp;appId=YOUR_APP_ID" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:80px;" allowTransparency="true"></iframe>

JSFiddle

【讨论】：