Nota: Este contenido se tradujo a través de un software y es posible que no haya sido revisado. La versión en inglés se considera, por tanto, la versión oficial y es posible que haya sido actualizada. Para acceder a la versión en inglés, haz clic aquí.
Landing Pages

Agregar el código de Google Tag Manager a las páginas

Última actualización: marzo 30, 2021

Requisitos

Marketing Hub  Starter, Professional, Enterprise
CMS Hub  Professional, Enterprise
Marketing Hub Básico (versión anterior)

Puedes integrar Google Tag Manager con HubSpot para administrar el seguimiento de múltiples fuentes en un solo lugar. Para obtener más información acerca de Google Tag Manager, consulta la guía básica de primeros pasos de Google, que incluye una página acerca de Preguntas comunes.

Integrar con Google Tag Manager

Cuando integras HubSpot con Google Tag Manager, el administrador de etiquetas se ejecutará en todas las páginas con el código de seguimiento de HubSpot. Esto incluye automáticamente las páginas alojadas en HubSpot.

  • En tu cuenta de HubSpot, haz clic en el símbolo de configuración settings, situado en la barra de navegación principal.
  • En el menú de la barra lateral izquierda, navega a Sitio web > Páginas.
  • Haz clic en la pestaña Integraciones.
  • Selecciona la casilla de comprobación Integrar con Google Tag Manager.
  • Introduce tu ID de Google Tag Manager en el campo de texto. Descubre cómo encontrar esto en tu cuenta de Google Tag Manager.

integrate-with-google-tag-manager

  • Haz clic en Guardar para aplicar tus cambios.

Agregar manualmente el código de Google Tag Manager

También puedes agregar el código de Google Tag Manager a tus páginas alojadas en HubSpot manualmente. Se recomienda si solo quieres que algunos dominios alojados en HubSpot se les haga seguimiento de esta manera. Estos pasos solo se aplican a las cuentas que tienen acceso a la configuración de HTML de encabezado y pie de página del sitio.

Copiar el código de Google Tag Manager

  • Inicia sesión en tu cuenta de Google Tag Manager.
  • Haz clic en la pestaña Administrador.
  • Haz clic en el menú desplegable Contenedor y selecciona el Contenedor que contiene tus etiquetas.
  • Haz clic en Instalar Google Tag Manager
  • En la pantalla siguiente, puedes copiar ambos fragmentos de código (1) y (2) para tu contenedor de Google Tag Manager.

Agregar el código de Google Tag Manager a las páginas de HubSpot

Google recomienda que el fragmento de código Javascript (etiquetado 1 en la captura de pantalla anterior) se coloque en <head> de la página. Esto se puede hacer en la configuración del campo HTML de Encabezado del sitio.

Google además recomienda que el fragmento <noscript> (etiquetado 2 en la captura de pantalla anterior) se coloque después de la etiqueta de apertura <body>. Al agregar código al cuerpo de las páginas de todo el sitio de HubSpot, solo puedes agregar código directamente antes de la etiqueta de cierre </body>. Esto se puede hacer en la configuración del campo HTML de encabezado del sitio.

  • En tu cuenta de HubSpot, haz clic en el símbolo de configuración settings, situado en la barra de navegación principal.
  • En el menú de la barra lateral izquierda, navega a Sitio web > Páginas.
  • Haz clic en el menú desplegable Elige un dominio para editar su configuración  y selecciona un dominio. Para agregar código a todos tus dominios alojados en HubSpot, selecciona Configuración predeterminada para todos los dominios.
choose-a-domain-1

Nota: si agregas código al HTML de encabezado o pie de página para un dominio específico, anulará cualquier código que hayas colocado en el HTML de encabezado y pie de página para Todos los dominios. Más información sobre el orden que se aplica a tus páginas.

  • Agrega fragmentos de código que copiaste de Google Tag Manager:
    • Agrega tu fragmento de código (1) Javascript en el campo HTML del encabezado del sitio.
    • Agrega tu fragmento de código (2) <noscript> a la sección HTML del pie de página del sitio.
  • Haz clic en Guardar para aplicar tus cambios.