¿Dónde encontrar el código de seguimiento GA4 o su identificador? ¿Cómo crear código compatible de AMP con Google Analytics 4?




¿Dónde encontrar el código de seguimiento GA4 o su identificador? ¿Cómo crear código compatible de AMP con Google Analytics 4? Copie el código de seguimiento de GA4

El seguimiento de Google Analytics es una de las opciones gratuitas, confiables y básicas para que los propietarios de sitios web encuentren detalles del tráfico. Universal Analytics o Google Analytics versión 3 es tan fácil de configurar que casi todos los propietarios de sitios web lo usan en sus sitios. Sin embargo, Google reemplazará la versión GA3 existente con la versión GA4 en julio de 2023. Si se pregunta cómo encontrar el código de seguimiento de GA4, le explicaremos los pasos simples aquí. En este tutorial vamos a responder a preguntas como ¿Dónde encontrar el código de seguimiento GA4 o su identificador? ¿Cómo crear código compatible de AMP con Google Analytics 4?

El 30 de junio desaparece Universal Google Analytics asi que debemos migrar a Google Anlytics 4 y te quedan dos días. Par alos SEO es muy importante tener analíticas fiables.

¿Dónde encontrar el código de seguimiento GA4 o su identificador?

Hay muchas situaciones en las que desea encontrar el código de seguimiento en sus cuentas:

  • Dado que la interfaz GA4 es nueva, desea saber dónde diablos está el código.
  • Ha hecho clic en una notificación o alguien lo ayudó a configurar el nuevo GA4 y desea obtener el código ahora.
  • Algunos complementos en WordPress le permiten usar solo la ID de medición. Si está cambiando el complemento, debe obtener el código completo de su cuenta de Analytics.
Notificación de retirada de Universal Analytics en la cuenta de Analytics
Notificación de retirada de Universal Analytics en la cuenta de Analytics
Notificación de retirada de Universal Analytics en la cuenta de Analytics

Código de seguimiento GA4 en la cuenta de Google Analytics

Cualquiera que sea el motivo, siga las instrucciones a continuación para obtener el código de seguimiento GA4. Recuerde, todo el script de seguimiento en GA4 se denomina etiqueta de Google. El código en el script que comienza con G- es el ID de medición utilizado en GA4. Esto es lo mismo que el código de seguimiento de UA utilizado en Universal Analytics.

  • Inicie sesión en su cuenta de Google Analytics.
  • Vaya a la sección «Administrador» haciendo clic en el ícono de miedo que se muestra en la parte inferior de la barra lateral izquierda.
Ir a la sección de administración en Google Analytics
Ir a la sección de administración en Google Analytics
Ir a la sección de administración en Google Analytics
  • Cuando esté en la sección «Administrador», seleccione el nombre de su sitio web en el menú desplegable «Cuenta».
  • Ahora, seleccione su propiedad GA4 del menú desplegable «Propiedad».
  • Seleccione la opción «Flujos de datos» que se muestra en la columna «Propiedad».
Ir a la sección de flujos de datos de la propiedad
Ir a la sección de flujos de datos de la propiedad
Ir a la sección de flujos de datos de la propiedad
  • Vaya a la pestaña «Web» y haga clic en el nombre de su propiedad que se muestra en la lista.
Flujo de datos de propiedad web
Flujo de datos de propiedad web
  • En la página «Detalles de transmisión web», puede encontrar el «ID de medición» para su transmisión. Si solo desea la ID de medición (o el código de seguimiento), simplemente haga clic en el icono de copia que se muestra junto a la ID.
ID de medición en GA4
ID de medición en GA4
  • Si desea obtener el script de seguimiento completo o el código de etiqueta de Google, desplácese hasta la parte inferior y haga clic en el título «Ver instrucciones de etiqueta». Si desea cambiar los parámetros de seguimiento, haga clic en el ícono de ajustes que se muestra en la sección «Medición mejorada» y seleccione los parámetros necesarios.
Ver instrucciones de etiquetas en GA4
Ver instrucciones de etiquetas en GA4
  • Vaya a la pestaña «Instalar manualmente» donde puede encontrar el script de seguimiento GA4 completo con ID de medición.
Copie el código de seguimiento de GA4
Copie el código de seguimiento de GA4
  • Haga clic en el icono de copia que se muestra en la esquina superior derecha del bloque de código para obtener el código en su portapapeles.
  • Puede pegar el código en la sección de encabezado de su sitio web para comenzar a rastrear los detalles del tráfico.

Como puede ver en las pantallas anteriores, debería ver «Recibiendo tráfico en las últimas 48 horas» y «Flujo de datos» después de la implementación exitosa en su sitio.

El código es el siguiente y solo debes cambiar el identificador G-XXXXXXXXXX

<!– Google tag (gtag.js) –> <script async src=»https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX»></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag(‘js’, new Date()); gtag(‘config’, ‘G-XXXXXXXXXX’); </script>

Y ahora viene lo mejor. Desde ayer es compatible Googla Analytics 4 con las páginas AMP.

¿Cómo crear código compatible de AMP con GA4?

Es muy sencillo con el código de seguimiento de gtag debes sustituir G-XXXXXXXXX por el el tuyo. Google ha esperado a la última hora y el 27 de junio ha comunicado que GA4 es compatible con AMP y mos SEO y responsable de analítica nos ha dado un pequeño infarto porque tenemos dos días para hacer los cambios..Recordar que Universal Google Analytics deja de estar disponible el 30 de junio. A este código lo puedes complicar con variables y triggers o eventos.

Puede seguir LA DOCUMENTACIÓN OFICIAL Y añadir Analytics a AMP

En el head debes poner

<script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script> y dentro del body cambiando GA_MEASUREMENT:ID por tu código  y al atributo data-credentials el valor include (para habilitar las cookies) y al type el valor de gtag.
<amp-analytics type="gtag" data-credentials="include">
<script type="application/json">
{
  "vars" : {
    "gtag_id": "<GA_MEASUREMENT_ID>",
    "config" : {
      "<GA_MEASUREMENT_ID>": { "groups": "default" }
    }
  }
}
</script>
</amp-analytics>

Utiliza triggers con valores definidos para medir eventos en páginas AMP. En las configuraciones de activador se usan estas propiedades:

  • selector: selector de CSS para especificar un elemento objetivo.
  • on: especifica el tipo de evento.
  • vars: especifica el tipo de evento en event_name y añade otros parámetros si es necesario.

En este ejemplo se muestra cómo configurar un evento básico de Google Analytics. Crea un activador llamado button que se active cuando se haga clic en un elemento con el valor de ID the-button. Este activador enviará a Google Analytics el valor login de event_name y el valor Google de method.

<amp-analytics type="gtag" data-credentials="include">
  <script type="application/json">
    {
      "vars": {
        "gtag_id": "<GA_MEASUREMENT_ID>",
        "config": {
         "<GA_MEASUREMENT_ID>": { "groups": "default" }
        }
      },
      "triggers": {
        "button": {
          "selector": "#the-button",
          "on": "click",
          "vars": {
            "event_name": "login",
            "method": "Google"
          }
        }
      }
    }
  </script>
</amp-analytics>

Los eventos de Google Analytics son una categoría de eventos específicos de esta plataforma que se suelen utilizar para crear informes sobre campañas. Estos valores se pueden especificar en el bloque de variables con los parámetros event_categoryevent_label y value:

<amp-analytics type="gtag" data-credentials="include">
  <script type="application/json">
    {
      "vars": {
        "gtag_id": "<GA_MEASUREMENT_ID>",
        "config": {
          "<GA_MEASUREMENT_ID>": { "groups": "default" }
        }
      },
      "triggers": {
        "button": {
          "selector": "#login",
          "on": "click",
          "vars": { 
            "event_name": "login",
            "method": "Google"
          }
        }
      }
    }
  </script>
</amp-analytics>

Consulta la documentación de amp-analytics para obtener más información sobre la configuración de los activadores.

Para anular los parámetros predeterminados de Google Analytics o añadir parámetros nuevos, incluye los valores que quieras en la sección parameter del bloque config. En este ejemplo se anulan los valores predeterminados de páginas vistas y eventos correspondientes a page_title y page_location:

<amp-analytics type="gtag" data-credentials="include">
<script type="application/json">
{
  "vars" : {
    "gtag_id": "<GA_MEASUREMENT_ID>",
    "config" : {
      "<GA_MEASUREMENT_ID>": {
        "groups": "default",
        "page_title": "Beethoven symphonies",
        "page_location": "https://www.example.com/beethoven.html"
      }
    }
  }
}
</script>
</amp-analytics>

El vinculador de dominios permite medir dos o más sitios web relacionados de dominios distintos como si fueran un solo sitio. Especifica los dominios que quieres vincular con la propiedad "linker": { "domains": [...] }:

<amp-analytics type="gtag" data-credentials="include">
<script type="application/json">
{
  "vars" : {
    "gtag_id": "<GA_MEASUREMENT_ID>",
    "config" : {
      "<GA_MEASUREMENT_ID>": {
        "groups": "default",
        "linker": { "domains": ["example.com", "example2.com"] }
      }
    }
  }
}
</script>
</amp-analytics>

En las páginas AMP en las que se ha configurado Google Analytics, se establece un vínculo entre el dominio canónico y la caché de la página AMP de forma predeterminada. Para evitar que Google Analytics vincule tráfico de dominios, añade "linker": "false" a los parámetros de configuración:

