Como crear un Evento “Onclick” en Google 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

About

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.

44 pensamientos en “Como crear un Evento “Onclick” en Google Analytics

  1. Perla Nava

    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

  2. Lola

    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.

    1. Roberballester Autor del artículo

      Hola Lola, creo que fuera de la web no te sirve el evento.

      Tendras que etiquetar las diferentes partes o enlaces del correo de forma diferente (con los utm) para saber que pinchan tus destinatarios.

  3. Ana

    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!

  4. Viviana

    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

  5. vitogq

    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

  6. David

    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

  7. Raigro

    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!

  8. Xik

    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.

    1. Roberballester Autor del artículo

      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.

  9. Ludmila

    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!

    1. Roberballester Autor del artículo

      Ya he visto tu web Ludmila, lo que necesitas es establecer los eventos en los botones de Compra. Imagino que la página donde aparecen todos los botones la puedes editar desde WordPress. Si en la visión HTML le incluyes el Onlclick a cada uno de los botones y le pones un nombre (GOLD1280Días..) lo tendrás.

      1. Ludmila

        Muchas Gracias Roberto por tu respuesta. Lo que hice fue poner el código que mencionas en este post, en uno de los botones para ver si Analytics lo reconoce, pero no me aparece nada cuando voy a ver los reportes. Por eso no sé dónde tengo que configurar los eventos en analytics para que coincida con el código que puse en el botón. Disculpa mi ignorancia.

        1. Roberballester Autor del artículo

          Ludmila, en la herramienta no se toca nada. Se escribe el código en los botones y una vez la gente comienza a pinchar, entras en GA y en Contenido–> Eventos ya te debe aparecer. Fíjate como está el código en el bótón de linkedin de mi web (mirando el código fuente de la web) ahí lo tengo con Evento.

  10. Juan Luis Mora | Consultor SEO

    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])

  11. claudio alvarez

    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

    1. Roberballester Autor del artículo

      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.

  12. Maria

    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

    1. Roberballester Autor del artículo

      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.

  13. Maria

    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

    1. Roberballester Autor del artículo

      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.

  14. Maria

    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

  15. Maria

    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

  16. Maria

    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!!

    1. Roberballester Autor del artículo

      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!

      1. Maria

        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!

        1. Roberballester Autor del artículo

          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!

          1. Maria

            Hola Roberto!!

            Sigue sin funcionarme. No me contabiliza las descargas en los objetivos.

            He utilizado el código que has proporcionado
            en el anterior comentario y no hay manera. No sé que estoy haciendo mal :-S

            Saludos!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title="" rel=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>