Añadir botón de facebook dinámico (para la página actual) [SOLUCIONADO]

Si deseas insertar en tu página en botón de Like it (Me gusta) de facebook, puedes hacerlo de dos formas:

1. Insertar botón estático (se pulse desde donde se pulse, el “Me gusta” se refiere a una dirección estática). Puedes utilizar la página oficial de facebook para desarrolladores, sección plugins, sección like para generar tu botón y obtendrás algo parecido a esto:

<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.leccionespracticas.com&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;font&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>

2. Insertar botón dinámico: el me gusta hará referencia a la web actual (dinámica). Dos opciones, una en javascript y otra en php:

<SCRIPT LANGUAGE="JavaScript">
document.write("<iframe src=\"http:\/\/www.facebook.com\/plugins\/like.php?href="+document.URL+"&layout=button_count&show_faces=false&width=80&action=like&font=verdana&colorscheme=light\" scrolling=\"no\" frameborder=\"0\" style=\"border:none; overflow:hidden; width:80px; height:22px\" allowTransparency=\"true\"><\/iframe>");
</SCRIPT>
<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo 'http://'.$_SERVER['SERVER_NAME'].$_SERVER['REQUEST_URI'];?>&layout=button_count&show_faces=false&width=80&action=like&font=verdana&colorscheme=light" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:22px" allowTransparency="true"></iframe>

10 Thoughts on “Añadir botón de facebook dinámico (para la página actual) [SOLUCIONADO]

  1. havih on 13/04/2011 at 12:01 said:

    Hola,

    he probado el código sugerido tanto en PHP como Javascript para añadir el botón “Me gusta” en entorno dinámico, pero no me consigue obtener toda la URL completa (uso varias variables -obtenidas con PHP y Mysql- en la URL y se corta después de la primera) un ejemplo:

    URL original: http://www.dominio.es/pagina.php?var1=24&var2=599&var3=1

    y después de pinchar en el botón “me gusta” sólo enlaza a: http://www.dominio.es/pagina.php?var1=24

    ¿alguna sugerencia?

  2. Uso actualmente el de php y Funciona perfecto ; gracias ; gracias
    para el que no lo entienda tiene que primero armar un archivo “.php”
    y lugo hacer esto
    EJ: pruebaFace.php==

    Documento sin título

    <iframe src="http://www.facebook.com/plugins/like.php?href=&send=true&layout=standard&width=450&show_faces=true&action=like&colorscheme=light&font=lucida+grande&height=80” scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:450px; height:80px;” allowTransparency=”true”>

  3. ¡Gracias! Me sirvió el like buttom en java script para los anuncios de mi portal de clasificados :-)

  4. Manu on 02/07/2011 at 17:39 said:

    Gracias por la info. Gracias a la opción en javascript conseguí colocar el botón en los productos de una tienda montada con prestashop.
    ¡Buen trabajo, amigo!

  5. Otra solucion para el boton ME GUSTA tomando la URL actual

  6. Busco EXACTAMENTE lo mismo, pero para el script de COMENTARIOS de FB, sin necesidad de poner la URL específica, que tome el URL actual.. para insertalo en pagina .HTML

    Ojala puedan ayudarme…

    gracias…

  7. Muchas gracias. He puesto el código en java y va de lujo.
    Pero sabrías decirme como puedo poner un tag para cambiar el idioma del boton?

  8. Martin on 30/05/2012 at 04:19 said:

    Coincido con Fernando, necesito lo mismo pero para el plugin de comentarios.

  9. Martin on 30/05/2012 at 04:35 said:

    Hola gente, por si les sirve, para usar comentarios de forma estatica:.(Ademas del script…)
    Para hacerlo de forma dinamica cambio la href de forma dinamica con php, por ej:
    echo”;
    Espero que les sea util. Saludos!

  10. ceaped on 20/09/2012 at 14:04 said:

    Hola a todos
    He buscado por todos lados y no encuentro respuesta para agregar “Me gusta” en una misma página pero .html, no es CMS ni php.

    ¿Como hago para agregar un una sola página Web varios “Me gusta”?

    Qué debo de cambiar o agregar para que cuando presione “Me gusta” se sume individual por cada “Me gusta”

    Gracias por su ayuda

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Post Navigation