aNieto2K Desarrollo web, Wordpress, y alguna cosilla más

El uso de Google Analytics en aplicaciones web es algo muy común y cada vez más corriente. Principalmente por que es un servicio gratis y ofrece una gran cantidad de información relevante sobre el uso de las mismas.

Debido a este crecimiento, es normal encontrarnos artículos como este de Carron Media en el que nos muestran como extender las posibilidades de Google Analytics con jQuery. Mediante una serie de pequeñas porciones de código podremos controlar los enlaces salientes o los ficheros que se decargan de nuestros sitios web.

<script type="text/javascript">
$(document).ready(function(){
// Cargamos el fichero JS
    var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
    $.getScript(gaJsHost + "google-analytics.com/ga.js", function(){

        try {
	// Nos identificamos con nuestro cógico.
            var pageTracker = _gat._getTracker("UA-xxxxxxx-x");
            pageTracker._trackPageview();
        } catch(err) {}

	// Definimos los tipos de ficheros que vamos a registrar.
        var filetypes = /\.(zip|exe|pdf|doc*|xls*|ppt*|mp3)$/i;

	// Recorremos todos los enlaces
        $('a').each(function(){
	// Capturamos el atributo href.
            var href = $(this).attr('href');

		// Si es un enlace saliente
            if ((href.match(/^https?\:/i)) && (!href.match(document.domain))){
                $(this).click(function() {
                    var extLink = href.replace(/^https?\:\/\//i, '');
                    pageTracker._trackEvent('External', 'Click', extLink);
                });
            }
            // Si es un email (mediante mailto)
            else if (href.match(/^mailto\:/i)){
                $(this).click(function() {
                    var mailLink = href.replace(/^mailto\:/i, '');
                    pageTracker._trackEvent('Email', 'Click', mailLink);
                });
            }
            // Si es una decarga.
            else if (href.match(filetypes)){
                $(this).click(function() {
                    var extension = (/[.]/.exec(href)) ? /[^.]+$/.exec(href) : undefined;
                    var filePath = href.replace(/^https?\:\/\/(www.)mydomain\.com\//i, '');
                    pageTracker._trackEvent('Download', 'Click - ' + extension, filePath);
                });
            }
        });
    });
});
</script>

Tambien puedes descargarlo para usar en tu aplicación.

En Bitacoras.com ha publicado un interesante informe sobre el estado de la blogosfera hispana. Contando con más de 319.000 bitácoras registradas, más de 3.000.000 de posts indexados, sus más de 16.000.000 de enlaces procesados y sus más de 115.000 usuarios registrados con perfil completo, es posible obtener unos dator muy interesantes y sobretodo muy certeros.

Los bloggers

(Ver Imagen)

Según el informe sacamos que los bloggers, en su mayoría, son hombres (81,18%) de entre 19 y 44 años (80%) (muy similares a los que obtenemos en la BlogoEdad) y vive en España (52%), concretamente en Madrid (37,2%).

El contenido

(Ver Imagen)

El contenido que estos bloggers generan, es en su mayoría de carácter general (33,7%) que frecuentemente actualiza su bitacora durante la semana (80%) y descansa los fines de semana. Y que además lo hace a partir de las 11:00 y deja de hacerlo a las 00:00 (60-65%) .

Más datos y más detallados en Bitacoras.com

Michael Douma, me avisa por email de la última aplicación que ha desarrollado. Colorotate, se trata de un generador de paletas de colores muy chulo, una herramienta realmente necesaria para los ineptos del color, entre los que me encuentro.

(Ver Imagen)

Una aplicación desarrollada en Flash, con muchas opciones para sacarle el máximo partido a los pocos conocimientos de colores que podamos tener. Y para los amantes más experimentados, seguro que saben como sacarle partido a esta genial herramienta.

Hoy, ha caido Google, y todos sus servicios, aunque parezca irreal e improbable,… ha pasado. Y el problema es que no solo han caido los servicios de Google Mail, Google Maps, … sinó que todas las páginas que usan sus servicios. Por poner un ejemplo, en el trabajo hemos estado unos minutos estresados mirando el por que nuestra aplicación no terminaba de cargar, y al darnos cuenta de que Google estaba caido hemos caido en el problema, y menudo problema.

El problema era que estamos llamando a Google Maps en <head /> de la aplicación, algo realmente lógico partiendo de que es lugar en el que meter la lógica de nuestra aplicación. Por desgracia, cuando el servicio está innaccesible o lento, esto produce un tiempo de espera considerablemente largo. Para ello, la solución es hacer un buen desarrollo que no dependa del Javascript de ese servicio y además, incluirlo en la parte inferior de la página, justo antes de </body>.

Con la llegada de servicios como Ajax Libraries, este problema se acentúa ya que estamos delegando el framework JS a Google, y si este cae, todo lo que tenemos montado para él, dejará de funcionar.

Importante recordar, que los scripts ajenos a la aplicación, osea ubicados en un servidor externo debería estar justo antes del cierre de <body> y así, nos ahorramos problemas de carga innecesarios como los de hoy.

<script type="text/javascript" src="mi-script-en-google.js"></script>
</body>

Posible solución a un problema así

Bueno, se me ocurre una solución sencilla para comprobar si el servició está disponible y en caso de no estarlo, ofrecer una alternativa.

var sc = document.createElement("script");
sc.type = "text/javascript";
// SRC de Google
sc.src = 'http://ajax.googleapis.com/ajax/libs/jquery/1.2/jquery.min.js?rand=' + Math.random();
var timer = setTimeout(function(){
   if (typeof jQuery == 'function') return;
        var sc = document.createElement("script");
        sc.type = "text/javascript";
        // SRC local
        sc.src = 'http://www.anieto2k.com/wp-content/themes/anieto2k08/js/jquery-1.2.6.min.js';
        document.getElementsByTagName("head")[0].appendChild(sc);
   // Tiempo en milisegundos que estimamos pueda tardar.
}, 200);

sc.onload = sc.onreadystatechange =  function(e){
    clearTimeout(timer);
}
document.getElementsByTagName("head")[0].appendChild(sc);

Sin duda, la mejor opción siempre es tenerlo alojado en tu servidor. Pero si por algún motivo esto no es posible, quizás te pueda ayudar.