El botón Enviar de Facebook no funciona como iFrame
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.
Trackbacks/Pingbacks