Usando la API de Bitly para acortar URLs
2 noviembre, 2014
Por: Editor PGBServices

Un forma de sacar url corta de Bitly (bit.ly) es usando JQuery, aquí en este post digo como lo hice.

Lo primero es invocar el archivo del jquery en el head:

<script type="text/javascript" src="/script/jquery.min.js"></script>

Luego tengo un campo input para ingresar la url larga:

<input type="text" name="entra" id="dir" value="" size="100" />

A continuación coloco el botón que ejecutará la función que realiza la consulta en el API:

<button>Procesar</button>

La función la coloco documentada a continuación:

<script type="text/javascript">
$(document).ready(function () {
$("button").click(function(){
//debes sustituir las X rojas por tu propio token
var URL = "https://api-ssl.bitly.com/v3/shorten?access_token=XXXXXXXXXXXX&longUrl=" + $('input:text[name=entra]').val();

//Recuerda que Bitly entrega la data en protocolo Json

// en este caso yo tomé la cadena que contiene el hash o lo que está después de la barra
$.getJSON(URL, function(datos){
var hash = datos.data.hash;
alert("DATOSnnHash: " + "bit.ly/" + hash);

// Aquí se construye la URL corta con el resultado de la consulta
$("div").append("<br><a target='_blank' href='http://bit.ly/" + hash + "'>bit.ly/" + hash + " </a>");
// opcional si quieres un alerta al final
//alert($('input:text[name=entra]').val());
});
});
});
</script>

 

Hay otras formas de hacerlo, pero para una necesidad que tenía un cliente hicimos esta con jquery realmente muy fácil y corto.

Para obtener tu token debes crear una cuenta en Bitly, el token en nuestro caso lo pusimos en X rojas.

 

 

Aquí te dejo unos link que te pueden servir:

http://dev.bitly.com/code_libraries.html

http://www.anerbarrena.com/jquery-val-4648/

 

 

 

Pierre García Barre

CEO

Sobre el autor de este artículo:

Experiencia en desarrollo de productos financieros tecnológicos, programador, mercadeo y ventas, fotógrafo. Los últimos 11 años los ha dedicado al desarrollo de servicios y productos Web a través de la compañía. Consultoría para empresas que necesitan crear o mejorar su presencia a través de los medios digitales.

Hosting mejor precio valor para tu Web

Reserva de dominio

VPS

Correos

Asistencia

Instalación de CMS incluido

Ver más: https://espro.es

 

Share This