如何获得JSFiddle上的Facebook Like按钮？ [英] How to get Facebook Like button on JSFiddle?

问题描述

所以我想在我的网站上放一个类似Facebook的按钮。我使用了Facebook页面的代码，但没有出现按钮。任何帮助？

http://jsfiddle.net/基因组314 / 204de8ry /

HTML

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

JavaScript

 （函数（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

解决方案

我不知道 HTML5 like按钮有什么问题，但至少我可以说是<

 < iframe src =// www.facebook.com/ iframe按钮适用于jsfiddle：
插件/ like.php HREF = HTTPS％3A％2F％2Fdevelopers.facebook.com％2Fdocs％2Fplugins％2F&安培;安培;宽度&放大器;放大器;布局=标准&放大器;放大器;行动=像&放大器;放大器; show_faces =真放大器;放大器;份额=真放大器;放大器;高度= 80&放大器;放大器;的appid = YOUR_APP_ID SCROLLING = 无 FRAMEBORDER = 0 的风格= 边界：无;溢出：隐藏;高度：80px; ALLOWTRANSPARENCY = 真 >< / iframe中> 
  

JSFiddle

So I want to put a Facebook like button on my website. I have used the code from the Facebook page but the button doesn't appear. Any help?

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'));

This is where I got the code from https://developers.facebook.com/docs/plugins/like-button

解决方案

I have no idea what could be wrong with the HTML5 like button, but the least I can say is that the iframe button works on 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

这篇关于如何获得JSFiddle上的Facebook Like按钮？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！