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: November 21, 2018

Marketing Hub Free, Starter, Professional, Enterprise
free

Si no estás alojando tu sitio web en HubSpot, o tienes páginas en tu sitio web que no están alojadas en HubSpot, deberás instalar el código de seguimiento de HubSpot en tus páginas que no son de HubSpot para captar esas analíticas.

El código de seguimiento de HubSpot te ayuda a monitorear:

  • Qué tan bien está generando tu sitio web y oportunidades de venta.
  • ¿Qué puedes hacer para mejorar el tráfico de tu sitio web?.
  • La inteligencia de oportunidades de venta sofisticadas que te permite convertir más oportunidades de venta en clientes.

Si estás usando una aplicación de una sola página, consulta la documentación de los desarrolladores para configurar el seguimiento.

Copia el código de seguimiento en tu cuenta 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.
  • En el menú de la barra lateral izquierda, navega hasta Informes> Código de seguimiento.
  • Debajo del campo Código incrustado, haz clic en Copiar.O, haz clic 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. 

Nota: el usuario que instala el código de seguimiento debe iniciar sesión en HubSpot para completar los pasos. Si tienes una persona o un desarrollador web para instalar el código, se debe crear una cuenta de usuario de HubSpot para ellos para completar el proceso de instalación. 

copy-tracking-code

Si eres un usuario de HubSpot CRM o Sales Hub y estás configurando tu herramienta de prospectos, puedes acceder al código de seguimiento del panel de prospectos

  • En tu cuenta de HubSpot, dirígete a Informes > Herramientas de Analíticas.
  • Haz clic en Prospectos.
  • Haz clic en Acciones y luego selecciona Ver código de seguimiento.

code-from-prospects

  • En el cuadro de diálogo, haz clic en Copy.
Nota:El código de seguimiento es diferente para cada cuenta de HubSpot y corresponde a tu número de cuenta de HubSpot.

Pega el código de seguimiento en cada página de sitio web

Pega el código inmediatamente antes de la etiqueta en el código HTML para cada página de tu sitio.

Luego puedes probar tu código de seguimiento de HubSpot para verificar que funciona.

A continuación, se presentan instrucciones más específicas para pegar el código en diferentes alojamiento del sitio web: 

Nota: sigue las instrucciones a continuación para WordPress si no estás utilizando el Creador de formularios de contactos para Herramientas de conversión de WordPress por HubSpot.

Obtén más información sobre cómo usar el Creador de formularios de Contacto para Herramientas de conversión de WordPress por HubSpot.

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.

La mayoría de los sistemas de administración de contenidos y los departamentos de TI tienen una forma de cargar código a todas las páginas de tu sitio. A veces esto está en el formulario de un archivo de pie de página al que se hace referencia en todas las páginas. Si no tienes acceso a tu sistema de administración de contenidos, envía estas instrucciones a la persona que sea responsable de esto.  

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

Si bien se recomienda usar el Generador de formularios de contactos para Herramientas de conversión de WordPress por HubSpot, 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 las publicaciones en sus informes en sus informes. 

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. WordPress no les permite a los usuarios agregar ningún código javascript a los sitios de wordpress.com porque es un entorno compartido. 

  • 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 y luego navega hasta Aspecto >Editor en el menú de la barra lateral izquierda.  

  • 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 a la izquierda, navega hasta Tienda en línea >Temas.    

  • Haz clic en el menú desplegable Personalizar y selecciona Editar Propiedades.
  • Selecciona el archivo teme.líquid para tu tema.  

  • Pega tu código de seguimiento de HubSpot justo antes de la etiqueta en este archivo.
  • En la esquina 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 y selecciona Estructura en el menú de navegación principal. Luego, selecciona Bloques.    

  • Haz clic en + Agregar Filtro
  • Introduce los campos para tu nuevo bloque. Pega el código de seguimiento en el campo del 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ú desplegableMenú para seleccionarCargar código en cada página nueva.
  • En el código 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

  • Inicia sesión en tu cuenta de Joomla como administrador y luego ve 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 . Luego haz clic en Guardar

Instalar el código de seguimiento en un sitio 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 y navega hasta Configuración en el menú de la barra lateral izquierda.  

  • 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 y luego 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 y selecciona tu contenedor
  • Crear una nueva etiqueta para el código de seguimiento de HubSpot haciendo clic en Etiquetas en el menú de la barra lateral izquierda y luego selecciona Nuevo.  

  • Hacer 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 PActivarpara configurar una regla de activación. Ten en cuenta que si no configuras una regla de activación, entonces no seactivará 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 tu nueva etiqueta y luego haz clic en Publicar en la esquina superior derecha para guardar tu contenedor y etiquetas.  

  • Agrega el código de Google tag Manager a las páginas de tu sitio web antes de la etiqueta , si aún no está instalada. El código de Google Tag Manager está disponible en tu cuenta de Google Tag Manager en la pestaña Admin y luego en Install Google Tag Manager