Categorías
android debug Google Chrome Herramientas mobile web portal movi sdk

Cómo validar una implementación de Google Analytics en un portal móvil

https://m4p.es/como-validar-una-implementacion-de-google-analytics-en-un-portal-movil/ Cómo validar una implementación de Google Analytics en un portal móvil 2013-06-18 09:50:18 admin Blog post android debug Google Chrome Herramientas mobile web portal movi sdk bootstrap

A día de hoy, prácticamente no existen sitios web que no dispongan de una versión específicamente desarrollada para los dispositivos móviles. Obviamente, los portales móviles también se miden y por lo tanto nosotros, como parte responsable de garantizar la correcta implementación de las herramientas de analítica web, tenemos que validar que todo está funcionando tal y como se espera intentando ofrecer las máximas garantías.

Con las diferentes herramientas, plugins y complementos que utilizamos en nuestro día a día (WASP_kmq.push([«trackClickOnOutboundLink»,»link_56b1cf28e002a»,»Article link clicked»,{«Title»:»WASP»,»Page»:»Cu00f3mo validar una implementaciu00f3n de Google Analytics en un portal mu00f3vil»}]);, Adobe Digital Pulse_kmq.push([«trackClickOnOutboundLink»,»link_56b1cf28e0105″,»Article link clicked»,{«Title»:»Adobe Digital Pulse»,»Page»:»Cu00f3mo validar una implementaciu00f3n de Google Analytics en un portal mu00f3vil»}]);, HttpFox_kmq.push([«trackClickOnOutboundLink»,»link_56b1cf28e01cd»,»Article link clicked»,{«Title»:»HttpFox»,»Page»:»Cu00f3mo validar una implementaciu00f3n de Google Analytics en un portal mu00f3vil»}]);, Firebug_kmq.push([«trackClickOnOutboundLink»,»link_56b1cf28e0293″,»Article link clicked»,{«Title»:»Firebug»,»Page»:»Cu00f3mo validar una implementaciu00f3n de Google Analytics en un portal mu00f3vil»}]);, etc.) tenemos cubiertas casi todas las necesidades y casuísticas que debemos comprobar a la hora de depurar y dar el “OK” a una implantación de un sistema de medición.

Pero… ¿qué pasa con la web móvil?

Aunque podemos ejecutar un site móvil desde cualquier navegador y utilizar las mismas herramientas con las que trabajamos en la versión de escritorio, siempre será más preciso y seguro validar las implantaciones navegando desde el propio dispositivo para el que la web ha sido creada. De hecho, más de una vez he comprobado en primera persona que depurando un portal móvil desde un dispositivo móvil se pueden detectar incidencias o particularidades que del modo “tradicional” se nos habrían quedado en el camino.

El objetivo de este post es, por lo tanto, describir un proceso mediante el cual podremos validar y depurar una implementación de Google Analytics desplegada en un portal móvil.

Como podréis imaginar, este artículo será inevitablemente técnico, pero voy a intentar explicar el procedimiento paso a paso para que todo el mundo pueda hacerlo en su casa y sin morir en el intento :).

Prerrequisitos

Lo primero que tenemos que hacer es asegurarnos de que disponemos de todo lo necesario:

  • Un dispositivo móvil Android (teléfono o tablet) con el navegador Google Chrome_kmq.push([«trackClickOnOutboundLink»,»link_56b1cf28e0362″,»Article link clicked»,{«Title»:»el navegador Google Chrome»,»Page»:»Cu00f3mo validar una implementaciu00f3n de Google Analytics en un portal mu00f3vil»}]); instalado.
  • Un cable USB para conectar el dispositivo al ordenador.
  • Descargar la SDK de Android_kmq.push([«trackClickOnOutboundLink»,»link_56b1cf28e0519″,»Article link clicked»,{«Title»:»Descargar la SDK de Android»,»Page»:»Cu00f3mo validar una implementaciu00f3n de Google Analytics en un portal mu00f3vil»}]); e instalar el navegador Google Chrome_kmq.push([«trackClickOnOutboundLink»,»link_56b1cf28e0617″,»Article link clicked»,{«Title»:»el navegador Google Chrome»,»Page»:»Cu00f3mo validar una implementaciu00f3n de Google Analytics en un portal mu00f3vil»}]);, ambas cosas en el ordenador que utilizaremos para depurar.

