Agregar un enlace para compartir en Facebook
Después de una larga demora, agregué bajo los post dos botones: uno para enviar el post a Facebook, y otro para hacer lo propio con Twitter.
La complejidad de esto fue variando. En el caso de Facebook, no requiere de mucha elaboración ya que basta con agregar un link que tenga como destino:
facebook.com/share.php?u=<?php the_permalink(); ?>
Esto se vale de la función the_permalink, que genera dinámicamente desde el loop la URL correspondiente al post que estamos viendo. Esto se utiliza también como href al linkear el título, lo pueden ver por defecto en la mayoría de los templates.
Inspeccionando un poco el botón que nos brinda Facebook, vemos que lo realmente interesante es facebook.com/share.php?u=URL , donde URL debería ser reemplazada por la URL real que queremos compartir. Si combinamos la acción de share.php que con la variable pasa un dato, resta especificar ese dato con the_permalink para completar el combo.
Si apoyan el puntero sobre el botón de compartir en Facebook, similar al que ilustra al post, pero que está junto con el de compartir en Twitter, pueden ver (y darle clic, si quieren probarlo y de paso difundir el tip) el enlace en funcionamiento que -en este caso- les permitirá compartir este post o bien el que se está viendo en el momento.
El resultado final para un enlace de texto sería…
<a href=”http://facebook.com/share?u=<?php the_permalink(); ?>”>
Compartir en Facebook
</a>
Y en caso de que queramos utilizar una imagen como botón, como en mi caso…
<a href=”http://facebook.com/share?u=<?php the_permalink(); ?>”>
<img src=”http://RUTA_DE_LA_IMAGEN_DEL_BOTON” border=”0″>
</a>
Parece sencillo pero no es la primera vez que me lo preguntan, así que se me ocurrió explicarlo casi sin sobre entender ningún aspecto. Espero que les haya servido!
Votá
Loading ...
17 comentarios
10.17.2009
Información Bitacoras.com…
Valora en Bitacoras.com: Después de una larga demora, agregué bajo los post dos botones: uno para enviar el post a Facebook, y otro para hacer lo propio con Twitter. La complejidad de esto fue variando. En el caso de Facebook, no requiere de mucha el…..
10.18.2009
[...] comenté cómo crear enlaces para compartir en Facebook, y en Twitter lo vamos a hacer de una forma similar. El factor común entre ambos métodos es la [...]
11.27.2009
Que hace la función the_permalink? pobre poniendo el código como lo muestras pero que es lo que hace esa función?
11.28.2009
La función the_permalink lo que hace es imprimir la url absoluta del post. Tomando como ejemplo este, si yo incluyera esa función imprimiría
http://sergiomelzner.com/desarrollo/agregar-un-enlace-para-compartir-en-facebook
Sirve básicamente para la parte de enlaces dinámicos en los themes de WordPress. Si yo en mi homepage quiero linkear a los post, tengo que usar un link dinámicamente por cada post. Si lo incluyo dentro del loop, el the_permalink va a ser el enlace correspondiente a ese post.
Ejemplo (sacale los espacios iniciales):
< ?php if (have_posts()) : ?>
< ?php while (have_posts()) : the_post(); ?>
< h2>< a href="< ?php the_permalink() ? rel="bookmark" rel="nofollow">< ?php the_title(); ?>< /a>< /h2>
< ?php endwhile; ?>
Eso imprimiría un listado de títulos < h2> con un link a cada post, usar the_permalink sirve para que pueda identificar datos del post e imprimirlos dependiendo de cuál sea. O bien, de 5 por ejemplo en donde con ese código php generamos un bucle en donde the_permalink significará una URL distinta por cada post.
Intenté hacerlo simple pero no sé si se entendió, en caso de que no seguime preguntando por donde no entiendas que voy contestando. No me molesta para nada, al contrario.
Un abrazo!
12.4.2009
Estoy leyendo "Agregar un enlace para compartir en Facebook" – http://bit.ly/WRWc6
1.20.2010
Como agregar un enlace para compartir en facebook http://sergiomelzner.com/desarrollo/agregar-un-enlace-para-compartir-en-facebook/
1.23.2010
Si me pueden ayudar se los voy a agardecer.
Tengo un sitio web en php ecommerce y quiero agregar la opción de compartir en las redes sociales.
El código q pongo es el siguiente:
<a href="http://delicious.com/post?url=&title=¬es= “>
y me da este error:
<a href="http://delicious.com/post?url=Fatal error: Call to undefined function the_permalink() in /home/ftpbaby/public_html/sitio/verProducto.php on line 68
que es lo q me esta faltando?
Saludos.
1.23.2010
vuelvo a pasar el dódigo q ingreso porq no se copio bien..
<a href="http://delicious.com/post?url=&title=¬es= “>
1.24.2010
perdon…la 3 era es la vencida
<a href="http://delicious.com/post?url=&title=¬es= “>
1.24.2010
Martín, no vas a poder incluir código php en los comentarios. Igualmente leí lo que decís, y quizá fue en parte error mio por no aclarar que este post era parte de algunos que publiqué referidos a WordPress.
Es decir, la función the_permalink no va a servirte fuera de este CMS. Deberías buscar la documentación de tu CMS, alguna variable dinámica que puedas usar para imprimir la URL vigente.
2.2.2010
Hola.
Estoy intentando seguir tus instrucciones para agregar un enlace a facebook pero una vez hecho todo lo que dices y pincharle al link de facebook me reenvia a una dirección incorrecta.
Concretamente me copia la dirección del post y luego introduce el enlace a facebook tras un slash /. En el caso de esta entrada sería algo así:
http://sergiomelzner.com/desarrollo/agregar-un-enlace-para-compartir-en-facebook/http://www.facebook.com/share.php?u=http://sergiomelzner.com/desarrollo/agregar-un-enlace-para-compartir-en-facebook/
Alguna idea de como podría solucionarlo ?? gracias de antemano
2.2.2010
Ok. Retiro lo anteriormente dicho, error de novato: copié y pegué directamente y las comillas y se copiaron mal.
2.5.2010
Me alegro Geclos que hayas podido solucionarlo, gracias por comentar.
Cualquier otra duda en la que creas que puedo serte útil, no dudes en mencionarlo.
3.19.2010
Enlace para compartir en facebook. Y gracias a este link hemos acabado de incorporar fb a nuestro boletin mensual http://ow.ly/1opas
4.9.2010
Agregar un enlace para compartir en Facebook http://bit.ly/aannJD
4.29.2010
Agregar un enlace para compartir en Facebook http://bit.ly/aannJD
8.30.2010
Agregar un enlace para compartir en Facebook http://bit.ly/aannJD