NorfiPC
NorfiPC » Redes sociales » Compartir

Códigos y direcciones URL para compartir contenido en las redes sociales



Direcciones especiales para publicar páginas, imágenes, videos o cualquier otro archivo, usando el navegador en Facebook, Twitter, Pinterest, Linkedin y los otros principales sitios sociales de internet.
Códigos y direcciones especiales para compartir páginas, imágenes y cualquier contenido  en las redes sociales
Las principales redes sociales tienen direcciones especiales, usadas por las aplicaciones para facilitar a los usuarios recomendar, publicar y compartir contenido ya sea una página, imagen, video o cualquier otro archivo.
Son usadas cuando damos un clic en los botones insertados en las páginas o en las aplicaciones que instalamos en el celular.
Podemos utilizar estas direcciones de forma manual a nuestro antojo y para nuestras necesidades.
La mayoría solo necesita la dirección absoluta del archivo o página, otras requieren dos parámetros, generalmente la dirección y el título.
Por supuesto que todo esto se puede hacer de forma más sencilla insertando los widgets o scripts en el código fuente, pero en casos aislados es la opción ideal.
Se puede hacer manualmente para casos específicos o crear vínculos que harán el código de nuestras páginas más limpio y sencillo, además de ganar en rendimiento.
A continuación se indica cómo hacerlo de forma práctica en Facebook, Twitter, Google+, Linkedin, Pinterest y se comprenderá sus ventajas.
¿Cómo usar los códigos de ejemplos?
La primera parte de este artículo ha sido creada para los que no saben nada de Javascript ni de HTML, por lo que no temas.
Solo copia y pega los códigos de ejemplos en el Bloc de notas, sustituye tus datos, introduce el resultado en la barra de direcciones del navegador y presiona la tecla Enter.
Experimenta hasta que consigas lo deseado.
Lógicamente, para que los códigos funcionen es necesario estar registrado previamente en estos sitios sociales.



Códigos y direcciones para compartir en Facebook


Al acceder a la siguiente dirección se carga la herramienta para compartir en Facebook:
https://www.facebook.com/sharer/sharer.php?u= 
Si al final agregamos la dirección de una página en internet, de una imagen, un video o de cualquier otro elemento, le estaremos indicando el lugar exacto donde se encuentra.
De forma automática si se trata de una página web, Facebook extraerá información de ella para crear el snippet con una descripción y la miniatura de una imagen.
Un ejemplo con la dirección de esta página seria:
https://www.facebook.com/sharer/sharer.php?u=http://norfipc.com/redes-sociales/codigos-direcciones-para-compartir-contenido-redes-sociales.php 
Código y dirección para compartir una página web en Facebook
Si necesitamos compartir solo una imagen y usamos la siguiente dirección:
https://www.facebook.com/sharer/sharer.php?u=http://norfipc.com/fotos/frases-amor/todo-incluido.jpeg 
Obtenemos lo siguiente:
Código y dirección para compartir una imagen en Facebook



Códigos y direcciones para compartir en Twitter


De forma algo similar que en Facebook, en Twitter podemos publicar un tweet o actualización.
Al usar en el navegador la siguiente dirección se abre el famoso cuadro:
https://twitter.com/?status=
Si a continuación le agregamos el texto a compartir y la dirección de la página, le estaremos entregando toda la información necesaria.
Por ejemplo:
https://twitter.com/?status=Me gusta esta página http://norfipc.com/redes-sociales/codigos-direcciones-para-compartir-contenido-redes-sociales.php
(Entre el texto y la dirección siempre debe existir un espacio).
El resultado es el siguiente:
Código y dirección para compartir una página en Twitter

Compartir solo texto en Twitter

Para compartir un mensaje de texto en Twitter, debemos de usar la siguiente dirección:
https://twitter.com/intent/tweet?text=Mensaje de texto
Al introducir directamente cualquiera de estas direcciones de ejemplo en el navegador, comprobaremos que algunos caracteres se sustituyen por otros que comienzan siempre con el porciento (%).
Se conoce como "escapar" los caracteres para evitar conflictos al enviar la información en internet.
Lee más información: Bookmarklets para compartir en Twitter páginas, texto o imágenes