Una vez que hayamos revisado los puntos anteriores, podremos poner en marcha el proceso de validación siguiendo los tres pasos que se indican a continuación:

  1. Instalar la SDK de Android.
  2. Activar la depuración USB en el dispositivo Android.
  3. Conectar el dispositivo al ordenador vía USB.

1. Instalar la SDK de Android

El paquete ADT_kmq.push([«trackClickOnOutboundLink»,»link_56b1cf28e071d»,»Article link clicked»,{«Title»:»paquete ADT»,»Page»:»Cu00f3mo validar una implementaciu00f3n de Google Analytics en un portal mu00f3vil»}]); (Android Developer Tools) que nos hemos descargado previamente incluye todo lo necesario para empezar a trabajar. El primer paso será entonces descomprimir el fichero descargado en cualquier directorio del ordenador.

Una vez que lo hayamos descomprimido, nos encontraremos con dos directorios: eclipse y sdk. Para comunicar el dispositivo móvil con el ordenador, utilizaremos la herramienta “adb” (Android Debug Bridge) situada en “/sdk/platform-tools/”.

Más adelante veremos exactamente cómo acceder a dicha herramienta y cómo debemos ejecutarla.

2. Activar la depuración USB en el dispositivo Android

Lo siguiente que debemos hacer es activar la depuración USB en nuestro dispositivo móvil. Para ello, buscaremos la opción para activarla en función de la versión del sistema Android que tengamos instalada en el dispositivo:

  • Android 3.2 o versiones anteriores: Ajustes > Aplicaciones > Desarrollo
  • Android 4.0 o superior: Ajustes > Opciones del desarrollador
  • Android 4.2 o superior: En este caso, Google ha decidido ocultar las opciones de desarrollo para que por defecto no aparezcan visibles. Para activarlas, debemos ir a Ajustes > Información del dispositivo y pulsar siete veces sobre el número de compilación. Tras seguir estos pasos, nos saldrá el mensaje “¡Ahora eres un desarrollador!” y ya podremos activar la depuración USB desde la opción “Opciones de desarrollo” que encontraremos en el menú de Ajustes.

3 . Conectar el dispositivo al ordenador vía USB

El primer paso de este último punto será conectar el dispositivo al ordenador utilizando el cable USB.

Una vez conectado, abriremos el navegador Chrome que hemos instalado previamente en el dispositivo e iremos a Configuración > Avanzada > Herram desarrolladores para habilitar el check “Habilitar depuración web USB”.

Google Chrome para Android

A continuación, abriremos una ventana de terminal o consola en el ordenador y ejecutaremos el siguiente comando (desde donde hayamos descomprimido el paquete ADT en el paso 1):

adb forward tcp:9222 localabstract:chrome_devtools_remote

  • Si tras ejecutar el comando anterior nos aparece el mensaje de error “device not found”, lo podremos resolver ejecutando el comando adb kill-server
  • Si el mensaje de error es “device offline”, tendremos que comprobar si disponemos de los drivers USB del dispositivo_kmq.push([«trackClickOnOutboundLink»,»link_56b1cf28e0818″,»Article link clicked»,{«Title»:»drivers USB del dispositivo»,»Page»:»Cu00f3mo validar una implementaciu00f3n de Google Analytics en un portal mu00f3vil»}]); (sobre todo para los usuarios de Windows).

