Generador de enlaces y direcciones de compartir en redes sociales
Actualizado: 17 de noviembre del 2022
Por: Norfi Carrodeguas
Por: Norfi Carrodeguas
Códigos para crear enlaces de texto HTML o links de compartir (share) en Facebook, Google+, Twitter, Linkedin y Pinterest, sin emplear JavaScript. Direcciones URL directas para compartir páginas o imágenes, que requieren cada sitio social.

En la actualidad gran parte de los sitios de internet utilizan botones para facilitar a los lectores compartir las páginas, imágenes u otro contenido que publican, en las redes sociales de internet como Facebook, Twitter, Google+, Linkedin y Pinterest, usando los scripts que proporcionan estos sitios sociales o herramientas adicionales que lo facilitan.
Todos estos botones dependen de JavaScript, funcionalidad que en muchos navegadores los usuarios deshabilitan o bloquean.
El método seguro al 100% que siempre funciona, es el de la vieja escuela que no depende de JavaScript.
Consiste en utilizar enlaces directos de texto o imágenes con las direcciones de compartir necesaria para cada red social.
Su desventaja es que tenemos que insertar los enlaces manualmente, pero para pequeños sitios es la opción ideal.
En otro artículo compartimos cuales son las direcciones URL necesarias para compartir en las principales redes sociales, pero en esta página facilitamos más aun la tarea con un generador, que permite crear las direcciones URL o el código del enlace de texto.
Obtener las direcciones de compartir o el código de los enlaces
Con la siguiente herramienta podemos obtener la dirección URL necesaria para compartir cualquier página o imagen en las redes sociales Facebook, Twitter, Google+, Linkedin y Pinterest.
También obtener el código para crear un enlace de texto.
Solo necesitamos introducir la dirección de la página o imagen.
En algunos casos son necesarios parámetros adicionales que explicamos.
Al compartir cualquier dirección en Facebook, se abre el cuadro en el cual se puede agregar un comentario.
Facebook escanea la página y selecciona la miniatura de la página que considera apropiada, a no ser que se especifique usando las etiquetas de Open Graph.
Para pinear una imagen o foto, Pinterest requiere que se especifiquen dos direcciones: la de la imagen y la de la página donde se encuentra.
La descripción es opcional y se puede agregar manualmente en el cuadro de compartir.
Crear botones de compartir en HTML
En los códigos para los enlaces de texto, este se puede sustituir por una imagen, que puede ser un botón o un icono.
De esta forma se obtiene un recurso más atractivo, aunque lleva más trabajo.
El código para insertar una imagen es similar al siguiente:
<img src="icono.png" width="64" height="64" alt="Compartir en Facebook" title="Compartir en Facebook">
En otro artículo se pueden descargar en formato PNG, iconos de las principales redes sociales en diferente tamaño, para crear los botones de compartir.Tres ejemplos de enlaces de compartir usando estos iconos, se pueden ver a continuación.



Crear enlace HTML para guardar evento en Candelario de Google
Podemos crear un enlace en HTML para que los lectores con solo dar clic, puedan guardarlo en su Calendario de Google.
En el siguiente ejemplo guardamos la fecha 23 de junio, como el Día del Padre en Nicaragua.
Crea un enlace con la siguiente estructura.
<a title="Guardar en Calendario" href="https://calendar.google.com/calendar/render?action=TEMPLATE&dates=20200623%2F20200623&details=&location=Nicaragua&text=Dia%20del%20Padre%20en%20Nicaragua">Agregar a Candelario de Google</a>
Otras páginas relacionadas
✓ Códigos y direcciones para compartir contenido en las redes sociales
✓ Como crear y usar botones en las páginas con HTML5
✓ Como usar las etiquetas de Open Graph de Facebook en los sitios web
✓ Medida de las fotos e imágenes para compartir en Facebook
✓ Como crear enlaces para compartir una página en Facebook
✓ Crear botones de compartir en redes sociales en WordPress
✓ Crear y personalizar botones de perfiles cuentas sociales en WordPress
✓ Como crear y usar botones en las páginas con HTML5
✓ Como usar las etiquetas de Open Graph de Facebook en los sitios web
✓ Medida de las fotos e imágenes para compartir en Facebook
✓ Como crear enlaces para compartir una página en Facebook
✓ Crear botones de compartir en redes sociales en WordPress
✓ Crear y personalizar botones de perfiles cuentas sociales en WordPress
Comparte esta página
Facebook
Twitter