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:

facebook-like-send

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="&lt;?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:

image

En IE9:

image 

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

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *