Presentación ClinicSEO sobre analítica web

Posicionamiento web

Os dejamos las transparencias de una gran presentación sobre analítica web del Clinicseo que tuvo lugar el 17 de Enero de 2012 en Barcelona.

En la presentación, teníamos a Miguel Pascual (kiko.es) en el papel de cliente, y a Iñaki Huerta y a Xavier Colomés en el papel de analistas.

Para la conferencia se trató un caso práctico concreto, cosa que siempre es de agradecer.

El caso de estudio trata de qué hacer con la web itv.com.es para seguir mejorando.

Manejo de Cookies en javascript

javascript

Os dejamos unas funciones por si se necesita manejar cookies en javascript.

function createCookie(name,value,days) {
    if (days) {
        var date = new Date();
        date.setTime(date.getTime()+(days*24*60*60*1000));
        var expires = "; expires="+date.toGMTString();
    }
    else var expires = "";
    document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for(var i=0;i < ca.length;i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1,c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
    }
    return null;
}

function eraseCookie(name) {
    createCookie(name,"",-1);
}

Una aplicación de esto, podría ser, por ejemplo, si queremos mostrar un cierto mensaje a un usuario que entra por primera vez a nuestra página:

var aviso_nueva_web = readCookie('aviso_nueva_web');
if(!aviso_nueva_web || (aviso_nueva_web == '')) {
    show_aviso_new_web();
    createCookie('aviso_nueva_web', 1, 365);
}

Happy coding!

Combinar JSs y CSSs en .Net con HttpCombiner

.NET

Si estamos buscando algunas técnicas WPO (Web Performace Optimization) para nuestra página web en .Net, tenemos que tener en cuenta la reducción de tiempo de carga que nos ofrece juntar todos los archivos javascript y css en uno solo.

Al realizar una sola llamada al servidor para cada tipo de archivos envés de las N que se puedan estar haciendo, podemos reducir bastante el rendimiento al disminuir el tiempo de carga de la página.

Si esto no lo hacemos manualmente y ademas lo enviamos al servidor con compresión gzip, mejor que mejor.

Para ello, podemos implementar esta sencilla solución que encontrareis en los siguientes enlaces:

Artículo de la msdn.

Artículo de Codeproject.

Hay que tener en cuenta, que si se tenían las css’s en una carpeta y las rutas a las imágenes son relativas, al hacer esto no las cogerá, por lo que tendréis que reemplazar dicha ruta relativa como si la css estuviese en el raíz de la aplicación.

Problema con el onchange en radiobuttons en IE

javascript

Resulta que en Internet Explorer solo se ejecuta el onchange de un radiobutton cuando pierde el foco, y normalmente eso no es lo que queremos, sino que se ejecute el evento conforme se selecciona algún valor.

Para solucionar esto podemos encontrar 3 soluciones:

1 – Utilizar el onclick en lugar del onchange.

2- Solucionarlo con un poco de jQuery.

3- Añadir que haga blur en el onclick.

De las 3 opciones, la primera no da muy buenos resultados, y la segunda no nos gusta porque no mola cargar la pagina con jQuery si no es necesario.

Así que nos quedamos con la tercera opción.

El resultado sería algo así como:

<input type="radio" name="foo" value="Uno" onchange="alert(this.value);" onclick="this.blur();"/>Green<br/>
<input type="radio" name="foo" value="Dos" onchange="alert(this.value);" onclick="this.blur();"/>Blue

Happy coding!!