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
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.