Coloquio de Inesvitacion MDPH 2013 En...

miércoles, 24 de agosto de 2011

Error: Like Buttom de Facebook en Firefox


facebook
Facebook al renovar su API nos ofreció nuevos códigos para insertar un botón Like (Me gusta) en cualquier web, para hacerlo solo tenemos que colocar el siguiente código donde quieran que aparezca:
<iframe src="http://www.facebook.com/plugins/like.php?href=http%253A%252F%252Fbraulioaquino.com&layout=standard&show_faces=true&width=450&action=like&font&colorscheme=light&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true">iframe>
Pero para mayor funcionalidad nos recomiendan usar un código propio de Facebook el cual consiste en dos partes:
<div id="fb-root">div>
<script>
  window.fbAsyncInit = function() {
    FB.init({appId: 'your app id', status: true, cookie: true,
             xfbml: true});
  };
  (function() {
    var e = document.createElement('script'); e.async = true;
    e.src = document.location.protocol +
      '//connect.facebook.net/en_US/all.js';
    document.getElementById('fb-root').appendChild(e);
  }());
script>
que se tiene que colocar luego de 
que se coloca donde quieras que aparezca el botón
Todos los pasos son sencillos, pero resulta que algunas veces el código del Like Buttom no funciona en Firefox, esto se soluciona colocando el código SDK luego de  ya que a quienes se les presenta este error lo colocaron de la forma …  Código de Facebook 
En WordPress la forma de colocarlo en header.php es
head>
<body>
<div id="fb-root">div>
<script>
  window.fbAsyncInit = function() {
    FB.init({appId: 'your app id', status: true, cookie: true,
             xfbml: true});
  };
  (function() {
    var e = document.createElement('script'); e.async = true;
    e.src = document.location.protocol +
      '//connect.facebook.net/en_US/all.js';
    document.getElementById('fb-root').appendChild(e);
  }());

...
y luego donde quieras (probablemente en single.php)
 echo urlencode(get_permalink()); ?>" font="tahoma">
Categories:

0 comentarios: