Gracias por consultar la versión preliminar de la nueva documentación sobre plataformas de etiquetas de Google. Este sitio web está en versión beta pública. (Comentarios)

Instalar la etiqueta global de sitio web (gtag.js)

Obtener la etiqueta de un producto

Para encontrar la etiqueta global de sitio web de un producto específico, haz clic en uno de los siguientes enlaces. Cada producto genera una etiqueta global de sitio web que puedes copiar y pegar en las páginas de tu sitio:

Añadir la etiqueta al sitio web

Debes colocar la etiqueta global de sitio web inmediatamente después de la etiqueta HTML <head> de apertura en todas las páginas de tu sitio. Por ejemplo, añadirías la etiqueta global de sitio web al siguiente punto del código fuente si esta fuera tu página web:

<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Your tag goes here -->

    <title>The title of the page</title>
</head>
<body>
    <!-- The part of your site that's shown to users -->
</body>
</html>

Añadir productos a la etiqueta

Solo debe haber una etiqueta global de sitio web por página. No copies y pegues una etiqueta global de sitio web por cada producto, ya que podría provocar problemas de rendimiento y dificultar el mantenimiento del código.

Si ya tienes instalada la etiqueta global de sitio web de un producto, puedes incluir líneas del tipo config() para añadir más productos. En el siguiente ejemplo se explica cómo añadir varios productos a una etiqueta global de sitio web.

<!-- Global site tag (gtag.js) - Floodlight -->
<script async src="https://www.googletagmanager.com/gtag/js?id=DC-ZZZZZZ"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments)};
  gtag('js', new Date());

  gtag('config', 'G-XXXXXX');
  gtag('config', 'AW-YYYYYY');
  gtag('config', 'DC-ZZZZZZ');
</script>

Para obtener más información sobre cómo gestionar datos de varios productos, consulta cómo agrupar y enrutar datos.

Crear tu propia etiqueta

También puedes crear una etiqueta personalizada. Selecciona una pestaña de producto de las que aparecen abajo, copia el código y colócalo inmediatamente después de la etiqueta <head> en todas las páginas de tu sitio web. Sustituye los marcadores de posición G-XXXXXX, AW-YYYYYY y DC-ZZZZZZ por los IDs de producto correspondientes.

Google Analytics

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-XXXXXX');
</script>
<!-- Global site tag (gtag.js) - Google Ads: CONVERSION_ID -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-YYYYYY"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments)};
  gtag('js', new Date());

  gtag('config', 'AW-YYYYYY');
</script>

Floodlight

<!-- Global site tag (gtag.js) - Floodlight -->
<script async src="https://www.googletagmanager.com/gtag/js?id=DC-ZZZZZZ"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments)};
  gtag('js', new Date());

  gtag('config', 'DC-ZZZZZZ');
</script>