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í.
Reports

Instalar el código de seguimiento de HubSpot

Última actualización: septiembre 6, 2019

El código de seguimiento de HubSpot te ayuda a hacer seguimiento del trafico 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 en tu sitio web que no están alojadas en HubSpot, debes instalar el código de seguimiento de HubSpot para captar analíticas para esas páginas.

Nota:

  • No deberías 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 funcionará.
  • Si tu administrador de TI o desarrollador web instala el código, deben tener una cuenta de usuario de HubSpot.
  • Si estás usando una aplicación de una sola página, consulta la documentación de los 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. 

Copia el código de seguimiento en tu cuenta de HubSpot

Sigue los pasos a continuación para copiar e instalar tu código de seguimiento. Si ya instalaste el código de seguimiento, descubre cómo verificar la instalación y resolver problemas

Configura el seguimiento de analíticas en tu sitio web externo

Si eres usuario de Marketing Hub, agrega el código de seguimiento a tu sitio web externo:

  • 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 tu configuración de Informes y seguimiento de analíticas:
    • En las cuentas de Marketing Hub Pro, Enterprise y Básico (preexistente), navega a Informes > Código de seguimiento.
    • En las cuentas de Marketing Hub Starter y cuentas de CRM gratuitas, navega a Código de seguimiento.
  • Debajo de la sección Código de incrustacion 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.

    copy-tracking-code
     

Configura la herramienta Prospectos

Para configurar la herramienta Prospectos en tu cuenta de HubSpot CRM o Sales Hub:

  • En tu cuenta de HubSpot, dirígete a Informes > Herramientas de Analíticas
  • Haz clic en Prospectos.
  • Si estás configurando tu herramienta de prospectos por primera vez:
    • Haz clic en Instalar HubSpot en tu sitio web.
    • En el panel derecho, selecciona No, luego haz clic en Siguiente.
    • Haz clic en Copiar para copiar el código de seguimiento.

Ten en cuenta: si usas WordPress, selecciona Sí y luego haz clic en Siguiente para acceder a un enlace al plugin de HubSpot Marketing todo en uno: formularios, ventanas emergentes, chat en directo para WordPress.

  • Si configuraste tu herramienta de prospectos:
    • En la parte superior derecha, haz clic en el menú desplegable Acciones y luego selecciona Ver código de seguimiento.
    • En el cuadro de diálogo, haz clic en Copiar.

Agrega un chatflow a tus sitios web

  • En tu cuenta de HubSpot, navega a Conversaciones > Bandeja de entrada.
  • En la esquina inferior izquierda, haz clic en Configuración de bandeja de entrada y luego selecciona Chat
  • Haz clic en la pestaña Código de seguimiento.  
  • Haz clic en Copiar o ingresa una dirección de correo electrónico para enviar el código a tu desarrollador web o recursos de TI. 

Nota: el código de seguimiento es diferente para cada cuenta de HubSpot; debes copiar el código directamente desde tu cuenta.


Instalar el código de seguimiento en tu sitio web

La mayoría de los sistemas de administración de contenidos y los departamentos de TI pueden implementar un elemento de código a todas las páginas en tu sitio, como un archivo de pie de página que se hace referencia en todas las páginas.

Nota: debido a que cada sitio web/CMS 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, envía este artículo a tu webmaster, departamento de TI o recurso técnico.
 

Instala el código de seguimiento en un sitio web de WordPress sin el plugin

Si bien se recomienda usar el plugin de HubSpot Marketing todo en uno: formularios, ventanas emergentes, chat en directo para WordPress, también puedes instalar el código de seguimiento manualmente. Si agregas el código de seguimiento y tienes una cuenta de HubSpot Marketing Hub Básico, Pro o Enterprise, HubSpot no podrá diferenciar posts de WordPress vs. páginas en analiticas.

Nota: 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.

  • 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

 

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 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.
 
 

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 .
  • 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.