¿Cómo depurar implementaciones web en Android desde el ordenador?

Índice de contenidos

Cuando se hace la implementación de una herramienta de analítica en la web, un paso imprescindible es comprobar el funcionamiento de la implementación desde la consola del navegador, quizás ayudados por herramientas como ObservePoint, WASP, GA Debugger, etc. Si se trata de una aplicación móvil, necesitaremos instalar Charles Proxy para depurar la implementación en apps. Pero hay un caso intermedio, del que no se suele hablar, que requiere un tratamiento especial, que es depurar la implementación en la web para las visitas específicas desde dispositivos móviles. Veamos cómo hacerlo.

Con un tráfico de dispositivos móviles que, en algunas webs, puede superar el 75%, es imprescindible prestar atención a que todo funcione correctamente en ellos. Y puesto que ni los elementos mostrados, ni su disposición, ni los navegadores, son los mismos, no siempre podremos confiar en que si funciona bien en el ordenador lo hará en el móvil. Sin embargo, los navegadores móviles no nos dan acceso directo a la consola de desarrollo. Una opción puede ser utilizar un proxy y actuar igual que con las apps. Si solo queremos ver los hits enviados funcionará. Pero si necesitamos ver las cookies esto no será suficiente.

En Android, una mejor alternativa es utilizar las opciones de desarrollador de Chrome. Para ello empezaremos por habilitar el modo desarrollador en el dispositivo móvil. En Ajustes > Información del teléfono vamos a la última línea (Número de compilación) para pulsar 7 veces en ella.

implementación en la web

A continuación, volvemos a Ajustes y justo encima de Información del teléfono habrá una nueva opción de menú llamada Opciones de desarrollo. Entramos y activamos Depuración USB.

implementación en la webEl móvil ya está listo, ahora lo conectamos al ordenador por USB y aceptamos los permisos que nos pide.

En el ordenador abrimos Google Chrome y visitamos la página chrome://inspect/#devices. Si todo ha ido bien veremos nuestro dispositivo en la lista y, si abrimos una web en el Chrome del dispositivo, se reflejará en el Chrome del ordenador. Bastará con pinchar en el enlace inspect para que se abra la consola y tengamos todas las opciones de siempre, incluyendo acceso a las cookies, al flujo de información en la red, etc. También tenemos la posibilidad de abrir una página en el dispositivo desde el Chrome del ordenador.

Chrome dispositivoSi, además, pinchamos en el icono de un móvil arriba a la derecha, la pantalla del dispositivo se reflejará en la consola del ordenador para facilitarnos el trabajo.

Las opciones de la consola son prácticamente las mismas que si estuviésemos trabajando solo con el ordenador, pero lamentablemente, no dispondremos de las herramientas antes mencionadas aunque los plugins estén instalados.

pantalla dispositivo
Para monitorizar los hits iremos a la pestaña Network y filtrando por «collect» encontraremos los hits de Google Analytics.

Monitorizar hits
Las cookies podemos encontrarlas en la pestaña Resources.

Share on facebook
Share on twitter
Share on linkedin
Share on email
2 min
Suscríbete a nuestra newsletter

Los mejores artículos de analítica digital para potenciar tu negocio.

Deja un comentario

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

Entradas relacionadas

Cómo el ITP de Safari afecta a tus decisiones con Google Analytics y A/B testing

Con el Intelligent Tracking Prevention o ITP, Safari restringe el uso de las cookies para el seguimiento del comportamiento de los usuarios en cualquier página web. En su versión 2.0, el ITP empezó a bloquear únicamente las cookies cargadas por servidores de terceros en todos los sitios web. Por tanto, desde que apareció esta versión,

SameSite cookies: prevención de ataques CSRF

SameSite Cookie attribute se deberá definir en las cookies HTTP para prevenir ataques Cross Site Request Forgery (CSRF) en aplicaciones web. No tener definido este atributo en la creación de la cookie implica que esta será ignorada o restringida una vez los navegadores actualicen sus versiones para mejorar los estándares de seguridad.

4 minutos

Dificultad

¿Qué es Gtag y cómo implementarlo para App + Web?

Gtag es una etiqueta de seguimiento que nos permite unificar los productos de Google y que está basada en eventos predefinidos. Es ahora con el lanzamiento de las propiedades de App + Web cuando realmente resulta útil para poder estandarizar y aunar la medición de nuestras apps y webs.

5 minutos

Dificultad

Cómo configurar una propiedad App+Web en Google Analytics

Las nuevas propiedades de App+Web de Google analytics nos permiten añadir hasta 50 flujos de datos de uno u otro tipo. En este artículo te explicamos cómo crear este tipo de propiedades y cómo configurarlas para web.

5 minutos

Dificultad

Ir arriba

Esta web utiliza ‘cookies’ de terceros. Al clicar aceptar está aceptando el uso que realizamos de las cookies. Para más información puede consultar nuestra Política de cookies