Cómo crear enlaces personalizados a redes sociales

Hoy en día, las redes sociales son indispensables para cualquier proyecto web. Ciertas ventajas de incluir el hecho de compartir en redes sociales son:

  • Reduce los costes de márketing
  • Aumento de ventas
  • Aumento del tráfico de tu web
  • Mejor ranking en motores de búsqueda

Existen muchos servicios gratuitos que llevan a cabo esto de manera sencilla en Internet. Pero todos esos plugins para compartir en redes sociales, la mayoría desarrollados en Javascript, ralentizan el tiempo de carga de tu web. Por lo tanto, si quieres personalizar tos botones para compartir en redes sociales en base al estilo de tu proyecto, es muy buena idea crear dichos botones tú mismo mediante enlaces personalizados.

En este artículo veremos cómo crear enlaces personalizados a las redes sociales más populares del momento. Mediante estos enlaces podrás crear botones para compartir en redes sociales para tu proyecto web sin tener que echar mano de Javascript.

Enlace para compartir en Facebook

http://www.facebook.com/sharer.php?u=[URLcodificada]

Enlace para compartir en Google+

https://plus.google.com/share?url=[URLcodificada]

Enlace para compartir en Twitter

http://twitter.com/share?text=[TITULO]&url=[URLcodificada]

Enlace para compartir en LinkedIn

http://www.linkedin.com/shareArticle?mini=true&url=[URLcodificada]

Enlace para compartir en StumbleUpon

http://www.stumbleupon.com/badge/?url=[URLcodificada]

Enlace para compartir en Pinterest

http://pinterest.com/pin/create/button/?url=[URLcodificada]&media=[MEDIA]

Enlace para compartir en Reddit

http://www.reddit.com/submit?url=[URLcodificada]

Enlace para enviar por correo electrónico

mailto:?subject=[ASUNTO]&body=Echa un vistazo a esta web [URL]

Inserta el enlace para compartir en la red social que quieras dentro del atributo href dentro del tag <a>. El enlace debería quedar así:

<a href="[EnlaceRedSocialPersonalizada]" target="_blank" rel="nofollow">[Icono/TextoDeLaRedSocial]</a>

Si quieres abrir dicha URL en una nueva ventana como un popup, debemos utilizar Javascript. De forma sencilla, hemos creado una función llamada genericShare(). El método genericShare() coge el enlace para compartir de la red social y la abre en una nueva ventana como un popup.

Javascript

<script type="text/javascript">
function genericSocialShare(url){
    window.open(url,'sharer','toolbar=0,status=0,width=648,height=395');
    return true;
}
</script>

HTML

<a href="javascript:void(0)" onclick="javascript:genericSocialShare('[EnlaceRedSocialPersonalizada]')">[Icono/TextoDeLaRedSocial]</a>

Fuente: codexworld.com

COMPARTE ESTE ARTÍCULO

COMPARTIR EN FACEBOOK
COMPARTIR EN TWITTER
COMPARTIR EN LINKEDIN
COMPARTIR EN WHATSAPP