Enlaces de redes sociales para compartir página

Hay cientos de plugins/librerías para utilizar en nuestra página web que nos permiten compartirla en las principales redes sociales. Para ello, normalmente cargamos la librería javascript, la hoja de estilos y ponemos algún tipo de código para que todo se ejecute.

Si lo queremos mas personalizado y sencillo, podemos poner el enlace que permite compartir la página, y punto. Aquí tenéis los mas usados:

1
2
3
4
<a href="https://pinterest.com/pin/create/button/?url=[URL_PAGINA]&media=[IMAGEN_DESTACADA_PAGINA]" target="_blank">Compartir en Pinteres</a>
<a href="https://www.facebook.com/sharer/sharer.php?u=[URL_PAGINA]" target="_blank">Compartir en Facebook</a>
<a href="https://plus.google.com/share?url=[URL_PAGINA]" target="_blank">Compartir en Google+</a>
<a href="https://twitter.com/intent/tweet?url=[URL_PAGINA]&text=[TEXTO_TWIT]" target="_blank">Compartir en Twitter</a>

El target=”_blank” de los enlaces es para que el enlace se abra en otra ventana. Podéis cambiar el texto por alguna imagen.

Espero que os sea de utilidad.

Artículos relacionados

Utilizar nuestra fuente de texto en la web Desde hace mucho tiempo, que es recomendado utilizar fuentes genéricas (que normalmente tienen todos los equipos, ya sean windows, mac o Linux). Estam...
HTML5 – Números de teléfono Muchas veces, al hacer una página 'responsive' ponemos en nuestro código un teléfono. HTML5, sobretodo en los navegadores de móviles, pueden hacer que...
CSS – Evitar salto de linea después de etiqu... Veamos con un ejemplo cómo con unos estilos CSS podemos hacer que al final de las etiquetas h1, h2, h3... no se fuerce al salto de linea: M...
Habilitar WebGL en navegador FireFox Hace dos días os mostré cómo habilitar la aceleración gráfica en vuestro navegador Chrome (en mi caso lo necesitaba para probar programas creados con ...

Deja un comentario

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

*