Cómo medir el tráfico de tu página web

| |

La mejor herramienta gratuita para medir el tráfico de tu web es Google Analytics. Con ella podrás saber no solo cuántas visitas recibe tu web cada día, sino por ejemplo:

  • Cuántas visitas provienen de cada país (e incluso de cada ciudad).
  • Cuánto tráfico procede de un ordenador, de una tablet o de un teléfono móvil.
  • Cuántas visitas vienen de una búsqueda en internet y cuántas de las redes sociales (y de qué redes en concreto).

Además de la información relacionada con la cantidad de tráfico, Google Analytics también te proporcionará una gran cantidad de datos sobre el comportamiento de los visitantes de tu web.

Podrás saber, por ejemplo, cuáles son las páginas más visitadas, cuánto tiempo pasan los usuarios en cada página, qué porcentaje de usuarios se van sin interaccionar con ninguna otra página y un larguísimo etcétera.

Para empezar a disfrutar de esta fantástica herramienta debes seguir tres pasos:

  1. Registrar tu web en Google Analytics.
  2. Instalar el código de seguimiento de Google Analytics en tu web.
  3. Comprobar que Google Analytics funciona correctamente.

PRIMER PASO: registra tu web en Google Analytics

Para medir el tráfico de tu web lo primero que debes hacer es acceder a Google Analytics. Si ya tienes una cuenta, haz clic en Iniciar sesión en Google Analytics. Si aún no tienes una cuenta, clica en el botón Comenzar gratis.

No tienes más que seguir las instrucciones y en pocos minutos tendrás configurada tu cuenta de usuario.

Cuando hayas terminado, ya puedes añadir tu web. En Google Analytics cada web se considera una «Propiedad». Puedes tener hasta 50 propiedades en tu cuenta.

Para añadir tu web a Google Analytics empieza por ir al menú y clicar el icono del engranaje (Administrar).

Detalle del menú de Google Analytics para acceder a la sección Administrar

Ahora clica en Añadir propiedad.

Botón para añadir una nueva propiedad en Google Analytics

A continuación, selecciona la primera opción (Web) y clica el botón Continuar.

Captura de pantalla del selector de web, aplicaciones, y web y aplicación para crear propiedad en Google Analytics

En la pantalla siguiente tienes que poner el nombre de tu web y su URL (seleccionando http o https, según corresponda). Luego debes seleccionar a qué categoría pertenece, y finalmente especificar el país y la zona horaria que corresponda.

Captura de pantalla de los datos que hay que poner en Google Analytics para registrar una nueva propiedad

Para concluir, haz clic en Crear.

¡Ya tienes tu web registrada en Google Analytics!

SEGUNDO PASO: instala el código de seguimiento de Google Analytics

Para que Google Analytics pueda medir el tráfico de tu sitio, antes debes instalar el código de seguimiento en tu web (o bien instalar un plugin que se ocupe de esto).

¿Dónde está el código de seguimiento?

Lo encontrarás si entras en Google Analytics y vas a Administrar > Propiedad (si tienes más de una, selecciona la propiedad que corresponda) > Información de seguimiento > Código de seguimiento.

Encontrarás el código de seguimiento bajo el título Etiqueta de sitio web global (gtag.js):

Ejemplo de código de seguimiento de Google Analytics para medir el trafico de una web
El código de seguimiento de Google Analytics.

A continuación vamos a ver cuatro formas de instalar el código de seguimiento:

  1. Con el plugin MonsterInsights.
  2. Con el plugin Code Snippets.
  3. Utilizando Elements (solo para usuarios de GeneratePress).
  4. Editando el archivo header.php.

Estos cuatro métodos están orientados exclusivamente a las webs que funcionan con WordPress.

1.ª opción: MonsterInsights

MonsterInsights es un plugin que simplifica mucho el proceso de añadir Google Analytics y que, además, te permite leer algunas de las métricas de Google Analytics desde el escritorio de WordPress.

Para instalarlo sigue estos pasos:

  1. En la barra lateral de WordPress clica Plugins > Añadir nuevo.
  2. Escribe monsterinsghts en la barra de búsqueda.
  3. Selecciona el plugin Google Analytics Dashboard Plugin for WordPress by MonsterInsights y clica Instalar.
Cómo instalar MonsterInsights en WordPress

Cuando haya terminado la instalación, clica Activar. En la siguiente pantalla clica el botón Launch the Wizard.

Botón para lanzar el asistente de MonsterInsights

A continuación, selecciona el tipo de web que mejor define la tuya: Business Website (web de negocios), Publisher (si tu web es básicamente un blog), o Ecommerce (si se trata de una tienda online).

Clica Save and Continue.

Selector de tipo de web de MonsterInsights

En la siguiente pantalla, clica el botón Connect MonsterInsights para conectar MonsterInsights y Google Analytics.

Botón para conectar MonsterInsights y Google Analytics

Ahora deberás dar permiso a la aplicación para acceder a tu cuenta de Google, y luego tendrás que seleccionar la propiedad de Google Analytics y la vista que corresponda. Clica Complete Connection para concluir.

