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 </head>
<fb:like href="<a href="http://braulioaquino.com">http://braulioaquino.com"</a>></fb:like>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 <body> ya que a quienes se les presenta este error lo colocaron de la forma … </head> Código de Facebook <body> …
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); }()); </script> ...
y luego donde quieras (probablemente en single.php)
<fb:like href="<?php echo urlencode(get_permalink()); ?>" font="tahoma"></fb:like>
