Cómo añadir Google Analytics a WordPress sin un plugin - Guía paso a paso

Adding google analytics to WordPress without a plugin

Millones de personas utilizan Google Analytics en sus sitios web de WordPress. Normalmente, utilizan uno de los muchos plugins de Google Analytics disponibles, como MonsterInsights o GA Google Analytics.

Pero, ¿y si no quieres utilizar un plugin? ¿Sigue siendo posible utilizar Google Analytics con WordPress?

La respuesta es: sí, todavía es posible. Sólo tendrás que pasar por algunos obstáculos más para configurarlo.

Aunque generalmente recomendamos utilizar un plugin, hay algunas situaciones en las que conectar Google Analytics manualmente tiene sentido. Si ese es tu caso, te interesa seguir leyendo.

En este post, te mostraremos dos formas de conectar Google Analytics con WordPress sin usar un plugin. La primera es usando un tema hijo y la segunda usando el módulo Astra Custom Layout.

Si desea realizar un seguimiento de la actividad de su sitio web en WordPress mediante Google Analytics, siga leyendo.

¿Por qué debe configurar Google Analytics?

Google Analytics es uno de los servicios más útiles que puede instalar en su sitio web. Hay un montón de razones para instalarlo, pero sólo para nombrar unos pocos, se puede:

  • Seguimiento de la duración de la sesión para ver cuánto tiempo permanecen los visitantes en el sitio.
  • Compruebe las páginas vistas para ver qué contenidos son los más populares
  • Observar los enlaces entrantes para determinar de dónde procede el tráfico
  • Aumentar las conversiones de boletines y listas de correo electrónico
  • Determine su tasa de rebote para diagnosticar posibles problemas
  • Aumentar las ventas de productos viendo qué contenidos reciben más tráfico y de dónde procede ese tráfico.
  • Mejore el flujo a través de su sitio y mejore la experiencia del usuario

Ahora que ya conoce la importancia de utilizar Google Analytics, hablemos de las distintas formas en que puede instalarlo.

Ventajas e inconvenientes de configurar Google Analytics sin un plugin

Para la mayoría de los usuarios, es mejor simplemente instalar un plugin de Google Analytics. Es más fácil de instalar, configurar y gestionar. Además, no tendrás que preocuparte de ninguna actualización de tu tema ni del proceso de conexión a Google Analytics.

Si no tiene una razón específica para instalar Google Analytics directamente, le recomendamos que descargue simplemente un plugin. Es una solución más sencilla y fácil.

Puede ver un comparación de los distintos plugins de Google Analytics en nuestro blog.

Sin embargo, algunas personas prefieren añadirlo sin el plugin.

Hay varias razones para ello: tal vez prefiera un control directo sobre cada línea de código añadida a su sitio. O, usted tiene una cantidad muy limitada de almacenamiento en su plan de alojamiento y no desea instalar plugins extraños.

Si ese es tu caso, ¡no te preocupes! Le mostraremos cómo instalar Google Analytics sólo con código, sin necesidad de plugins.

Ventajas de configurar Google Analytics sin un plugin:

Configurar Google Analytics sin un plugin tiene sus ventajas:

  • Control total sobre los datos recogidos
  • Puede elegir las páginas que desea seguir
  • Un plugin menos que instalar y gestionar

Contras de configurar Google Analytics sin un plugin

También hay desventajas al configurar Google Analytics sin un plugin:

  • Es posible que tenga que actualizar el código cada vez que cambiar el tema de WordPress
  • Deberá sentirse cómodo añadiendo código a las páginas
  • Es posible que se pierda las funciones adicionales que ofrecen algunos plugins de Google Analytics.

Antes de hacer nada: ¡haga una copia de seguridad de su sitio WordPress!

Antes de realizar cualquier modificación en su sitio web, debe siempre respaldarlo. Para ello, lea nuestro Guía para hacer una copia de seguridad de tu sitio web WordPress.

Si prefieres descargar un plugin que haga el trabajo por ti, prueba uno de los siguientes:

  • Jetpack es uno de los plugins más populares de WordPress. Tiene una gran variedad de funciones, una de las cuales es hacer copias de seguridad de tu sitio.
  • UpdraftPlus le permite guardar sus copias de seguridad directamente en Dropbox, Google Drive, Amazon S3, correo electrónico y muchas otras ubicaciones.
  • BackWPup es otro popular plugin que te permite hacer copias de seguridad de tu sitio en Dropbox y otros servicios.

El código de Google Analytics

El código de análisis es la forma en que Google puede rastrear y proporcionar tantos datos sobre lo que sucede en su sitio web. Al colocarlo en las páginas, Google puede supervisar y realizar un seguimiento de la actividad y proporcionar información sobre el rendimiento de su sitio web.

En octubre de 2020, Google publicó Google Analytics 4, una nueva actualización. Entre otras características, la nueva versión del servicio cambió los ID de seguimiento de Universal Analytics (con códigos como UA-XXXX) por propiedades de Google Analytics 4 (con códigos como G-XXXX).

Estos códigos son necesarios para conectar su cuenta de Google Analytics a su sitio de WordPress.