Selector de la propiedad de Google Analytics en MonsterInsights

(Aún te aparecerá una última pantalla con varios parámetros. Puedes dejarlos tal y como están, sin modificar nada).

Verás que ahora no te hará falta ir a Google Analytics para saber cuántas visitas tienes, sino que podrás ver esa información directamente desde tu escritorio de WordPress.

Captura de pantalla mostrando la medición de tráfico de MonsterInsights en el escritorio de WordPress
Gracias a MonsterInsights, las métricas de tráfico aparecen directamente en el escritorio de WordPress.

2.ª opción: Code Snippets

Code Snippets es un plugin muy útil para añadir código a tu web de forma segura.

Desde el menú lateral de WordPress ve a Plugins > Añadir nuevo. Escribe code snippets en la barra de búsqueda, selecciona el plugin Code Snippets by Code Snippets Pro y clica Instalar.

Instalación del plugin Code Snippets

Una vez instalado, clica Activar.

Verás que ahora, en la barra lateral de WordPress, hay un nuevo icono en forma de tijeras llamado Snippets. Ponte sobre el icono, y en el submenú que se abrirá clica Add New:

Menú para añadir un nuevo snippet

Para comenzar, dale un nombre de referencia al nuevo snippet.

Luego, en el campo siguiente, copia y pega este código en la primera línea:

add_action( 'wp_head', function () { ?>

Justo debajo, copia y pega el código de seguimiento de Google Analytics.

Por último, debajo del código de seguimiento, copia y pega esta línea:

<?php });

Selecciona la opción Only run on site front-end y clica Activate.

Snippet para añadir código de seguimiento de Google Analytics

3.ª opción: Elements (solo para usuarios de GeneratePress Premium)

La versión premium de GeneratePress tiene muchas ventajas, una de las cuales es la facilidad con la que puedes añadir código a tu web.

Si tu web usa el tema GeneratePress Premium, en la barra lateral de WordPress ve a Apariencia > GeneratePress. Busca el módulo Elements, y asegúrate de que está activado.

Para añadir el código de seguimiento, en la barra lateral de WordPress clica en Apariencia > Elements.

Ubicación de Elements de GeneratePress en el menú de WordPress

Una vez en Elements, clica Add New (Añadir nuevo).

Cómo añadir un nuevo element

En el menú que se abrirá, clica Hook.

Menú de selección de Elements

Empieza por dar al nuevo element un nombre de referencia.

Luego, en el campo siguiente, pega el código de seguimiento de Google Analytics.

Más abajo, en settings (configuración), selecciona el hook wp_head:

Campos resaltados para añadir el código de seguimiento de Google Analytics a Elements de GeneratePress

Selecciona ahora la pestaña Display Rules. En el apartado Location, selecciona Entire Site.

Selección del hook del element

Para terminar, clica el botón Publicar (arriba a la derecha).

4.ª opción: header.php

Este método consiste en insertar el código de seguimiento de Google Analytics en el archivo header.php de tu tema de WordPress.

Usa este método solo si tu web utiliza un tema hijo (child theme). De otra forma, podrías perder los cambios que hagas en el archivo header.php cuando tu tema se actualice.

ADVERTENCIA. Antes de editar el archivo header.php haz una copia de seguridad de tu web. Si cometes algún error al editar este archivo, es posible que tu web «se rompa» y se te quede la pantalla en blanco (la temida White Screen of Death). No emplees este método a menos que sepas cómo recuperar tu web en caso de que algo salga mal.

En la barra lateral de WordPress ve a Apariencia > Editor de temas. En el menú de la derecha, selecciona header.php.

Busca ahora las etiquetas <head> y </head>.

Archivo header.php en el editor de WordPress
Deberás insertar el código de seguimiento de Google Analytics entre las etiquetas <head> y </head> (resaltadas en amarillo), .

El código de seguimiento de Google Analytics deberás insertarlo entre ambas etiquetas teniendo mucho cuidado de no alterar ninguna otra línea de código.

Código de seguimiento de Google Analytics añadido al archivo header.php
Aquí puedes ver el código de seguimiento de Google Analytics (área resaltada) ya añadido al archivo php. No se ha modificado ninguna línea de código.

Para terminar, clica el botón Actualizar archivo.

¿Cuál método es el mejor para añadir el código de seguimiento de Google Analytics en WordPress?

Cada una de las cuatro opciones anteriores tiene las siguientes ventajas e inconvenientes:

MÉTODOVENTAJASINCONVENIENTES
Monster Insights· No tienes que lidiar con el código, ya que MonsterInsights se ocupa de todo.

· Puedes ver la cantidad de tráfico de tu web directamente en el escritorio de WordPress.
· Debes añadir un plugin adicional que solo sirve para conectar tu web con Google Analytics.

· Pierdes el hábito de visitar regularmente Google Analytics, con lo cual te pierdes información importante (MonsterInsights solo te muestra una parte de la información disponible).
Code Snippets· Es mucho más seguro añadir el código de seguimiento con Code Snippets que editando el archivo header.php.

