Acortar Enlaces con Bitly en AddThis para Compartirlos en Twitter

Les quiero compartir algo interesante que AddThis nos ofrece, el cual es acortar los links (enlaces) con Bitly para compartirlos en Twitter, ya que por defecto lo acorta como t.co, este cambio nos permite poder tener una analítica exacta de los clics hechos a nuestro enlace compartido.

Secuencias

Bitly

Una vez creada nuestra cuenta en bit.ly accedemos al siguiente enlace https://bitly.com/a/settings/advanced, en donde encontraremos nuestro login y API Key que utilizaremos mas adelante en AddThis.

Bitly - Login & API key

AddThis

Una ves accedido a nuestra cuenta de AddThis, seleccionamos nuestro perfil en el cual agregaremos nuestros datos bit.ly como son Login y API Key, para poder así acortar nuestros links y de esta manera se guarden en nuestra cuenta bit.ly.

Seleccionar perfil AddThis

Luego seleccionamos la opción Profile Settings.

Configuración perfil en AddThis

Continuando seleccionamos la opción Link Shortening, del menú de la barra lateral izquierda. Es en esta opción donde agregaremos el LOGIN y la API KEY de bit.ly, para finalizar clic en el botón Save.

Acortamiento de enlaces AddThis

Código JavaScript

Es importante agregar el siguiente código JS, para que nuestros botones de AddThis realicen la tarea.

<!DOCTYPE html>
<html lang="es">
<head>
	<meta charset="UTF-8">
	<title>Acortar enlaces con Bitly en AddThis</title>
</head>
<body>
	
	<!--Colocar antes del cierre de la etiqueta body-->
	<script type="text/javascript">
	var addthis_share = {
	     // ... other options
	     url_transforms : {
	          shorten: {
	               twitter: 'bitly'
	          }
	     }, 
	     shorteners : {
	          bitly : {} 
	     }
	}
	</script>
</body>
</html>

Resultado

Resultado - acortar enlaces con Bitly en AddThis
Luis Rene Mas Mas

Luis Rene Mas Mas

Hola, soy desarrollador Frontend, me encanta las tecnologías web, mi pasatiempo favorito es administrar este blog.

Leer Más