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.

Comenta este contenido