· Puedes usar Code Snippets para muchas más cosas aparte de añadir el código de seguimiento.
· Necesitas añadir un plugin adicional a tu web.
Elements de GeneratePress· No necesitas añadir un plugin específico para insertar el código de seguimiento (aparte del plugin GP Premium).· Está restringido a los usuarios de GeneratePress Premium.
Header.php· No necesitas añadir ningún plugin para insertar el código de seguimiento.· Es recomendable solo si usas un tema hijo (child theme).

· No es un método adecuado para a usuarios inexpertos, ya que un error en la edición del archivo header.php puede «romper» la web.

Mi elección: Code Snippets

Mi consejo es que prescindas de MonsterInsights. A pesar de que es muy tentador (ya que te ahorra el problema de tener que instalar manualmente el código de seguimiento), a cambio de esa comodidad pagarás un precio: te harás dependiente de un plugin que, en el fondo, es totalmente prescindible.

(Cuantos menos plugins prescindibles instales en tu web, tanto mejor para ti a largo plazo).

Por eso, a menos que el tema de tu web sea GeneratePress (en cuyo caso te recomiendo que te decantes por Elements), si quieres ir sobre seguro usa el plugin Code Snippets y evita tocar el archivo header.php. Así te evitarás un buen susto si algo sale mal.

El riesgo de editar header.php

Te voy a contar una anécdota para mostrarte por qué prefiero usar Code Snippets antes que editar el archivo header.php.

Para poder hacer las capturas de pantalla de este artículo, he tenido que seguir yo mismo cada uno de los cuatro métodos explicados anteriormente.

Mientras seguía el proceso con Code Snippets, no me di cuenta de que había cometido un error en el snippet (me faltaban un par de líneas de código), y cuando lo activé me encontré repentinamente con la White Screen of Death (pantalla blanca de la muerte).

Ejemplo de mensaje de error usando el plugin Code Snippets
El mensaje de Code Snippets dice: «No te asustes (…) Por favor, usa el botón de retroceso de tu navegador para volver a la página anterior e intenta arreglar el error de código. Si lo prefieres, puedes cerrar esta página y descartar los cambios que acabas de hacer. No se harán cambios en esta web.«

Afortunadamente, esto fue muy fácil de arreglar con Code Snippets: solo tuve que retroceder con el navegador, arreglar el error en el código y volver a activar el snippet. ¡Problema resuelto!

Imagina ahora que hubiese cometido el mismo error editando el archivo header.php: mi web se habría quebrado y no podría acceder al backend de WordPress, con lo cual el problema habría sido mucho mayor.

TERCER PASO: comprueba que Google Analytics funciona correctamente

Ahora solo te falta comprobar que Google Analytics realmente está midiendo el tráfico de tu web.

Para eso, entra en Google Analytics y, en el menú lateral, clica el icono con forma de engranaje (Administar). En la columna Propiedad, selecciona tu web y clica Información de seguimiento > Código de seguimiento.

Clica ahora en el botón Enviar tráfico de prueba, tras lo cual Google Analytics abrirá tu web en una ventana del navegador.

Botón para enviar tráfico de prueba en Google Analytics

Ve ahora a la página de inicio de Google Analytics (el icono en forma de casa en la barra lateral).

Verás que ahora el informe en tiempo real indica una visita: .

Usuarios en tiempo real en Google Analytics

¡Enhorabuena! De ahora en adelante ya puedes medir el tráfico de tu web con Google Analytics.

Qué hacer si Google Analytics no mide el tráfico de tu web en tiempo real

Es posible que no veas ninguna visita en tiempo real cuando hagas la prueba de Google Analytics.

Te comento cuatro posibles causas de este problema.

Web equivocada

Si tienes varias propiedades en Google Analytics, asegúrate que has seleccionado la web correcta.

Error en el código

Verifica que has copiado y pegado todas las líneas del código de seguimiento. (Si utilizas Code Snippets, verifica también las líneas adicionales antes y después del código de seguimiento).

Bloqueador de anuncios activado

Algunas extensiones de Chrome para bloquear anuncios (como AdBlock y similares) pueden evitar que Google Analytics registre el tránsito desde tu ordenador. Si tienes una extensión de este tipo en tu navegador, desactívala antes de hacer la prueba.

Extensión para bloquear Google Analytics activada

La extensión de Chrome Google Analytics Opt-out Add-on sirve para evitar que Google Analytics contabilice tus visitas a tu web. És muy útil, pero asegúrate de desactivarla antes de probar si Google Analytics funciona correctamente. (Puedes activar y desactivar las extensiones fácilmente con Extensity, tal como te explico en mi artículo sobre el Chromebook).

Si aún no funciona, prueba con Tag Assistant. Se trata de una extensión de Chrome que verifica si el código de seguimiento de Google Analytics está instalado correctamente en tu web.


Google and the Google logo are registered trademarks of Google LLC, used with permission.

Anterior

¿Qué es un Chromebook?

Conceptos básicos para crear una web

Siguiente

Deja un comentario

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.