El nuevo botón «enviar» de Facebook no se ve tanto cómo se podía pensar a pesar de que para implementarlo si ya tenías el botón «Me gusta», sólo había que añadir el parámetro «send=true» a la línea de código que ya teníamos.
Si vamos a la página del botón «Like» o «Me gusta» podemos obtener el código para insertarlo, hay dos opciones, iframe o XFBML:
Hay un matiz, si utilizas ese botón como iFrame, la primera de las opciones, no funciona, sólo funciona con la versión XFBML.
Con el iFrame y el parámetro send (línea 2)
1: <iframe src="http://www.facebook.com/plugins/like.php?href=http://www.facebook.com/ceslavacom
2: &send=true
3: &layout=standard
4: &show_faces=true
5: &width=550
6: &action=like
7: &colorscheme=light"
8: scrolling="no" frameborder="0" allowTransparency="true"
9: style="border:none; overflow:hidden; width:550px; height:80px">
10: </iframe>
Conseguiréis que aparezca pero no pasará nada al pincharlo.
Lo que debéis hacer es cambiar a la versión XFBML y añadir el parámetro (línea 4):
1: <div id="fb-root"></div>
2: <script src="http://connect.facebook.net/es_ES/all.js#xfbml=1"></script>
3: <fb:like href="http://www.facebook.com/ceslavacom"
4: send="true"
5: width="550"
6: show_faces="true" >
7: </fb:like>
Recuerda cambiar la URL de la línea 3 por tu dominio, tu fanpage o si lo vas a utilizar en tus artículos de WordPress utiliza este código para devolver la URL dinámica de cada artículo:
1: <div id="fb-root"></div>
2: <script src="http://connect.facebook.net/es_ES/all.js#xfbml=1"></script>
3: <fb:like href="<?php echo urlencode(get_permalink($post->ID)); ?>"
4: send="true"
5: width="550"
6: show_faces="true">
7: </fb:like>
Por último un detalle sobre el diseño, el botón se renderiza distinto en IE y en Chrome.
En Chrome:
En IE9:
Hay otras opciones, puedes poner los botones «Me gusta» y «Enviar» de forma independiente o utilizar uno de los trillones de plugins.
Deja una respuesta