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

Instalar la etiqueta de Google (gtag.js)

Obtener la etiqueta de un producto

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

Añadir la etiqueta al sitio web

Debes colocar la etiqueta de Google inmediatamente después de la etiqueta HTML <head> de apertura en todas las páginas de tu sitio web. Por ejemplo, añadirías la etiqueta de Google 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 varios productos a la etiqueta

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

Si ya tienes instalada la etiqueta de Google para 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 de Google.

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

  gtag('config', 'TAG_ID');
  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 TAG_ID y DC-ZZZZZZ por el ID de etiqueta o el ID de producto correspondientes.

Google Analytics

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

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

  gtag('config', 'TAG_ID');
</script>

Floodlight

<!-- Google tag (gtag.js) -->
<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>