Ir a contenido principal
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í.

Instalar el código de seguimiento de HubSpot

Última actualización: enero 29, 2024

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

Todos los productos y planes

El código de seguimiento de HubSpot es único para cada cuenta de HubSpot y permite a HubSpot controlar 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.

Nota:

Copia tu código de seguimiento de HubSpot

  • En tu cuenta de HubSpot, haz clic en el icono de Configuración settings en la barra de navegación principal.
  • Dirígete hacia tu configuración de Seguimiento y analíticas:
    • 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.

    copy-tracking-code
     
  • 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. Una vez que hayas instalado el código de seguimiento, aprende a verificar la instalación y solucionar los problemas del código.

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.

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.

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

Si utilizas contact create attribution reports, revenue attribution reports, o la pestaña Pages de la herramienta Traffic Analytics , y quieres que los datos de visitas a tus páginas externas se agrupen por tipos de página específicos, debes solicitar a tu equipo de desarrolladores que añada 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?
Este formulario se utiliza solo para recibir comentarios a la documentación. Cómo recibir ayuda con HubSpot.