Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

¡Ojo al dato!: Cómo evitar microinfartos a la gente de marketing - DrupalCampES 2018

284 visualizaciones

Publicado el

Bea González habla sobre herramientas de analítica en Drupal y cómo trabajar con ellas sin morir en el intento.

Publicado en: Marketing
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

¡Ojo al dato!: Cómo evitar microinfartos a la gente de marketing - DrupalCampES 2018

  1. 1. ¡Ojo al dato! Cómo evitar microinfartos a la gente de marketing Bea González @beagonpoz drupalera.com
  2. 2. ANTES DE NADA… LET ME TAKE A SELFIE!
  3. 3. ABOUT ME ¿Quién es esta intrusa? -Soy Periodista -Trabajo en Emergya Digital en Adquisición -Formo parte del equipo de La Drupalera -Odio la caché de Drupal y me encanta el queso
  4. 4. ¡NO OS ASUSTÉIS! Peeeeero… No es una charla codiguil
  5. 5. ¿Qué es la analítica online? 01 02 03 04 Principales herramientas de analítica Problemas habituales que nos solemos encontrar Soluciones para no matar de un infarto a los de Marketing ¿DE QUÉ VAMOS A HABLAR? (Todavía estáis a tiempo de huir…)
  6. 6. Es la recogida y análisis de datos que nos orientan acerca del comportamiento de los usuarios en un sitio web. Porque forma parte de los proyectos y cuanto más la entendáis, más partido le sacará el equipo. ¿QUÉ ES LA ANALÍTICA ONLINE... … y por qué **** tengo que saber lo que es?
  7. 7. Lo que no se puede medir, no se puede mejorar - Dicho por alguien, alguna vez, en algún lugar - “
  8. 8. CÓMO RECOGEMOS LOS DATOS Principales herramientas que solemos utilizar
  9. 9. GOOGLE ANALYTICS Analytics ofrece información agrupada del tráfico que llega a los sitios web según la audiencia, la adquisición, el comportamiento y las conversiones que se llevan a cabo en el sitio.
  10. 10. ¿QUÉ PODEMOS MEDIR CON ANALYTICS? Un buen sistema de analítica nos permite no ir a ciegas en internet y lograr nuestros objetivos de negocio. -El número de visitas y su comportamiento -La duración de las mismas -Las fuentes de tráfico -Las páginas visitadas -Las secciones preferidas por tus usuarios -Keywords utilizadas -Detalles técnicos de los dispositivos de las visitas -Datos geográficos
  11. 11. ¿CÓMO FUNCIONA esa extraña magia de la recogida de datos? Analytics usa un código JS para recopilar información, registrando una visita cada vez que un usuario ve una página con este código incrustado. Su funcionamiento se basa en tres procesos: -La recogida de datos -Procesamiento de los mismos -Creación de informes
  12. 12. ¡MALDITO CÓDIGO! Este aspecto tenía el código de Google Analytics hasta hace poco
  13. 13. ¡MALDITO CÓDIGO! Este aspecto tiene el código de Google Analytics AHORA
  14. 14. Hay dos formas de trabajar con GA en Drupal: -Insertar el código a mano en cada página que queramos medir. -Usar el módulo Google Analytics y que se inserte de forma automática. GOOGLE ANALYTICS Y DRUPAL Amigos con derecho a roce Ambas opciones requieren el trabajo conjunto de Desarrollo y Marketing/Digital
  15. 15. VENTAJAS DE USAR EL MÓDULO Ante la duda… ¡modulito! -Comodidad para el desarrollador -Autonomía de Marketing/Digital -Rapidez y felicidad infinitas -Más tiempo para ir de cervecitas
  16. 16. GOOGLE TAG MANAGER Google Tag Manager es un sistema de gestión de etiquetas que le permite actualizar de forma rápida y sencilla las etiquetas y los fragmentos de código de su sitio web o aplicación móvil. El gestor de etiquetas que nos ha cambiado la vida!
  17. 17. ¿QUÉ PODEMOS HACER CON GTM? -Los marketeros no dependemos de Desarrollo, entornos y PR para hacer seguimientos de campañas. -Podemos insertar fragmentos de código sin necesidad de saber programar. -Podemos configurar el seguimiento de de los clics en un botón, el % de scroll que hacen los usuarios o en qué input de un formulario abandonan. ¡Y todo eso sin tocar una sola línea de código! -Con GTM los DEV son más felices.
  18. 18. ¿CÓMO FUNCIONA Google Tag Manager? Se trata de un código <script> que genera un iframe contenedor que, al colocarse justo tras la apertura del <body> en una página web, reemplaza a la mayoría de las etiquetas de seguimiento de campañas y herramientas, que antes solíamos instalar una a una.
  19. 19. ¡MALDITO CÓDIGO! Este es el aspecto que tiene el código de Google Tag Manager
  20. 20. Hay dos formas de trabajar con GTM: -Insertar el código a mano en cada página que queramos medir. -Usar el módulo Google Tag Manager y que se inserte de forma automática. GOOGLE TAG MANAGER Y DRUPAL ¡BOOOOOMBAAAAAAA! GTM ofrece la oportunidad de descargar de trabajo al equipo de Desarrollo
  21. 21. VENTAJAS DE USAR EL MÓDULO Ante la duda… ¡modulito! -Comodidad para el desarrollador -Autonomía de Marketing/Digital -Rapidez y felicidad infinitas -Gestión 2x1 -Más tiempo para ir de cervecitas
  22. 22. PERO… ¿qué diferencia hay entre GA y GTM? NO son lo mismo y sirven para cosas diferentes. Con Analytics solo medimos datos de tráfico. Con Tag Manager podemos incluir cualquier código en la web, incluido el de Analytics. GTM es un gestor de etiquetas y GA es una herramienta de medición online.
  23. 23. QUÉ ES HOTJAR Hotjar es una herramienta de analítica que nos permite conocer nuestras webs a través de otro tipo de datos que nos ofrecerían herramientas como Google Analytics. Pasamos de tener unos datos cuantitativos a otros cualitativos, complementando la información que ya tenemos y enriqueciéndola.
  24. 24. Hay tres formas de trabajar con HotJar: -Insertar el código a mano en cada página que queramos medir. -Usar el módulo HotJar y que se inserte de forma automática. -Usar el módulo Google Tag Manager e insertar el código con una etiqueta específica. HOTJAR Y DRUPAL Vamoh a calmarnoh Ambas opciones requieren el trabajo conjunto de Desarrollo y Marketing/Digital
  25. 25. VENTAJAS DE USAR EL MÓDULO Ante la duda… ¡modulito! -Comodidad para el desarrollador -Autonomía de Marketing/Digital -Rapidez -Gestión 3x1 -Evitar ralentizar la carga de la página con otro código más -Más tiempo para cervecitas
  26. 26. PROBLEMAS HABITUALES CON LAS MARAVILLOSAS HERRAMIENTAS DE ANALÍTICA
  27. 27. Desconocimiento de los desarrolladores 01 Mismo código de una herramienta en CI, PRE y PRO 02 Código de Analytics y Tag Manager insertados a la vez 03 Pases a PRO que terminan con el código de CI en PRO 04 Códigos de herramientas solo en PRO 05 No incluir estas herramientas en el proceso de despliegue 06 Ups… Algo ha ido mal... La realidad detrás de la analítica en un proyecto Esta soy yo cuando pasan estas cosas
  28. 28. CÓMO EVITAR MICROINFARTOS A LA GENTE (ESA) DE MARKETING
  29. 29. ¿Nos encomendamos a todos los santos para que nada salga mal en los pases a PRO?
  30. 30. 01Un código para cada entorno, y todos felices :)
  31. 31. 02Documentación y conocimiento compartido -Debe quedar registrado el código de cada herramienta de cada entorno en una wiki o en una guía de despliegue. -Se les debe explicar a los DEV, QA, Sistemas, etc. a todos los miembros del equipo el funcionamiento de cada herramienta y la importancia de revisar los fragmentos de código.
  32. 32. 03Procedimiento de despliegue documentado ¡Abrimos debate! ¿Cómo podemos hacer para que los códigos de los diferentes entornos no se mezclen? -¿Desplegar sin versionar? -¿Utilizar el módulo Configuration split? -¿Usar alias de drush? -¿Usar YML para diferentes entornos?
  33. 33. 04Pruebas y tests después de cada despliegue -Tanto DEV, QA como Marketing deben comprobar que se ha desplegado en cada entorno con el código correcto y que se están recogiendo los datos. -Conocer los procesos de cada área es clave para poder trabajar en equipo.
  34. 34. Tag Manager Assistant Wasp TESTEA COMO UN EXPERTO ¿La gente de MKT no está? ¡No hay problema!
  35. 35. TagManagerInjector TESTEA COMO UN EXPERTO ¿La gente de MKT no está? ¡No hay problema!
  36. 36. Por favor, pensad en la gente de Marketing antes de nos dé un soponcio porque se han contaminado los datos.
  37. 37. ¡Gracias! Thank you! Bea González - @beagonpoz drupalera.com

×