Como crear un Evento “Onclick” en Google Analytics (Actualizado con Universal Analytics)

Los eventos en Google Analytics sirven para registrar la interacción de los usuarios con los elementos de tu sitio web, desde elementos flash, hasta botones, archivos de  descargas etc…  Es decir, donde el usuario interactúe o haga clic.

Para explicar como funciona vamos a coger el ejemplo más común que es la descarga de un PDF. Para implementar este evento debemos tener instalado el código Asíncrono de Google Analytics

Es muy sencillo:

Debemos localizar el enlace desde el cual se descarga el PDF desde nuestra web:

www.nuestraweb.com/wp/wp-content/nuestro.pdf

Una vez localizado el enlace debemos añadir a la url el siguiente código:

href="#" onClick="_gaq.push(['_trackEvent', ' category', 'action', 'opt_label', opt_value])"

Donde # es nuestra Url

Category: Categoría del evento (Ejemplo: Descargas / Downloads)

Eventos Onclick- Google Analytics

 

 

 

Action: Acción del evento (Ejemplo: PDF)

Eventos Onclick- Google Analytics

 

 

 

Opt_label: Esta opción es Opcional, por si queremos ampliar la información (Ejemplo: PDF Corporativo)

Opt_value: Esta opción es Opcional, por si queremos darle un valor (€) a nuestro evento. (Ejemplo: 0,2)

Finalmente tendríamos una URL como esta:

<a href=»www.nuestraweb.com/wp/wp-content/nuestro.pdf onClick=»_gaq.push (‘[_trackEvent’ ,’ Descargas’ ,’ PDF’ ,’ Pdf Corporativo’ , 0,2])» >Descarga Nuestro PDF</a>

A partir de este momento, Google Analytics empezará a recoger información de nuestros eventos como hemos podido observar en las imágenes de arriba.

Google Analytics muestra los eventos en: Contenido –> Eventos

 Muestra eventos Google Analytics- Google Analytics

Universal Analytics

Para etiquetar un enlace con la última versión de Google Analytics, el código a utilizar es un poco diferente:

href="#" onClick="ga(['send', 'event', 'category', 'action', 'label', value ])"

Ahora los eventos se muestran en Comportamiento –> Eventos

Aquí teneis la documentación oficial de Google al respecto

https://developers.google.com/analytics/devguides/collection/analyticsjs/events?hl=es

About Roberto Ballester Ortega

Licenciado en Publicidad y Relaciones Públicas por la Universidad de Alicante y con master en Analítica Web en la Escuela Kschool, actualmente dedico mi vida profesional al apasionante mundo de la Analítica Web.