Cómo obtener el código de Google Analytics

Ir a Analítica.Google.es y accede a tu cuenta. Si no tiene una cuenta, regístrese para obtener una.

Si utiliza la versión más reciente de Google Analytics, podrá seguir los pasos que se indican a continuación. Si no ves 'Flujos de datosen el Propiedad está utilizando la versión anterior y puede pasar a la siguiente sección.

En la parte izquierda de la pantalla, seleccione el icono de engranaje, que le lleva a la página de administración.

Google analytics admin panel

En virtud de la Propiedad seleccione Flujos de datos.

Google analytics data streams

A continuación, pulse el botón Añadir flujo y seleccione Web.

Add Stream

A continuación, introduzca la URL de su sitio web y el nombre del flujo, y haga clic en Crear flujo.

Create stream in google analytics

Después de pulsar el botón Botón Crear flujo, aparecerá una nueva ventana que contiene la información sobre su flujo.

Desplácese hasta el Instrucciones de etiquetado panel. Haga clic en la primera opción, Etiqueta global del sitio (gtag.js).

Tagging Instructions

Verás que aparece un código. Este código es lo que tendrás que pegar en uno de los métodos anteriores.

Google analytics Global site tag

Cómo obtener el código de Google Analytics - Método alternativo

Si no ve "Flujos de datos" en la columna "Propiedades" de Google Analytics, está utilizando la versión anterior. Todavía puede añadir el código, pero tendrá que adquirirlo de una manera ligeramente diferente.

Ir a Analítica.Google.es y accede a tu cuenta.

En la parte inferior izquierda de la pantalla, haga clic en el icono de engranaje que conduce a la página de administración.

go to admin

En Propiedad, haga clic en Información de seguimiento. A continuación, seleccione Código de seguimiento.

click on tracking code

Ahora verá un código debajo del icono Etiqueta global del sitio encabezamiento. Copie este código en el portapapeles: lo necesitaremos en el siguiente paso.

Get the global site tag

Añadir código de Google Analytics sin un plugin

Ahora que ya tiene el código de Google Analytics, puede añadirlo a WordPress. Recomendamos utilizar un tema hijo para esto, ya que evita perder el código cuando se actualizar el tema de WordPress.

Método 1: Utilizar un tema hijo (recomendado)

El mejor método es añadir el código de Google Analytics a través de un tema hijo. Los temas hijo te permiten realizar modificaciones sin que los cambios desaparezcan si actualizas tu tema.

Paso 1: Crear un tema hijo

En primer lugar, tendrá que crear un tema hijo. Hay muchas maneras de crear uno y no vamos a repasarlas todas aquí.

La forma más sencilla es utilizar nuestro Generador de temas infantiles Astra. Basta con rellenar el formulario y descargarlo. A continuación, descomprima el archivo. Tendrás una carpeta con tres archivos: screenshot.jpg, stylesheet.css, y funciones.php.

Child theme files

Necesitamos crear un nuevo archivo .txt llamado header.php. Copia el funciones.php y pégalo en la misma carpeta, luego ponle un nombre header.php.

create functions.php for the child theme

Abra el archivo y elimine todo el texto. Déjelo abierto para el siguiente paso.

Paso 2: Copie el archivo Header.php en el tema principal

Ahora tenemos que copiar el interior del header.php de nuestro tema "padre", que es nuestro tema normal.

Ir a Apariencia > Editor de temas en la barra lateral de WordPress.

go to WordPress theme editor

Asegúrese de que el tema de la parte superior derecha es el tema actual y desplácese hasta header.php y haga clic en él.

Astra header.php file

A continuación, copie todo el texto de este archivo y péguelo en el archivo header.php en su ordenador. Guarde el archivo y manténgalo abierto.

Paso 3: Obtener el código de Google Analytics

Ahora necesitará el código de Google Analytics. Utilice los métodos que hemos descrito anteriormente para adquirir el código si aún no lo tiene.

Paso 4: Pegue el código en el archivo Header.php

Ahora vuelve al header.php que hemos creado en tu ordenador. Justo antes de la etiqueta , pegue el código de Google Analytics del paso anterior.

Copy and paste google analytics code

Por último, guarda y cierra el archivo.

Paso 5: Comprimir y cargar el archivo

A continuación, comprime la carpeta en un archivo zip. Llamaremos al nuestro astra-niño-1.

Create child theme

Vuelva a su sitio web. En la barra lateral del panel de WordPress, vaya a Apariencia > Temas.

go to WordPress themes

Haga clic en Añadir nuevo y luego Subir tema. Seleccione y cargue el astra-niño-1 zip que hemos creado.

Upload theme in the WordPress

Una vez cargado, ¡actívalo!

Paso 6: Compruebe si funciona

Para comprobar si la conexión funciona, vaya a la sección "Comprobar si funciona".

Método 2: Utilizar el módulo de diseños personalizados (requiere Astra Pro)

En Módulo de diseños personalizados es una función premium para nuestros Complemento Astra Pro. El módulo proporciona ganchos para que pueda añadir código personalizado (como un código de incrustación de Google Analytics) a su sitio web sin necesidad de editar los archivos del tema.