El siguiente paso es abrir una ventana del navegador Chrome en el ordenador e ir a “localhost:9222_kmq.push([«trackClickOnOutboundLink»,»link_56b1cf28e08f6″,»Article link clicked»,{«Title»:»localhost:9222″,»Page»:»Cu00f3mo validar una implementaciu00f3n de Google Analytics en un portal mu00f3vil»}]);”. Desde allí podremos ver las distintas pestañas que tengamos abiertas en el navegador Chrome del dispositivo móvil y acceder a la que queremos depurar:

Pestañas de Google Chrome

Una vez seleccionado el portal móvil con el que vamos a trabajar, podremos -entre otras cosas- inspeccionar elementos del código fuente (que se verán resaltados en tiempo real a través del navegador del dispositivo móvil), depurar scripts y comprobar los datos que “viajan” en las cabeceras HTTP.

En este caso, nos interesa fundamentalmente conocer los parámetros asociados a la petición _utm.gif, ya que serán los datos que estamos recopilado en el portal móvil y enviando a los servidores de Google Analytics.

Por poner un ejemplo, en la siguiente captura podemos ver los datos que se están informando en la web móvil de la NASA :)

Cabeceras HTTP del portal móvil de la NASA

Entre los diferentes parámetros de Google Analytics_kmq.push([«trackClickOnOutboundLink»,»link_56b1cf28e09c7″,»Article link clicked»,{«Title»:»los diferentes paru00e1metros de Google Analytics»,»Page»:»Cu00f3mo validar una implementaciu00f3n de Google Analytics en un portal mu00f3vil»}]); que se envían en la petición, podremos ver por ejemplo que se están almacenando diferentes valores en los slots 33, 34 y 35 de las variables personalizadas (Google Analytics Premium ;)), el valor que toman las cookies, el título y la URL de la página, el número de peticiones realizadas en esta sesión, etc.

Puede que al principio parezca un poco tedioso empezar a validar los datos de la web móvil mediante este mecanismo, pero creedme que es mucho más sencillo de lo que parece y sin duda merece la pena.

¿Te animas a probarlo?

Cómo validar una implementación de Google Analytics en un portal móvil_kmq.push([«trackClickOnOutboundLink»,»link_56b1cf28e0a8f»,»Article link clicked»,{«Title»:»Cu00f3mo validar una implementaciu00f3n de Google Analytics en un portal mu00f3vil»,»Page»:»Cu00f3mo validar una implementaciu00f3n de Google Analytics en un portal mu00f3vil»}]); es un post de Trucos Google Analytics_kmq.push([«trackClickOnOutboundLink»,»link_56b1cf28e0b51″,»Article link clicked»,{«Title»:»Trucos Google Analytics»,»Page»:»Cu00f3mo validar una implementaciu00f3n de Google Analytics en un portal mu00f3vil»}]);.

The post Cómo validar una implementación de Google Analytics en un portal móvil appeared first on Trucos Google Analytics.


Source: http://feeds.feedburner.com/TrucosGoogleAnalytics-Optimizer

Categorías
Analista Web cookies Extensiones Firefox Google Chrome Herramientas navegadores Plugin utilidades

Mis herramientas favoritas como analista web

https://m4p.es/mis-herramientas-favoritas-como-analista-web/ Mis herramientas favoritas como analista web 2012-01-31 08:00:59 admin Blog post Analista Web cookies Extensiones Firefox Google Chrome Herramientas navegadores Plugin utilidades bootstrap

En mi día a día, utilizo muchas herramientas para realizar mi trabajo como analista web. Con el tiempo he ido incorporando herramientas que voy descubriendo, y he dejado atrás herramientas que antes podía considerar imprescindibles.

La mayoría de éstas herramientas son plugins para los navegadores, pero también hay algunas aplicaciones útiles. A continuación tenéis un listado de las distintas herramientas que utilizo, agrupadas por plataforma:

