¡Ojo al dato!: Cómo evitar microinfartos a la gente de marketing - DrupalCampES 2018
•
0 likes•460 views
Bea González habla sobre herramientas de analítica en Drupal y cómo trabajar con ellas sin morir en el intento.
Recommended
Recommended
More Related Content
Similar to ¡Ojo al dato!: Cómo evitar microinfartos a la gente de marketing - DrupalCampES 2018
Similar to ¡Ojo al dato!: Cómo evitar microinfartos a la gente de marketing - DrupalCampES 2018 (20)
More from La Drupalera
More from La Drupalera (19)
¡Ojo al dato!: Cómo evitar microinfartos a la gente de marketing - DrupalCampES 2018
- 1. ¡Ojo al dato! Cómo evitar microinfartos a la gente de marketing Bea González @beagonpoz drupalera.com
- 2. ANTES DE NADA… LET ME TAKE A SELFIE!
- 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. ¡NO OS ASUSTÉIS! Peeeeero… No es una charla codiguil
- 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. 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. Lo que no se puede medir, no se puede mejorar - Dicho por alguien, alguna vez, en algún lugar - “
- 8. CÓMO RECOGEMOS LOS DATOS Principales herramientas que solemos utilizar
- 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. ¿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. ¿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. ¡MALDITO CÓDIGO! Este aspecto tenía el código de Google Analytics hasta hace poco
- 13. ¡MALDITO CÓDIGO! Este aspecto tiene el código de Google Analytics AHORA
- 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. 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. 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. ¿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. ¿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. ¡MALDITO CÓDIGO! Este es el aspecto que tiene el código de Google Tag Manager
- 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. 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. 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. 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. 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. 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
- 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. CÓMO EVITAR MICROINFARTOS A LA GENTE (ESA) DE MARKETING
- 29. ¿Nos encomendamos a todos los santos para que nada salga mal en los pases a PRO?
- 30. 01Un código para cada entorno, y todos felices :)
- 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. 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. 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. Tag Manager Assistant Wasp TESTEA COMO UN EXPERTO ¿La gente de MKT no está? ¡No hay problema!
- 35. TagManagerInjector TESTEA COMO UN EXPERTO ¿La gente de MKT no está? ¡No hay problema!
- 36. Por favor, pensad en la gente de Marketing antes de nos dé un soponcio porque se han contaminado los datos.
- 37. ¡Gracias! Thank you! Bea González - @beagonpoz drupalera.com