Nota: Este contenido se tradujo a través de un software y es posible que no haya sido revisado.

Instalar el código de seguimiento de HubSpot

Última actualización: octubre 23, 2024

Disponible con cualquiera de las siguientes suscripciones, a no ser que se indique de otro modo:

El código de seguimiento de HubSpot es único para cada cuenta de HubSpot y permite que HubSpot monitorice el tráfico de tu sitio web. El código de seguimiento se incluye automáticamente en las páginas del blog de HubSpot, las páginas de destino y las páginas de sitio web.

Si tienes páginas alojadas externamente (por ejemplo, páginas no en HubSpot), debes instalar el código de seguimiento de HubSpot manualmente para captar analíticas para esas páginas.

Más información sobre cómo el código de seguimiento te permite hacer rastrear a quienes visitan tu sitio web.

Si utilizas el código de seguimiento de HubSpot, los datos de tus visitantes se recopilan y se utilizan para supervisar el tráfico de tu sitio web. HubSpot también utiliza determinados datos recogidos del código de seguimiento de HubSpot para mejorar nuestros productos y servicios, incluido el conjunto de datos comerciales de Breeze Intelligence. Para desactivar el uso compartido de datos con HubSpot para tu cuenta, navega hasta la configuración de tu cuenta. Más información sobre los datos que recopila el código de seguimiento de HubSpot.

Nota:

No instales varios códigos de seguimiento de HubSpot en una página. Si hay varios códigos de seguimiento de HubSpot instalados, el primero que se cargue en la página se activará y cualquier otro no lo hará se cargará.
Si tu administrador de TI o desarrollador web instala el código, deben tener una cuenta de usuario de HubSpot.
Si usas una aplicación de página única, echa un vistazo a la documentación de desarrolladores para configurar el seguimiento.
Si alojas dominios completos o subdominios externamente, también debes agregar tus dominios y/o subdominios a tu configuración en HubSpot.
El código de seguimiento no está admitido en los sitios de AMP.
Si tu sitio externo está usando WordPress, se recomienda instalar y usar el plugin de HubSpot marketing todo en uno: formularios, ventanas emergentes, chat en directo para WordPress. Instalará el código de seguimiento de HubSpot en tu sitio de WordPress.
Si un visitante tiene un bloqueador de anuncios instalado, puede interferir con el código de seguimiento.

Copia tu código de seguimiento de HubSpot

En tu cuenta de HubSpot, haz clic en el icono de settings Configuración en la barra de navegación superior.
Dirígete hacia tu configuración de Seguimiento y analíticas:
- En cuentas que solo tienen acceso a Marketing Hub Starter o a las herramientas gratuitas de HubSpot, navega a Código de seguimiento en el menú de la barra lateral izquierda.
- En todas las otras suscripciones, en el menú de la barra lateral izquierda, navega a Seguimiento y analíticas > Código de seguimiento.
En la sección Código de incrustación, haz clic en Copiar o en Enviar correo a mi desarrollador web para enviar el código de seguimiento al miembro del equipo que lo instalará en tu sitio web.
Instala el código de seguimiento en tu sitio web.

Instalar el código de seguimiento en tu sitio web

Para instalar el código de seguimiento, pega el código antes de la etiqueta de cierre </body> en el código HTML para cada página de tu sitio. Si ya instalaste el código de seguimiento, descubre cómo verificar la instalación y resolver problemas.

Al mismo tiempo, la mayoría de los sistemas de administración de contenidos y tus desarrolladores pueden instalar el código en todas las páginas de tu sitio, como un archivo de pie de página al que se hace referencia en todas las páginas. Verifica con tu equipo de desarrollo cómo te pueden ayudar a hacerlo.

Después de agregar el código de seguimiento a cualquier página que no esté alojada en HubSpot, debes agregar los dominios de sitios externos a la configuración de tus informes para incluirlos en tus analíticas de HubSpot.

Las siguientes secciones también pueden ayudar si usas un sistema de administración de contenidos específico.