Plugins para Chrome

 Chrome es, desde hace ya bastante tiempo, mi navegador principal, por lo que es el navegador con el que uso más plugins. Estos son los que más utilizo:

  • Analytics Helper_kmq.push([«trackClickOnOutboundLink»,»link_56b1cf2a26aa9″,»Article link clicked»,{«Title»:»Analytics Helper»,»Page»:»Mis herramientas favoritas como analista web»}]);: Este pequeño plugin, que se añade a la barra de URL de chrome, me indica rápidamente si la página que estoy visitando tiene Google Analytics instalado, ya que su pequeño icono verde sólo aparece cuando hay GA en la página. Además, si hago click en él, me indicará cual es su propiedad web y si el código está en la posición correcta.
  • Duplicate Tab_kmq.push([«trackClickOnOutboundLink»,»link_56b1cf2a26b83″,»Article link clicked»,{«Title»:»Duplicate Tab»,»Page»:»Mis herramientas favoritas como analista web»}]);: Seguramente es el plugin que más utilizo: cuantas veces has necesitado duplicar la página de Google Analytics que estás mirando para hacer una comparación o cambiar de cuenta o perfil? Antes, tenías que copiar la URL, abrir una nueva pestaña y pegarla. Ahora, con un simple click, ya lo tenemos! :D
  • GA Copy and Paste_kmq.push([«trackClickOnOutboundLink»,»link_56b1cf2a26c5d»,»Article link clicked»,{«Title»:»GA Copy and Paste»,»Page»:»Mis herramientas favoritas como analista web»}]);: Este plugin no lo utilizo mucho, pero siempre aparece cuando lo necesito. Cuando tengo que configurar varios perfiles de un cliente, con múltiples objetivos, éste plugin nos ahorra muchísimo tiempo!
  • Ghostery_kmq.push([«trackClickOnOutboundLink»,»link_56b1cf2a26d28″,»Article link clicked»,{«Title»:»Ghostery»,»Page»:»Mis herramientas favoritas como analista web»}]);: Éste es mi último descubrimiento, y estoy encantado con él. Nos muestra un pequeño fantasma que nos indica todas las herramientas de analítica web, publicidad, etc que hay en una página.
  • Google Analytics Debugger_kmq.push([«trackClickOnOutboundLink»,»link_56b1cf2a26df1″,»Article link clicked»,{«Title»:»Google Analytics Debugger»,»Page»:»Mis herramientas favoritas como analista web»}]);: Ya hablé de este plugin cuando hice un repaso de las herramientas para validar la implementación de Google Analytics_kmq.push([«trackClickOnOutboundLink»,»link_56b1cf2a26ed2″,»Article link clicked»,{«Title»:»herramientas para validar la implementaciu00f3n de Google Analytics»,»Page»:»Mis herramientas favoritas como analista web»}]); y, aunque ya no lo uso tanto, lo sigo teniendo instalado para hacer comprobaciones rápidas
  • Remove cookies for site_kmq.push([«trackClickOnOutboundLink»,»link_56b1cf2a26f9c»,»Article link clicked»,{«Title»:»Remove cookies for site»,»Page»:»Mis herramientas favoritas como analista web»}]);: Este plugin es fantástico por su sencillez: haces click y automáticamente todas las cookies del dominio que estás visitando han desaparecido del mapa!
  • Screen Capture (by Google)_kmq.push([«trackClickOnOutboundLink»,»link_56b1cf2a2706c»,»Article link clicked»,{«Title»:»Screen Capture (by Google)»,»Page»:»Mis herramientas favoritas como analista web»}]);: Cuando quiero hacer alguna captura de una página web muy larga, éste plugin me lo permite hacer con un par de clicks, dándome la opción incluso de hacer modificaciones y compartir la imagen en Picasa y Facebook.
  • Cookies App for Chrome_kmq.push([«trackClickOnOutboundLink»,»link_56b1cf2a2713b»,»Article link clicked»,{«Title»:»Cookies App for Chrome»,»Page»:»Mis herramientas favoritas como analista web»}]);: Esta webapp, que me la descubrió @edubarredo_kmq.push([«trackClickOnOutboundLink»,»link_56b1cf2a271fe»,»Article link clicked»,{«Title»:»edubarredo»,»Page»:»Mis herramientas favoritas como analista web»}]); y que es la imagen que acompaña éste post, es la aplicación de gestión de cookies más completa y visualmente agradable que he visto. Permite ver, modificar y eliminar absolutamente todas las cookies que tenemos en nuestro navegador. Muy útil y bonita ;)