50 comentarios en «Como crear un Evento “Onclick” en Google Analytics (Actualizado con Universal Analytics)»

  1. Amigo como podía integrar el evento en un select?

    Ejemplo:

    Selecciona tu país:
    Alemania
    Antigua y Barbuda
    Argentina

    Agradecería la ayuda que pueda brindarme. Saludos desde Venezuela. Fuerza y Fé. Pronto saldremos de esta pesadilla.!

    Responder
  2. Hola Roberto
    ¿y si quiero trackear un botón «social share», que tengo instado a través de un Plugin?
    Quiero decir, tengo en el apartado de Noticias, un plugin de botones sociales para compartir la noticia de la url (FB, TW, LKIN). ¿Podría crear un evento sobre ese botón, y medir la interaciión?
    Muchas gracias!!!

    Responder
  3. Dirás que bestia. pero hace tiempo no trabajo con Analitycs, estaba alejado un poco de SEO, intentando volver.
    Ahora bien, ha cambiado tanto el lay-out de GA que no soy capaz de crear el evento. podrías guiarme?
    Gracias por tu tiempo.
    Diego

    Responder
  4. Hola Roberto,

    Estoy midiendo eventos on click. Ayer introduje una segunda UA y en la segunda cuenta recojo datos, pero en particular los eventos no se me recogen.

    ¿Podrías decirme cual crées que puede ser la razón y como tratar de solucionarlo?

    Un saludo y muchas gracias,
    Javi

    Responder
  5. Hola Roberto

    Tengo un problema con el registro de eventos en GA

    mi pagina tiene este codigo para el registro de visitas
    —————————

    (function(i,s,o,g,r,a,m){i[‘GoogleAnalyticsObject’]=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,’script’,’//www.google-analytics.com/analytics.js’,’ga’);

    ga(‘create’, ‘UA-43302511-1’, ‘http://editorweb.udem.edu.mx’);
    ga(‘send’, ‘pageview’);

    y en el onclick de mi boton tengo esto
    OnClientClick=»javascript:registro();»

    function registro() {
    var sPath = window.location.pathname;
    _gaq.push([‘_trackEvent’, ‘SolicitudInformacion’, ‘Information_Request’, ‘Home’, 2013, true]);
    }

    ———————————-
    Las visitas si las registra pero los eventos no, relamente no se que pueda estar pasando necesito saber si me falta alguna referencia ….

    Seria de gran ayuda si pudieras decirme como solucionar mi problema

    Salu2

    Responder
  6. Hola Roberto, lo primero me parece que has hecho un gran trabajo porque somos muchos los que andábamos perdidos con el tema del seguimiento de eventos. Respecto al link en la web no he tenido problemas para seguir los eventos pero me gustaría saber si en un html que enviamos por correo con un link también funciona y como se debo poner.

    Yo he probado a enviar un htm por correo incluyendo el código de google analytics y luego el pero aún pasando 48 horas sí me muestra el link que tengo en la web pero no el que he enviado por correo, no se puede controlar las veces que se abre el pdf desde ese html que he enviado por correo?

    Espero tu respuesta.

    Muchísimas gracias por tu ayuda.

    Responder
  7. Miles de gracias, me ha sido muy útil y he podido implementarlo en el trabajo (me lo estaban pidiendo desde haces unos días…) ¡Salud!

    Responder
  8. Hola Que tal!?

    Tengo una duda, si mi url de descarga no pertenece a la url de la pág web donde tengo mi seguimiento de analytics afecta algo en el codigo del evento?

    Saludos!

    Muchas gracias

    Responder
  9. Hola Roberto,

    Te comento mi caso, yo uso shadownbox para mostrar las imagenes, leí que se podía poner el código q indicas y la cosa funciono bien hasta q actualize el analytics y ya solo contó la primera imagen.

    La primera opción fue poner el onclick en todas las imagenes, pero por lo q sea no me las cuenta.

    Puedes darme alguna idea?

    Gracias

    Responder
  10. Hola Roberto, trabajo con una revista de historia que funciona con la plataforma OJS de una universidad y no tengo idea de programación ni nada de eso, pero quiero saber si puedo activar el seguidor de descargas de artículos por autor o eso exclusivamente lo puede hacer la universidad (como adminstrador del OJS), yo tengo acceso a la cuenta de Google analytics.

    Cómo debo hacerlo. Sé que lo explicas en el post, pero no entiendo ni doy para cómo hacerlo. Me podrías ayudar?

    David

    Responder
  11. Hola Roberto,

    muy interesante tu blog! Feluicidades!

    Una consulta, como se tendría que hacer para que el enlace se abriera en una ventana nueva? hasta ahora tenia puesto dentro del enlace el («target=»_blank») pero al incluir el codigo de Analytics en el «onClick» el enlace se abre en la misma ventana sin hacer caso del «target=_blank».
    He probado de ponerlo antes y después pero ni caso.

    Sabes como se tendría que hacer?

    Muchas gracias!

    Responder
  12. Buenas a todos!!!!
    Tengo un problema… a ver os explico porque a mí no me sale. Quiero poner en una web Wix.com en HTML el código para ver cuantas personas descargan un archivo pdf subido a dropbox.

    Alguien puede ponerme el código entero? tendría que ser un código que me redireccione al siguietne sitio https://dl-web.dropbox.com/get/Reedici%C3%B3n%20La%20Melod%C3%ADa%20del%20Tiempo.pdf?w=AAB_c_tbTWF3E0cvJSdhKYxTMLQARVw0VH1e9RnC7xns8g y me cuente las visitas.

    Responder
    • Hola,

      No conozco el servicio de Wix.com pero si te dejan meter código html el que deberías meter sería este algo como esto

      href=”https://dl-web.dropbox.com/get/Reedici%C3%B3n%20La%20Melod%C3%ADa%20del%20Tiempo.pdf?w=AAB_c_tbTWF3E0cvJSdhKYxTMLQARVw0VH1e9RnC7xns8g” onClick=”_gaq.push (‘[_trackEvent' ,' Descargas' ,' PDF' ,' Pdf Corporativo' , 0,2])”

      Copia lo del final de mi post : Finalmente tendríamos una URL como esta y cambia la url que yo pongo por la tuya.

      Responder
  13. Hola Roberto! Estaba buscando cómo configurar los objetivos de Analytics. Te cuento, quiero medir cuántos clics se hacen en los diferentes botones de compra de mi landing page (página de wordpress): http://librolexis.com/precios/

    Pero no entiendo cómo configurar y dónde poner el código que proporcionas acá.
    Por otra parte, el código de seguimiento de Analytics ya lo coloqué en mi página (se encuentra en el header de wordpress). También configuré los objetivos en mi cuenta de Analytics. Pero ya no sé cómo seguir así se midan los clics de acuerdo a cada botón de compra.
    Espero puedas ayudarme si aun estas disponible. Si no, igualmente agradezco que hayas publicado este post, nunca habría entendido que había otros recursos para este tipo de seguimiento.

    Saludos!

    Responder
  14. Hola amigo me gustaría recalcar lo siguiente

    Dónde pones por ejemplo este código

    href=»#» onClick=»_gaq.push([‘_trackEvent’, ‘ category’, ‘action’, ‘opt_label’, ‘opt_value’])

    Estás indicando el opt_value entrecomillado lo cual índica que el valor contenido será entendido como un string.

    Esto no es así porque el valor del evento es un entero y por tanto debe pasarse sin comillas, tal como podrás ver en la propia ayuda de Google para desarrolladores https://developers.google.com/analytics/devguides/collection/gajs/methods/gaJSApi_gaq la forma correcta es la siguiente:

    href=»#» onClick=»_gaq.push([‘_trackEvent’, ‘ category’, ‘action’, ‘opt_label’, opt_value])

    Responder
  15. Estimado Roberto, me aparece un error cuando incorporo el código, en blogger, para crear el seguimiento onClick. Aparece
    Su HTML no es aceptable: La etiqueta no es correcta. : A Omitir advertencia
    El archivo pdf se encuentra en una cuenta de google sites.

    Agradeciendo tus comentarios, me despido cordialmente.
    C. Alvarez

    Responder
    • Hola Claudio.

      No soy ningún experto en blogger pero entiendo que Google no te deja ejecutar scripts en los blogs de blogger como medida de seguridad.

      Google Analytics se puede «instalar» desde hace poco en blogger, pero que te permitan enlazar tu blog de blogger con analytics introduciendo el UA no significa que puedas tener todo su potencial a tu disponibilidad.

      Un saludo.

      Responder
  16. Roberto,

    En el panel conversiones de Gooogle Analytics, en la pestaña «Todos los objetivos» aparece el objetivo «DESCARGAS» que es el que he creado. Así que creo que sí me lo reconoce.

    No sé dónde puede estar el problema.

    Gracias por ayudarme!
    Maria

    Responder
    • María yo me refería al panel Contenido–>Eventos–>Visión general a ver si al menos te los registraba como eventos antes que como objetivos. Imagino que sí.

      Entonces entiendo que ya tienes registrado el objetivo descargas y ya tienes su conversión.

      Responder
  17. Hola Roberto!!
    Estoy intentado crear un evento onclick en wordpress.
    Me explico, estoy intentando crear un evento para seguir las descargas de un documento dentro de una entrada.
    Mi duda es, ¿donde colococaría el código del link? detrás del código de GA??
    El problema que tengo es que en WordPress el código se mete en el header para todas las páginas. Si copio el código del link detrás del de GA aparece en todas las páginas.
    Si lo pego en el html de la entrada, aparece en el body no??
    Me puedes orientar??? Muchas gracias

    Responder
    • Hola María, El código para seguir la descarga de un pdf va en el mismo código del pdf no en la huella.

      Es decir imagina que estas escribiendo un post que en su contenido lleva el enlace a un pdf y tu quieres medir la descarga de ese pdf.

      Tendrías que escribir en la vista HTML todo el código «onclick» del evento en la url del pdf.

      Responder
  18. a href=»/sites/default/files/files/Capitulo5.pdf» id=»descargar» target=»_blank» onClick=”_gaq.push (‘[_trackEvent’ ,’Descargas’ ,’PDF’ ,’Capitulo5′]) >Descárgate un capítulo GRATIS</a

    Responder
  19. Este es el código del link:

    a href=»/sites/default/files/files/Capitulo5.pdf» id=»descargar» target=»_blank» onClick=”_gaq.push (‘[_trackEvent’ ,’Descargas’ ,’PDF’ ,’Capitulo5′]) >Descárgate un capítulo GRATIS</a

    Responder
  20. Hola Roberto!
    En primer lugar felicitarte por el blog ya que la analítica web me parece muy interesante y aquí encuentro posts muy útiles.
    He visto que has estudiado en KSchool con la gran Gema Muñoz y que actualmente trabajas con Javier Gosende. ¡Qué lujazo!

    Lo que escribes en este post me viene de perlas para uno de las cosas que tengo que medir. Ya te contaré como me ha ido.

    Un saludo!!

    Responder
    • Hola María! Me encanta que te guste el blog! últimamente tengo menos tiempo, pero prometo no abandonar y seguir compartiendo las cosas con todos vosotros! la verdad que me ayuda mucho escribir todo lo que aprendo ya que luego yo mismo vengo a mi blog a consultar cosas!

      Si, el master ya lo hemos finalizado, ahora mismo está en marcha la 3era edición! Nosotros estamos esperando las notas de la jefa!

      Para cualquier cosa que necesites ya sabes donde encontrarme.

      Un saludo! y gracias!

      Responder
      • Hola Roberto!

        Soy Maria, otra vez 🙂

        He probado todo lo que explicas en el post y Google Analytics no me contabiliza ninguna conversión.

        Este es el código del enlace, por mucho que lo repaso no veo el fallo:

        Descárgate un capítulo GRATIS

        A todo esto, he creado un objetivo de «Evento» en Analytics con:
        Categoría = «Descargas»
        Acción = «PDF»
        Etiqueta = «Capitulo5»

        A ver si puedes ayudarme a ver el fallo. Quiero contabilizar el nº de veces que se descarga el capítulo gratis de la URL:
        http://www.viaaereadificil.com/actualizaciones-via-aerea-dificil

        Muchas gracias Roberto y suerte con las notas del master!

        Responder
        • Hola! entiendo que el link es:
          http://www.viaaereadificil.com/sites/default/files/files/Capitulo5.pdf

          Con lo que quedaría tan que así:

          href="www.viaaereadificil.com/sites/default/files/files/Capitulo5.pdf" onClick="_gaq.push(['_trackEvent', 'Descargas', 'PDF', 'Capitulo5'])

          Luego al pasar Eventos a Objetivos creo que te basta simplemente con seleccionar 1 campo, no hace falta que selecciones los 3, esto no lo he probado pero puedes probarlo tú.

          Prueba a cojer simplemente la etiqueta, es decir Capitulo5. Selecciona eso al configurar el objetivo y me dices si funciona.

          No olvides darle un valor lo más «real» posible al objetivo, te ayudará mucho.

          POr último ten encuenta que esto suele tardar 24 horas o algo más en registrarse en GA.

          Ya me dices algo! Un saludo!

          Responder

Deja un comentario