Nota: debido a que cada sitio web está estructurado de manera diferente, es posible que estos pasos no sean las instrucciones exactas sobre cómo acceder a tu código HTML. Si no estás seguro de cómo acceder al código HTML de tu sitio, ponte en contacto con tu webmaster, departamento de TI o equipo de desarrollo y muéstrales este artículo.

Instalar el código de seguimiento en un sitio web de WordPress

Es recomendable que instales y uses el plugin de HubSpot marketing todo en uno: formularios, ventanas emergentes, chat en directo para WordPress: El plugin instala automáticamente el código de seguimiento de HubSpot en tu sitio web de WordPress.

Solo si no puedes instalar el plugin de HubSpot para WordPress, puedes instalar manualmente el código de seguimiento de HubSpot:

Sigue los pasos anteriores para copiar el código de seguimiento de HubSpot en tu cuenta de HubSpot.
Inicia sesión en tu cuenta de WordPress.
En el menú de la barra lateral izquierda, navega a Apariencia > Editor.
En la lista de archivos de temas del lado derecho del editor, selecciona Pie de página.
Pega el código de seguimiento y selecciona Actualizar archivo.

Nota:

Si instalas manualmente el código de seguimiento y tienes una suscripción a Marketing Hub, HubSpot no puede diferenciar entre las publicaciones de WordPress y las páginas en sus analíticas.
Si tu sitio web está alojado en Wordpress.com, no podrás agregar el código de seguimiento de HubSpot a tu sitio web a menos que estés en su plan para empresas. Los otros planes (por ejemplo, Premium, Personal) no permiten a los usuarios agregar cualquier código JavaScript.

Instalar el código de seguimiento en un sitio Shopify

Sigue los pasos anteriores para copiar el código de seguimiento de HubSpot en tu cuenta de HubSpot.
Inicia sesión en tu panel de administrador de Shopify.
En el menú de la barra lateral izquierda, navega a Tienda en línea > Temas.

Haz clic en el menú desplegable Acciones y selecciona Editar código.
Selecciona el archivo theme.liquid para tu tema.

Pega tu código de seguimiento de HubSpot justo antes de la etiqueta </body> en este archivo.
En la parte superior derecha, haz clic en Guardar.

Instalar el código de seguimiento en un sitio de Drupal

Sigue los pasos anteriores para copiar el código de seguimiento de HubSpot en tu cuenta de HubSpot.
Inicia sesión en tu panel de administrador de Drupal.
En el menú de navegación principal, navega a Estructura.
Haz clic en Bloques.

Haz clic en + Agregar bloque.
Introduce los campos para tu nuevo bloque. Pega el código de seguimiento en el campo Cuerpo del bloque y luego haz clic en Guardar bloque.

Instalar el código de seguimiento en un sitio de Magento

Sigue los pasos anteriores para copiar el código de seguimiento de HubSpot en tu cuenta de HubSpot. Luego, sigue la guía del usuario de diseño de Magento para obtener instrucciones sobre cómo instalar código JavaScript externo en el HTML del encabezado.

Instalar el código de seguimiento en un sitio de Wix

Usa el mercado de aplicaciones en Wix para agregar un widget HTML a tu página:

Sigue los pasos anteriores para copiar el código de seguimiento de HubSpot en tu cuenta de HubSpot.
Ve a Configuración en el panel de control de tu sitio.
Haz clic en la pestaña Código personalizado de la sección Avanzado .
Haz clic en + Agregar código personalizado en la parte superior derecha.
Pega el código de seguimiento en el cuadro de texto.
Establece el nombre de la nueva herramienta en Código de seguimiento de HubSpot.
En Agregar código a páginas haz clic en el botón de selección para Todas las páginas y usar el menú desplegable para seleccionar Cargar código en cada página nueva.
En la sección Colocar código en, haz clic en el botón de selección para la opción Cuerpo - Fin.
Haz clic en Aplicar para guardar tus cambios.

Si estás usando un chat en directo o un bot en tu sitio web de Wix, puedes seguir los pasos anteriores para agregar el chatflow a cada página o puedes trabajar con un desarrollador para usar el Chat widget SDK para dirigirte a páginas específicas. Usa el método .widget-refresh para especificar diferentes chatflows en diferentes páginas. Más información sobre los documentos de desarrollador de HubSpot.