Plugins para Firefox

Firebug LogoChrome es mi navegador por defecto, pero siempre trabajo conjuntamente con Firefox, ya que tiene algunos plugins que aun no he encontrado con el navegador de Google:

  • Firebug_kmq.push([«trackClickOnOutboundLink»,»link_56b1cf2a272c0″,»Article link clicked»,{«Title»:»Firebug»,»Page»:»Mis herramientas favoritas como analista web»}]);: El plugin por excelencia de Firefox, imprescindible para cualquier persona que trabaje con algún trabajo mínimamente relacionado con la web.
  • Firecookie_kmq.push([«trackClickOnOutboundLink»,»link_56b1cf2a27382″,»Article link clicked»,{«Title»:»Firecookie»,»Page»:»Mis herramientas favoritas como analista web»}]);: Lo genial de firebug es que se puede ampliar con extensiones extras. Ésta extensión me permite tener acceso a todas las cookies que se han creado en este dominio en tiempo real y modificarlas o eliminarlas si es necesario.
  • Httpfox_kmq.push([«trackClickOnOutboundLink»,»link_56b1cf2a27456″,»Article link clicked»,{«Title»:»Httpfox»,»Page»:»Mis herramientas favoritas como analista web»}]);: Mi herramienta favorita para testear implementaciones, ya sean de Google Analytics_kmq.push([«trackClickOnOutboundLink»,»link_56b1cf2a27517″,»Article link clicked»,{«Title»:»Google Analytics»,»Page»:»Mis herramientas favoritas como analista web»}]);, de Adobe SiteCatalyst_kmq.push([«trackClickOnOutboundLink»,»link_56b1cf2a275d7″,»Article link clicked»,{«Title»:»Adobe SiteCatalyst»,»Page»:»Mis herramientas favoritas como analista web»}]); o de comScore Digital Analytix_kmq.push([«trackClickOnOutboundLink»,»link_56b1cf2a2769e»,»Article link clicked»,{«Title»:»comScore Digital Analytix»,»Page»:»Mis herramientas favoritas como analista web»}]);. Lo captura absolutamente todo! :D
  • WASP_kmq.push([«trackClickOnOutboundLink»,»link_56b1cf2a27764″,»Article link clicked»,{«Title»:»WASP»,»Page»:»Mis herramientas favoritas como analista web»}]);: Actualmente solo lo utilizo sólo para ver rápidamente que herramientas están implementadas y poco más.

Aplicaciones de escritorio

