Resulta que soy un aficionado a las estadísticas. Si son graciosas, mejor, pero este no es el caso, aunque sean de risa. Por todo ello he montado algo simple para ayudar a mantener un mejor control sobre las visitas, si algún día se descontrolan: en lugar de usar el link de la entrada en el botón de compartir en Twitter, usar el link de BitLy, que aporta estadísticas más detalladas e individualizadas.

Es una resolución sencilla usando PHP y JS con un AJAX XMLHTTPRequst Object como interfaz de comunicación entre ellos y la API de BitLy. Partiendo del boton que ya hemos creado solo tenemos que hacer unas pequeñas modificaciones al JS que lo controla y añadir un archivo PHP. En realidad el problema se podría solventar con tres líneas de JQuery o JS en el mismo archivo que ya teníamos, pero por seguridad de la API Key prefiero usar las peticiones desde el servidor.

Al lío, en el archivo JS que controlaba el intent sólo debemos añadir unas cuantas líneas de código que explicaré a continuación de él:

function (element) {
 var loc = element.attr("data-url");
 var text = element.attr("data-text");
 var params="url="+loc;
 var urlcorta;

function downloadUrl(params,url, callback) {
 var request = window.ActiveXObject ?
 new ActiveXObject('Microsoft.XMLHTTP') :
 new XMLHttpRequest; //en cierto modo es una API, acepta requests HTTP.

request.onreadystatechange = function() {
 if (request.readyState == 4) {
 request.onreadystatechange = doNothing;
 callback(request.responseText, request.status);
 }
 };
 request.open("POST", url, true);
 request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
 request.setRequestHeader("Content-Length", params.length);
 request.send(params);
 }

downloadUrl(params,"getShortURL.php", function(data) {
 var xml = parseXml(data);
 var contenedor = xml.documentElement.getElementsByTagName("link"); //coge todos los markers
 for (var i = 0; i < contenedor.length; i++) { //coge los atributos de los markers
 urlcorta=contenedor[i].getAttribute("value");

 });

while(text.indexOf("#")!=-1){
 text=text.replace("#","%23");
 }
 var url = "http://urls.api.twitter.com/1/urls/count.json?url=" + loc + "&callback=?";
 var metro = this;
 $.getJSON(url, function (data) {
 var qualifier = "Twittea!";
 element.attr("href", "http://twitter.com/share?url=" + urlcorta + "&text=" + text + "&via=" + metro._accountName);
 element.attr("target", "_blank");
 element.html("<span>"+ " " + qualifier + "</span>");

});

}

Las nuevas líneas son de la 7 a la 30, lo que hacen es definir una función que llama al archivo PHP con un POST y espera su respuesta; cuando la obtiene asigna el valor de la dirección corta a “urlcorta” que luego le pasaremos al intent de Twitter como URL normal.

Como ya hemos dicho, la request a la API en sí la hace el servidor, no el cliente, por ello, debemos implementar el archivo PHP que lo haga, que quedaría algo parecido a esto:

<?php
header("Content-type: text/xml");

function parseToXML($htmlStr)
{
$xmlStr=str_replace('<','&lt;',$htmlStr);
$xmlStr=str_replace('>','&gt;',$xmlStr);
$xmlStr=str_replace('"','&quot;',$xmlStr);
$xmlStr=str_replace("'",'&apos;',$xmlStr);
$xmlStr=str_replace("&",'&amp;',$xmlStr);
return $xmlStr;
}

$url = $_POST["url"];
$usuario="danirXXXX";
$clave_api="R_378XXXXXXXXXXX"; //no válida

$shortURL=function acortar_url_bitly($url,$usuario,$clave_api,$formato = 'xml',$version = '2.0.1')
{
 $bitly = 'http://api.bit.ly/shorten?version='.$version.'&longUrl='.urlencode($url).'&login='.$usuario.'&apiKey='.$clave_api.'&format='.$formato;
 $respuesta = file_get_contents($bitly)
 if(strtolower($formato) == 'json')
 {
 $json = @json_decode($respuesta,true);
 return $json['results'][$url]['shortUrl'];
 }
 else //xml
 {
 $xml = simplexml_load_string($respuesta);
 return 'http://bit.ly/'.$xml->results->nodeKeyVal->hash;
 }
}

// Start XML file, echo parent node
echo '<contenedor>';
 echo '<link ';
 echo 'value="' . parseToXML($shortURL) . '" ';
 echo '/>';

echo '</contenedor>';

?>

En este script lo que hacemos es coger la URL desde la variable POST que le hemos pasado por el XMLHTTRequest, formamos la URL de petición de BitLy y cogemos el XML o JSON que recibimos y se devuelve bitly.com/hash, siendo el hash el identificador de nuestro enlace.

Cabe anotar que tal y como está montado el asunto, el archivo JS y PHP deben estar en la misma carpeta y el PHP llamarse getShortURL.php (esto se puede cambiar modificado el string que se le pasa como URL a downloadURL(params,url,callback).

Si bien esto añade un poco de retraso a la hora de carga de la ventana compartir, no será muy notable para el usuario y en cambio puede ayudar a mantener las estadísticas bastante controladas para los freaks de ellas .

La función para la petición a BitLy la encontré en el blog de @tonijota