Códigos y direcciones para compartir en Linkedin


Compartir una página web en Linkedin es similar a hacerlo en Google+, lo que mucho más rápido.
Usa:
https://www.linkedin.com/shareArticle?url=dirección de la página
Por ejemplo:
https://www.linkedin.com/shareArticle?url=http://norfipc.com/redes-sociales/codigos-direcciones-para-compartir-contenido-redes-sociales.php



Códigos y direcciones para compartir en Pinterest


En Pinterest para pinear una imagen podemos usar la siguiente dirección:
https://pinterest.com/pin/create/button/?media=dirección URL de la imagen
Por ejemplo:
Código y dirección para pinear una imagen en Pinterest
Si deseamos vincular una página a la imagen a pinear o sea que el pin haga referencia a ella, debemos de usar:
https://pinterest.com/pin/create/button/?url=DIRECCION&media=DIRECCION DE LA PAGINA
En ese caso se extraerá de la etiqueta ALT si existe, la descripción para el pin.
Si no existe podemos indicarla usando el parámetro al final de la dirección: "description=DESCRIPCION"
Por ejemplo:
http://pinterest.com/pin/create/button/?url=http://norfipc.com/redes-sociales/codigos-direcciones-para-compartir-contenido-redes-sociales.php&media=http://norfipc.com/img/icon2/codigos-direcciones-para-compartir-redes-sociales.jpeg&description=Imagen muy interesante



Códigos y direcciones URL para compartir en Tumblr


Tumblr provee un Bookmarklet muy útil, que facilita compartir contenido desde cualquier página (texto o imágenes).
No obstante para compartir una página, se puede emplear la siguiente dirección para abrir el cuadro de compartir.
https://www.tumblr.com/widgets/share/tool?url=DIRECCION DE LA PAGINA

Códigos y direcciones para compartir en MeWe


MeWe es una nueva red social que facilita compartir cualquier página de internet.
Para compartir en MeWe directamente la dirección o enlace de una pagina web, podemos emplear la siguiente dirección URL:
https://mewe.com/share?link=dirección DE LA PAGINA
Después que se abra el cuadro de compartir, es necesario marcar la opción "Pública", para que el enlace esté disponible en internet.



¿Cómo usar Javascript para extraer la dirección o el título de la página a compartir?

Si se necesita crear un vínculo para usar en varias páginas, lo ideal es usar Javascript para extraer automáticamente la dirección URL que posee.
También se puede extraer el título.
Javascript devuelve información en estos casos con dos variables muy útiles:
document.URL – Devuelve la dirección URL de una página.
document.title – Devuelve el título de una página.

¿Cómo usarlas?
En un link:
<a href="javascript:accion+document.URL">Texto del Link</a>
Ejemplo de cómo crear un vínculo para compartir cualquier página donde se inserte, en la red Linkedin:
<a href="javascript:window.location.href=('http://www.linkedin.com/shareArticle?url='+document.URL)">Compartir en Linkedin</a>
Si no deseamos que el usuario abandone la página al compartir, podemos agregar otros parámetros para que la página se abra en otra pestaña o en otra ventana del navegador.
Lee más información: Como abrir los links en una nueva ventana del navegador

Codificar o escapar las direcciones URL

Antiguamente era necesario codificar o escapar algunos caracteres existentes en las direcciones URL, para que el navegador las interpretara correctamente.
Se sustituye por ejemplo los dos puntos (:) por %3A, los espacios por %20, etc.
En la actualidad los navegadores modernos entienden correctamente cualquiera dirección.
No obstante se puede hacer fácilmente con Javascript usando la función "encodeURIComponent()".
Lee más información: Como escapar texto con Javascript

Páginas relacionadas



Indica que te gusta y comparte

Sígueme en las redes sociales


 
 
Inicio | Mapa del sitio | Buscar | Sobre mí