RSS

 

Tip: Agregar el botón Like / Me Gusta de Facebook a WordPress

Thu, Apr 22, 2010 a las 12:18 am

Tips

Etiquetas: , ,

Screen shot 2010-04-22 at 12.15.04 AM

Probablemente salga un plugin que lo haga automáticamente, pero es tan simple ponerlo de manera manual, que por qué no hacerlo?

Lo único que necesitan hacer, es dirigirse al directorio del tema que estén usando en WordPress y editar el single.php (usualmente ubicado en /wp-content/themes/nombredetema/single.php) con el siguiente código:


<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&amp;layout=standard&amp;show-faces=true&amp;width=500&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:500px; height:60px"></iframe>

(cambiando width y height de acuerdo al ancho / alto que quieran.)

Este código lo pegan exactamente donde quieren que aparezca el boton en sus temas, y listo! Si quieren agregarlo también a la página principal, no se olviden de pegar el código en “index.php”.

Si quieren generarlo manualmente ustedes, pueden hacerlo desde aquí Like Plugin (facebook).

Lo que estamos haciendo aqui es reemplazar el código original, por

<?php echo urlencode(get_permalink($post->ID)); ?>

Lo cual hará que funcione con páginas dinámicas / individuales!

vía cordobo

 

Archivado bajo:

, ,

Click en cada una para obtener más artículos

Contenido relacionado

Este post fue escrito por:

- que ha escrito 8546 posts.

Hey! Mi nombre es Arturo Goga. Si el artículo te agrada, no olvides suscribirte a la página. Puedes leer más en Sobre el autor, o bien ponerte en contacto conmigo

Contacta al autor /

 

 

 

17 Comentarios para este Post

  1. Zicoxy3 Says:

    mmmm…. Esperaré al plugin porque soy un experto total en cargarme el código que toco. De todas formas, lo miraré para “aprender” un poco…
    Me guta la idea… Gracias

  2. Enrique Ulloa Says:

    ¿Funcionará en Tumblr? Lo probaré enseguida.

    Saludos!

  3. Enrique Ulloa Says:

    Perfecto, sólo tuve que cambiar el parámetro de PHP por lo siguiente: “…href={Permalink}…” Tumblr es genial!

    Saludos, gracias por este tip

  4. Enrique Ulloa Says:

    Veo que no se publicó mi 2do comentario: Funciona perfecto en Tumblr, sólo hay que cambiar la sentencia en PHP por “{Permalink}” y listo. ¡Tumblr es genial!

    Saludos!

  5. Javier Reyes Says:

    Con este plugin para WordPress es posible añadir el botón de like, y los Facebook Social Plugins de actividad y recomendaciones:
    http://www.sociable.es/facebook-connect/

    tutorial:
    http://www.sociable.es/facebook-opengraph-wordpress-plugin-configuration/

  6. Arturo Says:

    @Javier Reyes
    Gracias por el dato! Hace tiempo probé el sociable, principalmente para meter Facebook en los comments, y no tuve mucha suerte. Creo que es hora de darle un segundo vistazo :)

  7. Carlos Says:

    Hey doc! Sabes si esto funciona en Blogger?

    Saludos!!

  8. Blojoven Says:

    Gracias tu siempre lo maximo, eh buscado como hacerlo pero nadie lo da tan perfecto. ya lo puse en mi blog y quedo bien nuevamente gracias.

  9. La Machincuepa Says:

    Que chido!!!, Gracias!!!!

  10. Blojoven Says:

    Nuevamemte gracias…. cambie de plantilla a mi blog y queria el codigo para compartir a facebook. Aunque ahora al darle me gusta me puso en mi facebook una imagen que no era del post sino de mi index?

  11. Arval Says:

    Que tal.
    Estaba utilizando el boton “like” de Facebook…y tengo un problema al obtener el texto del link, es decir:
    el link si lo genera bien cuando lo comparto…pero de el texto del link queda siempre igual….algo asi:

    Mi Web

    En este caso, el titulo “Mi Web” queda siempre igual… en vez de que cambiara por algo como: “Este es el id 18″

    El titulo “Mi Web” es un titulo q no se muestra en la pagina q estoy dandole “Me gusta”…sino que es “Este es el id 18″. pero publica el otro titulo, el de la pagina index del sitio.
    Espero una orientacion en esto.
    grax.

  12. robertys Says:

    no me funciono en arthemia

  13. Krauzer Says:

    Gracias, agregué ID)); ?> y ahora cumple la función que queria.

    Saludos!

  14. Ralf Says:

    …Amigo, buen post, buen explicado, te felicito…
    Pero una pregunta… esto funciona también en OBOLOG???? …y si es así, cómo puedo instalarlo???

    Un abrazo.

  15. Ralf Says:

    AYUDA!!!! …Amigo, he copiado el código tal como lo has puesto en este post y también he generado el código desde la página del Facebook, pero en mi blog de “OBOLOG” cuando lo pego en la sección de “datos del blog” o al final de los posts, luego de guardarlo no me aparece el botón, sólo aparece el montón de códigos de manera textual, así:

    <iframe src="http://www.facebook.com/plugins/like.php?href=ID)); ?>&layout=standard&show-faces=true&width=500&action=like&colorscheme=light” scrolling=”no” frameborder=”0″ allowTransparency=”true” style=”border:none; overflow:hidden; width:500px; height:60px”>

    …Cien puntos al que me ayude!” …Suerte en todo.

  16. Zherg Says:

    Muchas gracias por la explicación. Aprovecho para preguntar si suele notarse de forma clara algun aumento de visitas por el hecho de tener el botón. Un saludo!!

  17. Javi de Yoostation Says:

    Yo aún sigo pensando que el botoncito de megusta solo le sirve a Facebook y a más nadie. Supongo que será algo pasajero.

4 Trackbacks para el post

  1. Tweets that mention Tip: Agregar el botón Like / Me Gusta de Facebook a Wordpress | arturogoga -- Topsy.com Says:

    [...] This post was mentioned on Twitter by Medios Peruanos. Medios Peruanos said: ArturoGoga » Tip: Agregar el botón Like / Me Gusta de Facebook a WordPress http://bit.ly/b9OmvB [...]

  2. Facebook y el Boton Like: Que es y como implementarlo | La Vida En Internet Says:

    [...] Terainfo | ArturoGoga | Facebook Blog [...]

  3. Me gusta el botón me gusta de Facebook Says:

    [...] Arturo Goga: el botón like de Facebook para WordPress [...]

  4. Agregar el botón Me gusta de Facebook a tu blog o sitio web – Himsomnio Says:

    [...] puede verse se trata de un pequeño iframe donde se muestra el botón. Lo más razonable es que el código se incluya al final del post y [...]

Deja un comentario!