Tracking con enlaces directos
Este es el primer post-chuleta que haga, pero os aseguro que no será el único, ya que soy un completo desastre con la organización de documentos físicos, y no digamos con los favoritos, post guardados en el gestor rss, etc. Así que aprovecharé que este blog apenas lo lee nadie (:)) para usarlo de chuleta. Seguro que a vosotros cuantro que me leeis las 3 veces a la semana que escribo os son de utilidad alguno de ellos.
El tema de hoy va dedicado a un buen amigo, como es Carlos (aka Carlitus), que para quien aún no sepa de su blog suele poner interesantes consejos de programación, que muchos de ellos serán rescatados por mi, pero que siempre tendréis que acudir a su blog para completar la información, porque como pretendáis que sea yo quien dé explicaciones técnicas de programación, vamos aviados ;)
En muchas ocasiones (por ejemplo en un directorio, o cuando queremos realizar algún tipo de tracking de campañas y promociones internas) queremos controlar el número de cliks en algunos enlaces salientes. Esto normalmente se venía haciendo con enlaces en javascript (que no serán seguidos por buscadores) o añadiendo parámentros a la url (que o bien no serán seguidos por buscadores si el número es excesivo, o bien nos puede crear problemas de contenido duplicado).
Recientemente tuve una reunión bis a bis con un ingeniero de Google UK para solucionar este problema con un cliente nuestro de una manera que ellos vieran viable y bien vista a sus ojos. La solución más válida era usar eventos onclick dentro de un href normal (enlace común). De esta manera el enlace era válido para buscadores y el tracking se hace de manera normal.
Ahora bien, en este post de Carlos, nos propone una solución similar (se basa en lo mismo), pero mucho más elegante (en el enlace simplemente se pone el nombre de una clase, de la misma forma que se aplican estilos css.
Para ello debemos de usar JQuery, y el siguiente código:
Aunque un usuario de su blog, vía comentarios, propone una versión mejorada:
Posteriormente en los enlaces que queramos contabilizar se haría de la siguiente manera:
Obviamente, el archivo contador.php que controla los clicks debe de estar hecho previamente.
Imagino que este mismo sistema se puede usar con pequeñas modificaciones para votaciones, pero mis conocimientos de javascript tienden a cero, y no sabría plantearlo. ¿Se te ocurre como, Carlos?
Barrapunto
CoRank Español
Delicious
Enchílame
Fresqui Ocio
Menéame
Technorati Favorites
3 comentarios
No hay trackbacks
RSS 2.0
Bloglines
Google Reader
Live
MyYahoo
Netvibes
Newsgator
Rojo
3 comentarios
#1. Carlitus, hace 1 año y 6 meses
Pues buscando un poco he encontrado este plugin para JQuery que no parece estar mal:
http://sandbox.wilstuckey.com/jquery-ratings/
Parece estar bastante bien ya que en realidad es un formulario con un select que mediante javascript y css se convierte en algo más bonito.
Suerte con el blog, que con las 3 visitas que tienes ya sólo te falta una para igualar el mio :P
#2. Roberto, hace 1 año y 6 meses
Tiene buena pinta, aunque no está muy bien explicado para los profanos (tú explicas mucho mejor ;) ). Más o menos puedo intuir su funcionamiento, y su implementación. Habrá que hacer pruebas. Todo esto de ajax y similares empieza a llamarme la atención para ciertos aspectos, pero es un mundo ininteligible para mí en estos momentos.
#3. Carlitus, hace 1 año y 6 meses
Yo ni siquiera sé como lo hace, no me lo he mirado pero supongo que es similar a este (atención autobombo):
http://www.neuroticweb.com/blog/123/csscheckbox-mejorado-ligeramente/
Lo que hace este es cambiar el feo checkbox por uno más bonito. Se hace de la siguiente manera:
1. Mediante javascript se oculta el tag input (poniendole un display:none por ejemplo
2. Con CSS tenemos dos clases para el label. Una que tiene como fondo una imagen similar a un checkbox sin confirmar y otra con el background confirmado
3. Mediante Javascript detectamos cuando se hace click en el label. Al detectarlo se cambia el estado del input checkbox y se le aplica la clase correspondiente.
Así conseguimos que se vea más bonito pero sigue siendo un formulario normal que funcionará sin javascript.
Escribir un comentario
Si quieres añadir tu comentario a esta entrada, simplemente rellena el siguiente formulario:
* Campos requeridos
Puedes usar estas etiquetas XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>.
No hay trackbacks
Para notificar de una mención en tu blog a esta entrada, habilita la notificación automática (Opciones > Discusión en WordPress) o especifica esta url de trackback: http://www.robertoherrero.net/10/programacion/tracking-con-enlaces-directos/trackback/