Instalar el código de seguimiento en un sitio de Joomla

Hay dos maneras de agregar tu código de seguimiento de HubSpot a tu sitio de Joomla. Con cualquiera de los métodos, primero deberás copiar tu código de seguimiento de HubSpot siguiendo los pasos anteriores.

Puedes seleccionar una extensión del Directorio de extensiones de Joomla donde puedes pegar en el código de seguimiento de HubSpot. También puedes seguir los pasos a continuación para instalar el código de seguimiento:

Iniciar sesión en tu cuenta de Joomla como administrador.
En el menú de navegación principal, navega a Extensiones > Plantillas > Plantillas.
Haz clic en el nombre de tu plantilla y selecciona index.php en el menú de la barra lateral izquierda.
Pega el código de seguimiento de HubSpot directamente arriba de la etiqueta </body>.
Haz clic en Guardar.

Instalar el código de seguimiento en un sitio de Squarespace

Sigue los pasos anteriores para copiar el código de seguimiento de HubSpot en tu cuenta de HubSpot.
Inicia sesión en tu cuenta de Squarespace.
En el menú de la barra lateral izquierda, navega a Configuración.
En la sección Sitio web del menú, navega a Avanzado y luego selecciona Inyección de código.
Pega el código de seguimiento en el campo Encabezado .
En la parte superior izquierda, haz clic en Guardar.

Instalar el código de seguimiento usando Google Tag Manager

Sigue los pasos anteriores para copiar el código de seguimiento de HubSpot en tu cuenta de HubSpot.
En una nueva pestaña de navegador o ventana, inicia sesión en tu cuenta de Google Tag Manager.
Selecciona tu contenedor:
En el menú de la barra lateral izquierda, navega a Etiquetas.
Haz clic en Nueva.

Haz clic en Configuración de etiqueta.
Para el Tipo de etiqueta, elige Etiqueta HTML personalizada. Luego, asigna un nombre a tu etiqueta.
Pega el código de seguimiento en el campo HTML.

Debajo de Configuración de etiqueta, haz clic en Activar para configurar una regla de activación. Si no configuras una regla de activación, entonces no se activará la etiqueta y los datos de analíticas de HubSpot no se recopilarán.
Para activar la etiqueta en todas las páginas con el código de Google Tag Manager instalado (recomendado), selecciona la opción para Todas las páginas.

Haz clic en Guardar para guardar la nueva etiqueta.
En la parte superior derecha, haz clic en Publicar o guardar tu contenedor y etiquetas.

Si aún no lo has hecho, instala Google Tag Manager en tu sitio web.

Código adicional para clasificar datos en los tipos de páginas de HubSpot

Si estás usando informes de atribución para crear contactos, informes de atribución de ingresos o la pestaña Páginas en la herramienta Analíticas de Tráfico y quieres que los datos del visitante a tus páginas externas sean clasificados en tipos de páginas específicos, deberías solicitar a tu equipo desarrollador que agregue el siguiente código a tus páginas:

var _hsq = window._hsq = window._hsq || [];
_hsq.push(['setContentType', 'CONTENT_TYPE']);

Reemplazar el texto CONTENT_TYPE en el código con la expresión del tipo de contenido que deseas que se atribuyan los créditos.

Para atribuir créditos al tipo de contenido de la Página del sitio web, usa las expresiones standard-page o site-page.
Para atribuir los créditos al tipo de contenido de la Página de destino, usa la expresión landing-page.
Para atribuir los créditos al tipo de contenido de la Página de catálogo, usa la expresión listing-page.
Para atribuir los créditos al tipo de contenido de la Publicación del blog, usa la expresión blog-post.
Para atribuir los créditos al tipo de contenido del Artículo de conocimiento, usa la expresión knowledge-article.

Una vez que hayas agregado, los datos relacionados con tu página externa deberían estar clasificados en el tipo de página que seleccionaste en el código. Descubre cómo funciona este código en nuestra documentación para desarrolladores.

¿Te resultó útil este artículo? Si No

Este formulario se utiliza solo para recibir comentarios a la documentación. Cómo recibir ayuda con HubSpot.