Google Refine LogoEvidentemente, no todas las aplicaciones deben ser complementos para navegadores: también trabajo con aplicaciones instaladas en mi MacBook, aunque también puedan funcionar en el cloud.

  • Evernote_kmq.push([«trackClickOnOutboundLink»,»link_56b1cf2a2782f»,»Article link clicked»,{«Title»:»Evernote»,»Page»:»Mis herramientas favoritas como analista web»}]);: Hay alguien que no conozca Evernote? Esta aplicación para tomar notas la utilizo para cualquier cosa: resumen de reuniones, copias de los correos importantes, datos que necesito apuntarme… Lo que sea! Todo organizado con libretas y etiquetas, como debe ser ;)
  • Skitch_kmq.push([«trackClickOnOutboundLink»,»link_56b1cf2a278ec»,»Article link clicked»,{«Title»:»Skitch»,»Page»:»Mis herramientas favoritas como analista web»}]);: Puede que skitch no sea una aplicación tan conocida, aunque hace unos meses la compro Evernote. Se trata de la aplicación por excelencia para realizar “pantallazos“: Permite editar sobre las imágenes, recortarlas, añadir flechas y texto y guardarlas simplemente arrastrando.
  • Pages & Keynote_kmq.push([«trackClickOnOutboundLink»,»link_56b1cf2a279b6″,»Article link clicked»,{«Title»:»Pages & Keynote»,»Page»:»Mis herramientas favoritas como analista web»}]);: En mi trabajo diario de consultor, las auditorias y los informes son de las cosas más comunes que realizamos, por lo que es imprescindible utilizar un editor de textos y un editor de presentaciones, aunque no utilizo ni el Word ni el Powerpoint ;)
  • Excel_kmq.push([«trackClickOnOutboundLink»,»link_56b1cf2a27a7d»,»Article link clicked»,{«Title»:»Excel»,»Page»:»Mis herramientas favoritas como analista web»}]);: Aunque me gusta el Mac, trabajo mucho mejor con el Excel que con el Numbers de Apple, por lo que ésta aplicación está muy presente en mi día a día.
  • Google Refine_kmq.push([«trackClickOnOutboundLink»,»link_56b1cf2a27b3b»,»Article link clicked»,{«Title»:»Google Refine»,»Page»:»Mis herramientas favoritas como analista web»}]);: Esta aplicación de Google me permite trabajar con grandes ficheros de datos y tratarlos para poderlos pasar de una forma más limpia a otras herramientas, como puede ser Excel.

Herramientas offline

Libreta y boliLos analistas web también hacemos análisis “offline”, por lo que no todas las herramientas que utilizamos están hechas con bits, sino que también tenemos herramientas que hechas con átomos ;) (frase inspirada por los posts de @granludo_kmq.push([«trackClickOnOutboundLink»,»link_56b1cf2a27c0a»,»Article link clicked»,{«Title»:»granludo»,»Page»:»Mis herramientas favoritas como analista web»}]);).

  • Libreta y boli: Siempre hay algo que Evernote no me deja apuntar de una forma tan cómoda y rápida como lo permite una libreta y un boli “de siempre”, por lo que siempre llevo una encima.
  • Pizarra blanca: En nuestras oficinas tenemos muchas de éstas, que nos permite discutir en grupo algunos temas que serían mucho más difíciles de discutir sin ésta fantástica herramienta.
  • Auriculares_kmq.push([«trackClickOnOutboundLink»,»link_56b1cf2a27ccb»,»Article link clicked»,{«Title»:»Auriculares»,»Page»:»Mis herramientas favoritas como analista web»}]);: Me gusta escuchar música mientras trabajo, por lo que unos buenos auriculares me permiten aislarme  y no molestar a los demás compañeros, que también escuchan su propia música ;)

Éste es un resumen de mis aplicaciones favoritas. ¿Cuales son las que más os gustan a vosotros? ¿Las conocíais todas? ¿Qué herramienta/plugin me recomendáis?

Mis herramientas favoritas como analista web_kmq.push([«trackClickOnOutboundLink»,»link_56b1cf2a27d8c»,»Article link clicked»,{«Title»:»Mis herramientas favoritas como analista web»,»Page»:»Mis herramientas favoritas como analista web»}]); es un post de Trucos Google Analytics_kmq.push([«trackClickOnOutboundLink»,»link_56b1cf2a27e56″,»Article link clicked»,{«Title»:»Trucos Google Analytics»,»Page»:»Mis herramientas favoritas como analista web»}]);.

The post Mis herramientas favoritas como analista web appeared first on Trucos Google Analytics.


Source: http://feeds.feedburner.com/TrucosGoogleAnalytics-Optimizer