NorfiPC
NorfiPC » Redes sociales » Códigos y direcciones especiales

Códigos y direcciones 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, Google+, Pinterest, Linkedin y los otros principales sitios sociales de internet. Ejemplos prácticos y códigos para copiar y experimentar los aficionados.
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
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.



Códigos y direcciones para compartir en Google+


Para compartir la dirección de una página o de otro elemento en la red social Google+, usa la siguiente dirección:
https://plus.google.com/share?url=Direccion de la página o elemento.
Por ejemplo:
https://plus.google.com/share?url=http://norfipc.com/redes-sociales/codigos-direcciones-para-compartir-contenido-redes-sociales.php
Se abrirá la ventana de compartir como la siguiente imagen:
Código y dirección para compartir una página en Google+



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:
http://www.linkedin.com/shareArticle?url=Direccion de la página
Por ejemplo:
http://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:
http://pinterest.com/pin/create/button/?media=Direccion 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:
http://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ó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



Comparte esta página




Sígueme en las redes sociales


Sígueme en Google Plus Sígueme en Facebook Sígueme en Twitter Sígueme en Pinterest





 
 
Inicio | Mapa del sitio | Sobre mí | RSS | Buscar