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: diciembre 2, 2020

Requisitos

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 publicaciones de blog de HubSpot, páginas de destino y 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 seguimiento a los visitantes en tu sitio web.

Nota:

Deberías no instalar 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á, cualquier otro código de seguimiento de HubSpot no 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 estás alojando dominios completos o subdominios externamente, también debes agregar tus dominios y/o subdominio 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 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.

Copia tu código de seguimiento de HubSpot

En tu cuenta de HubSpot, haz clic en el símbolo de configuración settings, situado en la barra de navegación principal.
Navega a tu configuración de Informes y seguimiento de analíticas:
- Encuentas solo Marketing Starter y CRM gratis, navega aCódigo de seguimientoen el menú de la barra lateral izquierda.
- En todas las otras suscripciones, en el menú de la barra lateral izquierda, navega a Informes > Código de seguimiento.

En la sección Código de incrustación, haz clic en Copiar o en Correo electrónico a mi desarrollador web para enviar el código de seguimiento al miembro del equipo que lo instalará en tu sitio web.
Instalar 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 tus desarrolladores cómo pueden ayudar a hacer esto.

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, estos pasos no pueden ser 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 desarrollador 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 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 para ti.

Solo si no puedes instalar el plugin HubSpot Marketing todo en uno: formularios, ventanas emergentes, chat en directo para WordPress, puedes instalar manualmente el código de seguimiento:

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 HubSpot Marketing Hub, HubSpot no puede diferenciar entre los posts 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 permite a los usuarios agregar cualquier código JavaScript.

Instalar el código de seguimiento en un sitio Shopify

Nota: si estás usando la integración de Shopify, no necesitas instalar el código de seguimiento por separado.

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.líquid 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 Filtro.
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.
Navegar a tu Administrador del sitio.
En la barra lateral izquierda, navega a Seguimiento y Analíticas.
Haz clic en Personalizar o Agregar nueva herramienta > Personalizar.
Pega el código de seguimiento en el campo Pegar fragmento de código aquí.
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 radio 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 radio para la opción Cuerpo - Fin.
Haz clic en Aplicar para guardar tus cambios.

Si estás usando un Chat en directo o 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 listado, 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 la documentación de nuestro desarrollador.