Para utilizar el módulo de diseños personalizados, deberá adquirir el módulo Complemento Astra Pro y tener el Tema Astra instalado.

Paso 1. Instale el tema Astra y el addon Astra Pro

Si aún no tienes instalados el tema Astra y el complemento Astra Pro, hazlo ahora. Si eres cliente de Astra Pro pero no tienes instalado el addon, puedes descargarlo desde tu página de la cuenta.

¿Tienes los dos instalados? Perfecto. Ahora vamos a activar el módulo.

Paso 2: Obtener el código de incrustación de Google Analytics

Utilice la guía anterior para obtener el código de Google Analytics si aún no lo tiene.

Paso 3. Activar el módulo de diseños personalizados Activar el módulo de diseños personalizados

En este paso, activaremos el módulo de diseños personalizados.

Vuelva a su sitio web y vaya a la sección Apariencia > Opciones Astra en el panel de control de WordPress.

go to astra options

A continuación, desplácese hasta Diseños personalizados y pulse Activar.

Si no lo encuentras, usa CTRL-F "diseño personalizado". Es el décimo elemento de la parte superior. Una vez que lo actives, actualiza tu página.

Active Astra pro custom layouts

Paso 4: Vaya a la página de diseños personalizados

Como ha activado la opción de diseños personalizados, ahora verá un nuevo elemento de menú en la barra lateral de WordPress, debajo de Apariencia > Diseños personalizados. Haz clic en él.

go to Astra custom layouts

A continuación, haga clic en Habilitar Editor de Código.

enable code editor for custom layouts

A continuación, copie y pegue el código de Google Analytics del paso 2 en el cuadro de texto.

paste google analytics code

Debajo del cuadro de texto, verás el panel Configuración. Seleccione Ganchos en Diseño, wp_head en Acción, y Todo el sitio web en Pantalla encendida.

Astra custom layouts settings

Paso 5: Compruebe si funciona

Por último, asegurémonos de que funciona. Espera unos minutos para asegurarte de que la conexión se realiza correctamente.

Pruebas para comprobar si Google Analytics funciona

Dado que cada método anterior tiene la misma forma de prueba, hemos comprimido el tutorial para ello en una sola sección.

Después de añadir el código, espera unos minutos para asegurarte de que Google ha creado la conexión.

Vaya al panel de control de Google Analytics y haga clic en En tiempo real en la barra de navegación.

Google analytics realtime report

Si su conexión se ha establecido correctamente, debería ver al menos un usuario en pantalla. Ese eres tú trabajando en el sitio web.

Google analytics realtime active users

Si no ves ninguna actividad, es posible que hayas cometido un error en algún punto del proceso. Comprueba la configuración e inténtalo de nuevo.

Si todo parece correcto, déjalo un poco más, ya que es posible que Google aún no haya creado la conexión necesaria para realizar un seguimiento de la actividad.

Reflexiones finales sobre la incorporación de Google Analytics a WordPress

Los datos que se recopilan con Google Analytics son muy útiles para ajustar el diseño y la estrategia general de su sitio web de WordPress.

Aunque no recomendamos instalar Google Analytics sin un plugin, hay algunos casos en los que tiene sentido.

Para la mayoría de la gente, sin embargo, recomendamos utilizar un plugin. Consulte nuestra guía sobre Los mejores plugins para utilizar Google Analytics con WordPress.

¿Utiliza Google Analytics? Si lo ha añadido sin un plugin, ¿cuál ha sido su razonamiento? ¿Cubría nuestra guía su situación particular? Háganoslo saber en los comentarios.

Divulgación: Este blog puede contener enlaces de afiliados. Si realiza una compra a través de uno de estos enlaces, es posible que recibamos una pequeña comisión. Leer información. Tenga la seguridad de que sólo recomendamos productos que hemos utilizado personalmente y que creemos que aportarán valor a nuestros lectores. Gracias por su apoyo.

1 comentario
  1. Julia Davis Profile Pic

    Fue un gran artículo que estaba en análisis de sitios web utilizando wordpress. Para realizar un seguimiento de análisis de sitios web con WordPress, puede seguir estos pasos:
    1.Contratar un servicio de análisis web
    2.Obtenga su código de seguimiento
    3.Instalar un plugin de WordPress
    4.Configurar el plugin
    5.Guardar los cambios
    6. Verificar el seguimiento
    Estos son algunos pasos fáciles para el análisis de sitios web. Lectores, Si desea desarrollar su sitio web wordpress, puede visitar una empresa de TI como tecnologías Alakmalak. Tienen más de 17 años de experiencia en este campo.

Deja un comentario

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

Astra es gratis. Ahora y siempre.

Creemos que crear sitios web atractivos no debería ser caro. Por eso Astra es gratis para todos. Empieza gratis y amplía con paquetes asequibles.

La descarga está a un solo clic

Download Checklist

REWIND

RESUMEN DEL AÑO

La descarga está a un solo clic

Introduce tu dirección de correo electrónico y sé el primero en enterarte de las actualizaciones y novedades.

Descargar gratis Astra Theme - Modal Popup Form
Scroll al inicio