<amp-analytics type="gtag" data-credentials="include">
<script type="application/json">
{
  "vars" : {
    "gtag_id": "<GA_MEASUREMENT_ID>",
    "config" : {
      "<GA_MEASUREMENT_ID>": {
        "groups": "default",
        "linker": "false"
      }
    }
  }
}
</script>
</amp-analytics>

Google Analytics está configurado para recoger automáticamente datos de velocidad a partir de una pequeña parte del tráfico del sitio. Puedes cambiar la frecuencia de muestreo para recoger más o menos datos. Para fijar la frecuencia de muestreo en el 100 %, añade a tu configuración el código que aparece destacado aquí:

<amp-analytics type="gtag" data-credentials="include">
<script type="application/json">
{
  "vars" : {
    "gtag_id": "<GA_MEASUREMENT_ID>",
    "config" : {
      "<GA_MEASUREMENT_ID>": {
        "groups": "default",
        "site_speed_sample_rate": 100
      }
    }
  }
}
</script>
</amp-analytics>

Para dejar de recoger datos de velocidad del sitio, utiliza el código que aparece destacado aquí:

<amp-analytics type=«gtag» data-credentials=«include»> <script type=«application/json»> {   «vars» : {     «gtag_id»: «<GA_MEASUREMENT_ID>»,     «config» : {       «<GA_MEASUREMENT_ID>»: {         «groups»: «default»,         «site_speed_sample_rate»: 0       }     }   } } </script> </amp-analytics>

<amp-analytics id=»gtag» type=»gtag» data-credentials=»include»>
<script type=»application/json»>
{
«vars»:{
«gtag_id»: «UA-XXXXXX-X»,
«config»: {
«UA-XXXXXX-X»: {
«groups»: «default»,
«custom_map»: {
«dimension1»: «color»,
}
}
}
}
«triggers»: {
«vars»: {
«color»: «red»
}
}
}
</script>
</amp-analytics>

El tráfico de páginas AMP utiliza IDs de cliente distintos de los que se usan con el tráfico web de forma predeterminada. Las páginas AMP se cargan más deprisa y muestran patrones de tráfico diferentes que los de las páginas web estándar, por lo que es muy posible que las métricas del tráfico de las páginas AMP y las que no son AMP no coincidan.

Al usar una propiedad distinta para medir el tráfico AMP, las métricas se pueden analizar mejor y, en consecuencia, se obtiene una visión más precisa del tráfico. Si tienes que utilizar una única propiedad para medir el tráfico de páginas AMP y no AMP, usa la dimensión de fuente de datos o una dimensión personalizada para diferenciarlo.

De forma predeterminada, Google Analytics enviará el valor «AMP» a través de la dimensión de fuente de datos. Con este valor puedes segmentar, filtrar y analizar el contenido de las páginas AMP y compararlo con el contenido de las páginas que no son AMP en una misma vista.

Puedes usar la herramienta de validación de AMP para identificar si una página web no cumple las especificaciones HTML de AMP. Para activar la herramienta, debes añadir #development=1 a la URL de la página.

La extensión amp-analytics muestra mensajes de error y de advertencia para ayudarte a depurar las configuraciones y a solucionar problemas. Añade #log=1 a la URL de la página que quieras para ver los mensajes de error registrados en la consola de tu navegador web.

Creación de un nuevo código de seguimiento de GA4

Si desea crear un nuevo código de seguimiento para su sitio, entonces el proceso es casi el mismo que se explicó anteriormente.

  • Vaya a la sección «Administrador» en su cuenta de Analytics.
  • Haga clic en el botón «+ Crear cuenta» en la primera columna y agregue sus datos.
  • Seleccione la cuenta creada y haga clic en «+ Crear propiedad» en la segunda columna.
  • Después de crear una propiedad, vaya a «Flujos de datos» y haga clic en la propiedad que se muestra debajo de los flujos de datos «Web».
  • Habilite los parámetros requeridos como vistas de página y desplácese hasta la sección «Medición mejorada».
  • Haga clic en la sección «Ver configuración de etiqueta» para obtener su código de secuencia de comandos de seguimiento para insertarlo en el encabezado de su sitio.

 

Espero que el tutorial te sea útil.

. Leer artículo completo en Frikipandi ¿Dónde encontrar el código de seguimiento GA4 o su identificador? ¿Cómo crear código compatible de AMP con Google Analytics 4?.

Te interesa

Stumble Guys llega  a Nintendo Switch

Stumble Guys llega  a Nintendo Switch

Stumble Guys llega  a Nintendo Switch ¡La preinscripción para “Stumble Guys” en Nintendo Switch ya …

Últimas noticias de Frikipandi.com

Las noticias se actualizan cada 15 minutos.