Instalación: añade el script mandera | Documentación de mandera

Instala mandera en tu página web, comprueba que el seguimiento funciona y soluciona los problemas de configuración más habituales.

mandera empieza a recopilar datos en cuanto se carga el fragmento de código de seguimiento en tu página web. Añádelo a todas las páginas que quieras analizar y, a continuación, comprueba que está bien instalado tanto en tu navegador como en el panel de control de mandera.

¿Usas algún CMS o constructor de sitios web en particular? Selecciona tu sistema a continuación para ir directamente a la guía de configuración correspondiente:

Antes de instalar

Lo que necesitas

Antes de instalar mandera, asegúrate de que tienes:

acceso a tu panel de control de mandera
una página web creada en mandera
el código de seguimiento para esa página web
acceso a tu CMS, gestor de etiquetas o código de la web

Puedes encontrar tu fragmento de seguimiento exacto en tu panel de control de mandera, en la sección Settings.

¿Dónde pongo el código?

El fragmento de código de seguimiento mandera se debe añadir al <head> sección de tu página web.

En la mayoría de las páginas web, el fragmento de código debe cargarse en todas las páginas públicas que quieras que mandera mida. Dependiendo de cómo lo tengas configurado, puedes añadirlo a través de tu CMS, del gestor de etiquetas o del encabezado global de la web.

Configuración general

Fragmento de seguimiento

Para empezar a recopilar datos, añade el fragmento de código de seguimiento mandera a tu página web.

<script
  src="https://<your-mandera-web-url>/analytics.js"
  mandera-org="ORG_ID"
  data-property-id="PROPERTY_ID"
  async
></script>

Los valores de tu fragmento se generan para tu sitio web. No copies los valores de ejemplo de arriba.

Mantén el fragmento de código exactamente como aparece en tu panel de control de mandera. Si falta alguno de los valores obligatorios o se ha modificado, es posible que mandera no reciba datos de tu página web.

Atributos requeridos

el fragmento necesita estas partes para funcionar correctamente

Parte	Qué hace
`fuente`	Carga el script de análisis mandera.
`mandera-org`	Conecta el guion con tu organización.
`id-propiedad-datos`	Conecta el script a la página web que has creado en mandera.
`asíncrono`	Deja que el script cargue sin bloquear tu sitio web.

Métodos de instalación

Google Tag Manager

Utiliza este método si tu página web ya utiliza el gestor de etiquetas Google.

Abre el Tag Manager Google.
Elige el contenedor para tu sitio web.
Crea una etiqueta nueva.
Elige una etiqueta HTML personalizada.
Pega el fragmento de código de seguimiento mandera en el campo HTML.
Pon el disparador en todas las páginas.
Guardar y publicar el contenedor.
Abre tu sitio web en una pestaña nueva del navegador.
Verifica la instalación con estos pasos.

Asegúrate de que el contenedor de Google Tag Manager ya esté instalado en tu página web. Si el contenedor no se carga, el fragmento de código mandera tampoco se cargará.

Manual de HTML

Usa este método si puedes editar el código de tu sitio web directamente.

Abre la plantilla HTML global de tu sitio web.
Busca el <head> sección.
Pega el fragmento de código de seguimiento mandera antes de la etiqueta de cierre </head> etiqueta.
Guarda y despliega tus cambios.
Abre tu sitio web en una pestaña nueva del navegador.
Verifica la instalación con estos pasos.

Si tu web usa plantillas diferentes para diferentes tipos de página, asegúrate de que el fragmento esté incluido en todas las plantillas que quieras medir.

Aplicaciones de una sola página

Las aplicaciones de una sola página son totalmente compatibles. mandera detecta los cambios de ruta del lado del cliente y los cuenta como visitas a la página, así que las apps creadas con React, Vue, Next.js o marcos similares no necesitan ninguna configuración adicional. Solo los cambios de ruta cuentan como nuevas visitas a la página, y las páginas que se ven durante menos de tres segundos se consideran ruido y se descartan, excepto la última página de una visita.

Desactivar seguimiento

mandera filtra automáticamente tus propias visitas al panel de control y el tráfico de bots, así que no hace falta que te excluyas tú mismo. Para que mandera deje de medir tu página web por completo, elimina el fragmento de código de seguimiento de tu CMS, gestor de etiquetas o plantilla. Los datos que ya se hayan recopilado seguirán estando disponibles en tu panel de control.

Verifica la configuración

Abre tu página web

Abre cualquier página pública donde el fragmento de código deba estar activo.

Abre las herramientas de desarrollador del navegador

Abre las herramientas de desarrollador de tu navegador y ve a la pestaña de Red.

3. Vuelve a cargar la página

Recarga la página mientras tienes abierta la pestaña de Red.

4. Busca el script mandera

Busca analíticas.js o tu mandera web URL. Si el script aparece con un estado «correcto», significa que el fragmento de código se está cargando.

5. Echa un vistazo al panel de control de mandera

Abre l'Analytics Suite en mandera y comprueba si empiezan a aparecer datos.

Puede que los datos no aparezcan al instante. Si el script se carga bien pero no ves datos, sigue con los pasos de solución de problemas de abajo.

Solución de problemas

No aparece ningún dato en mandera

Dale un vistazo a estos puntos primero:

el fragmento está instalado en la página que estás probando
el fragmento está dentro del <head> sección
la ID de la organización no cambió
el ID del sitio web no ha cambiado
tu caché de sitio web ha sido limpiada
tus cambios de Tag Manager se han publicado
Tu navegador o bloqueador de anuncios no está bloqueando el script

El script no aparece en la pestaña de red

Si no encuentras el script en la pestaña Network, lo más probable es que no se esté cargando.

Checa si se agregó a la plantilla correcta, al campo del CMS o al contenedor del gestor de etiquetas.

El script aparece, pero los datos siguen sin mostrarse

Si el script se carga pero no aparecen datos, comprueba si la página es pública, si has seleccionado el sitio web correcto en mandera y si el fragmento pertenece al mismo sitio web que estás viendo.

Solo se rastrean algunas páginas

Si solo aparecen algunas páginas en mandera, es posible que el fragmento no esté instalado de forma global.

Agrégalo al encabezado global o a las plantillas relevantes.

El Tag Manager Google no activa la etiqueta

Comprueba si la etiqueta utiliza el activador «todas las páginas», si el contenedor se ha publicado y si el contenedor de Tag Manager Google se carga en la página web.

Guías específicas de CMS

WordPress

mandera es compatible con las plantillas clásicas de WordPress, las plantillas de bloques y las configuraciones «headless» de WordPress. Elige el método que mejor se adapte a tu página web.

Método 1: Agrega el fragmento al encabezado de tu tema

Puedes añadir el fragmento de código mandera directamente al archivo cabecera.php archivo.

En WordPress, ve a «Apariencia» → «Editor de archivos de temas».
Ábrelo cabecera.php archivo.
Pega el fragmento de código mandera antes de la etiqueta de cierre </head> etiqueta.
Sustituye los valores de los marcadores de posición por los valores de tu panel de control mandera.
Haz clic en Actualizar archivo.
Abre tu sitio web y verifica la instalación.

<script
  src="https://<your-mandera-web-url>/analytics.js"
  mandera-org="ORG_ID"
  data-property-id="PROPERTY_ID"
  async
></script>

Si actualizas o cambias tu tema, es posible que necesites añadir el fragmento de nuevo.

Método 2: Usar un plugin de inyección de encabezados

También puedes instalar mandera sin tener que editar los archivos del tema.

Instala un plugin como WPCode o Header Footer Code Manager.
Abre la configuración del plugin.
Pega el fragmento de código mandera en la sección «Header».
Guarda tus cambios.
Limpia la caché de tu sitio web si usas un plugin de caché.
Abre tu sitio web y verifica la instalación.

Este método suele ser más estable durante las actualizaciones de temas porque el fragmento lo gestiona el plugin.

Método 3: Agrega el fragmento a través de functions.php

También puedes agregar el fragmento programáticamente a través de tu tema functions.php archivo.

function mandera_tracking_script() {
    ?>
    <script
      src="https://<your-mandera-web-url>/analytics.js"
      mandera-org="ORG_ID"
      data-property-id="PROPERTY_ID"
      async
    ></script>
    <?php
}
add_action('wp_head', 'mandera_tracking_script');

Reemplazar ID_ORG, ID_INMUEBLE y el script URL con los valores de tu panel de control mandera.

En entornos de producción, quizá te interese guardar estos valores como opciones o constantes de WordPress en lugar de codificarlos directamente en el tema.

Sin cabezal WordPress

Si utilizas WordPress como CMS sin interfaz gráfica con un framework de frontend como Next.js, Nuxt o Gatsby, instala mandera en tu aplicación de frontend en lugar del backend de WordPress.

Agrega el fragmento a tu frontend <head> Si tu frontend usa enrutamiento del lado del cliente, revisa también la nota sobre aplicaciones de una sola página que está más arriba.

Tienda Shopify

Puedes instalar mandera en Shopify añadiendo el fragmento de código de seguimiento a tu tienda. Lo mejor es cargar el fragmento de forma global, para que aparezca en las páginas públicas que quieras que mandera mida.

Esto normalmente incluye páginas como tu página de inicio, páginas de productos, páginas de colecciones y páginas de contenido.

Método 1: Agrega el fragmento a tu tema de Shopify

Usa este método si tienes acceso al código de tu tema de Shopify y quieres instalar mandera directamente en tu tema activo.

Antes de editar el código de tu tema, considera duplicar tu tema activo como respaldo.

Abre tu área de administrador de Shopify.
Ir a Tienda en línea → Temas.
Encuentra tu tema activo.
Abre el menú de temas y elige Editar código.
En la carpeta Layout, abre tema.líquido.
Encontrar el cierre </head> etiqueta.
Pega el fragmento de código de seguimiento mandera justo antes de la etiqueta de cierre </head> etiqueta.
Guarda tus cambios.
Abre tu tienda en una nueva pestaña del navegador.
Verifica la instalación con los pasos de arriba.

Añade este fragmento antes del cierre </head> etiqueta en tema.líquido:

<script
  src="https://<your-mandera-web-url>/analytics.js"
  mandera-org="ORG_ID"
  data-property-id="PROPERTY_ID"
  async
></script>

Reemplazar ID_ORG, ID_INMUEBLE y el script URL con los valores de tu panel de control mandera.

Si más adelante actualizas, duplicas o cambias tu tema de Shopify, comprueba si el fragmento de código mandera sigue incluido en el tema activo.

Método 2: Usa una app de código personalizado

Si no quieres editar el código de tu tema directamente, puedes usar una app de Shopify que te permite añadir código personalizado al encabezado de tu tienda.

Usa este método si tu tienda ya usa una app de encabezado, pie de página o código personalizado de confianza, o si prefieres una configuración sin código.

Instala o abre tu app de código personalizado en Shopify.
Crea un nuevo fragmento de código.
Elige la sección Head como la ubicación.
Pega el fragmento de código de seguimiento mandera en el campo de código.
Coloca el fragmento para que se cargue en todas las páginas de la tienda que quieras medir.
Guarda y activa el fragmento.
Abre tu tienda en una nueva pestaña del navegador.
Verifica la instalación con los pasos de arriba.

Asegúrate de que la aplicación cargue el fragmento de código en las páginas públicas de tu tienda. Si la aplicación solo añade código a determinadas plantillas o páginas, es posible que mandera solo recopile datos de esas áreas.

Método 3: Usa el Tag Manager Google

Si tu tienda de Shopify ya utiliza Google Tag Manager, puedes añadir el fragmento de código mandera a través de GTM en lugar de editar directamente el código de tu tema.

Abre el Tag Manager Google.
Elige el contenedor que usas en tu tienda de Shopify.
Crea una etiqueta nueva.
Elige una etiqueta HTML personalizada.
Pega el fragmento de código de seguimiento mandera en el campo HTML.
Pon el disparador en todas las páginas.
Guardar y publicar el contenedor.
Abre tu tienda de Shopify en una nueva pestaña del navegador.
Verifica la instalación con los pasos de arriba.

Asegúrate de que el contenedor de Tag Manager Google ya esté instalado en tu tienda de Shopify. Si el contenedor de GTM no se carga, el fragmento de código mandera tampoco se cargará.

Páginas de pago de Shopify

La configuración estándar de mandera está pensada para las páginas públicas de tu tienda de Shopify.

Las páginas de pago, de postventa y de estado del pedido pueden comportarse de forma diferente, ya que Shopify gestiona estas áreas por separado del tema habitual de la tienda. Para la configuración básica de mandera, comprueba primero que el fragmento de código se cargue correctamente en páginas como la página de inicio, las páginas de productos, las páginas de colecciones y las páginas de contenido.

Si necesitas medir eventos de pago o datos de ingresos, esto puede requerir una configuración específica de Shopify aparte.

Solución de problemas para Shopify

Si no aparece ningún dato en mandera, comprueba primero lo siguiente:

el fragmento se añadió al tema activo de Shopify o a una app de código personalizado global
el fragmento va dentro de la sección head
Los valores de tu panel de control mandera se han copiado tal cual
Tus cambios de Shopify se guardaron y publicaron
Tu tienda es pública y no tiene contraseña.
Tu navegador o bloqueador de anuncios no está bloqueando el script
tu aplicación de código personalizado o el contenedor de Google Tag Manager están activos
el fragmento no está instalado dos veces

Si has cambiado o actualizado tu tema recientemente, vuelve a abrir el tema activo y comprueba si el fragmento de código mandera sigue ahí.

Wix

Puedes instalar mandera en Wix añadiendo el fragmento de código de seguimiento como código personalizado en tu panel de control de Wix. Así, el fragmento se cargará en todas las páginas públicas en las que quieras que mandera realice mediciones.

Usa este método si tu sitio web está hecho con Wix y tienes acceso a la configuración del sitio.

Antes de instalar: Asegúrate de que tu sitio de Wix esté publicado y conectado a un dominio. La configuración del código personalizado puede depender de tu configuración y plan de Wix.

Método 1: Agrega el fragmento mediante Código Personalizado

La forma recomendada de instalar mandera en Wix es añadir el fragmento de código de seguimiento a la sección «head» de tu página web.

Abre tu panel de control de Wix.
Selecciona la página web en la que quieres instalar mandera.
Ve a Settings.
Abre Código Personalizado en Desarrollo e Integraciones.
Haz clic en + Agregar Código Personalizado.
Pega el fragmento de código de seguimiento mandera en el campo de código.
Ponle al código un nombre claro, como «mandera analytics».
En Agregar código a páginas, selecciona Todas las páginas.
Elige si el código debe cargar una vez por visita o en cada página que abra un visitante.
En Código de lugar, selecciona Cabeza.
Haz clic en Aplicar.
Abre tu sitio web en una pestaña nueva del navegador.
Verifica la instalación con los pasos de arriba.

Agrega este fragmento al campo de Código Personalizado de Wix:

<script
  src="https://<your-mandera-web-url>/analytics.js"
  mandera-org="ORG_ID"
  data-property-id="PROPERTY_ID"
  async
></script>

Reemplazar ID_ORG, ID_INMUEBLE y el script URL con los valores de tu panel de control mandera.

Para la mayoría de los sitios web de Wix, "Todas las páginas" es la mejor opción porque también aplica el fragmento a las nuevas páginas que crees más adelante.

Wix puede preguntarte si el código debe cargarse una vez por visita o en cada página que abra el visitante. Para una configuración básica de mandera, empieza seleccionando «Cargar el código una vez por visita» si esta opción está disponible. Tras la instalación, comprueba que el script aparezca en la pestaña «Red» de tu navegador y que los datos empiecen a aparecer en mandera.

Si notas que los cambios en la página no se reflejan como esperas, revisa la configuración y prueba la opción de carga alternativa.

Método 2: Usa una app de código personalizado

Si no puedes acceder a la configuración nativa de Código Personalizado en Wix, puedes usar una app de Wix confiable que te permita añadir código personalizado a la sección head de tu sitio.

Usa este método solo si la app puede colocar el fragmento globalmente en la sección head.

Instala o abre tu app de código personalizado en Wix.
Crea un nuevo fragmento de código personalizado.
Pega el fragmento de código de seguimiento mandera en el campo de código.
Pon la ubicación en la cabeza.
Aplica el fragmento a todas las páginas públicas que quieras medir.
Guarda y activa el fragmento.
Abre tu sitio web en una pestaña nueva del navegador.
Verifica la instalación con los pasos de arriba.

Si la aplicación solo añade código a una única página, un iframe o un elemento incrustado visible, no es adecuada para la instalación básica de mandera.

Método 3: Usa el Tag Manager Google

Si tu página web de Wix ya utiliza el Tag Manager Google, también puedes instalar el mandera a través de GTM.

Abre el Tag Manager Google.
Selecciona el contenedor que usaste en tu sitio web de Wix.
Crea una etiqueta nueva.
Elige una etiqueta HTML personalizada.
Pega el fragmento de código de seguimiento mandera en el campo HTML.
Pon el disparador en todas las páginas.
Guardar y publicar el contenedor.
Abre tu sitio web de Wix en una nueva pestaña del navegador.
Verifica la instalación con los pasos de arriba.

Asegúrate de que el propio contenedor de Google Tag Manager ya esté conectado a tu página web de Wix. Si el contenedor no se carga, el fragmento de código mandera tampoco se cargará.

Solución de problemas para Wix

Si no aparece ningún dato en mandera, comprueba primero lo siguiente:

tu sitio de Wix está publicado
Tu sitio de Wix está conectado a un dominio
el fragmento se agregó a través de Código Personalizado o una app de código personalizado global
el fragmento se coloca en la sección head
el fragmento se aplica a todas las páginas relevantes
Los valores de tu panel de control mandera se han copiado tal cual
tus cambios se aplicaron y guardaron
Tu navegador o bloqueador de anuncios no está bloqueando el script
el fragmento no está instalado dos veces

Si el script no aparece en la pestaña de Red, abre de nuevo la configuración de Código Personalizado de Wix y comprueba si el fragmento está activo, colocado en la sección correcta y aplicado a las páginas adecuadas.

Joomla

Puedes instalar mandera en Joomla añadiendo el fragmento de código de seguimiento a la sección «head» de tu página web. Dependiendo de cómo tengas configurado Joomla, puedes hacerlo a través de la configuración de tu plantilla, de los archivos de la plantilla o del gestor de etiquetas Google.

Usa el método que mejor se adapte a tu sitio web y a los permisos que tengas en Joomla.

Antes de instalar: Asegúrate de tener acceso a tu área de administrador de Joomla y de saber qué plantilla o estilo de plantilla está activo en las páginas que quieres medir.

Método 1: Usa la configuración de código personalizado de tu plantilla

Muchas plantillas y frameworks de plantillas de Joomla incluyen un campo de código personalizado para scripts que deben agregarse a la sección de encabezado de tu sitio web.

Usá este método si tu plantilla activa tiene un campo como Código Personalizado, Código de Cabecera, Antes o algo parecido.

Abre tu área de administrador de Joomla.
Ve a Sistema o Extensiones, dependiendo de tu versión de Joomla.
Abre la sección Plantillas o Estilos de Plantillas de Sitios.
Selecciona la plantilla o el estilo de plantilla activo que usa tu sitio web.
Busca una sección de Código Personalizado, Código de Cabecera o similar en la configuración de la plantilla.
Pega el fragmento de código de seguimiento mandera en el campo correspondiente a la sección «head».
Guarda tus cambios.
Abre tu sitio web en una pestaña nueva del navegador.
Verifica la instalación con los pasos de arriba.

Agrega este fragmento al campo de código personalizado para la sección del encabezado:

<script
  src="https://<your-mandera-web-url>/analytics.js"
  mandera-org="ORG_ID"
  data-property-id="PROPERTY_ID"
  async
></script>

Reemplazar ID_ORG, ID_INMUEBLE y el script URL con los valores de tu panel de control mandera.

Si tu página web utiliza diferentes estilos de plantilla para cada página, repite la configuración para cada estilo de plantilla que quieras que mandera analice.

Método 2: Agrega el fragmento a tu archivo de plantilla

Si tu plantilla no incluye un campo de código personalizado, puedes añadir el fragmento de código mandera directamente al archivo de la plantilla.

Usa este método solo si te sientes cómodo editando archivos de plantilla o si tienes el apoyo de un desarrollador.

Abre tu área de administrador de Joomla.
Ve a Sistema o Extensiones, dependiendo de tu versión de Joomla.
Abre la sección de Plantillas.
Elige la plantilla del sitio activo.
Abre el archivo de plantilla principal, por lo general índice.php.
Encontrar el cierre </head> etiqueta.
Pega el fragmento de código de seguimiento mandera justo antes de la etiqueta de cierre </head> etiqueta.
Guarda tus cambios.
Abre tu sitio web en una pestaña nueva del navegador.
Verifica la instalación con los pasos de arriba.

No edites los archivos principales de Joomla. El fragmento se debe agregar a través de tu plantilla o la configuración de la plantilla, no a través de la instalación principal de Joomla.

Si más adelante actualizas, sustituyes o cambias tu plantilla de Joomla, comprueba si el fragmento de código mandera sigue ahí.

Método 3: Usa el Tag Manager Google

Si tu página web de Joomla ya utiliza el Tag Manager Google, puedes añadir el fragmento de código mandera a través de GTM en lugar de editar tu plantilla.

Abre el Tag Manager Google.
Selecciona el contenedor que usas en tu sitio web de Joomla.
Crea una etiqueta nueva.
Elige una etiqueta HTML personalizada.
Pega el fragmento de código de seguimiento mandera en el campo HTML.
Pon el disparador en todas las páginas.
Guardar y publicar el contenedor.
Abre tu sitio web de Joomla en una nueva pestaña del navegador.
Verifica la instalación con los pasos de arriba.

Asegúrate de que el contenedor de Tag Manager Google ya esté instalado en tu página web de Joomla. Si el contenedor de GTM no se carga, el fragmento de código mandera tampoco se cargará.

Solución de problemas para Joomla

Si no aparece ningún dato en mandera, comprueba primero lo siguiente:

el fragmento se agregó a la plantilla activa de Joomla o al estilo de plantilla
el fragmento se coloca en la sección head
Los valores de tu panel de control mandera se han copiado tal cual
¡Se guardaron tus cambios de Joomla!
tu caché de sitio web ha sido limpiada
tu plugin de caché o de optimización no está impidiendo que el fragmento se cargue
el estilo de plantilla correcto se usa en la página que estás probando
Tu navegador o bloqueador de anuncios no está bloqueando el script
el fragmento no está instalado dos veces

Si el script no aparece en la pestaña de Red, revisa si la página que estás probando usa un estilo de plantilla diferente. En Joomla, diferentes elementos del menú pueden usar distintos estilos de plantilla, por lo que el fragmento podría tener que agregarse en más de un lugar.

TYPO3

Puedes instalar mandera en TYPO3 añadiendo el fragmento de código de seguimiento a la sección «head» de tu página web. Dependiendo de cómo tengas configurado tu sitio, puedes hacerlo a través de TypoScript, el paquete de tu sitio o el gestor de etiquetas Google.

Usa el método que mejor se adapte a tu configuración de TYPO3 y tus permisos.

Antes de instalar: Asegúrate de que tienes acceso al backend de TYPO3, sabes dónde se gestiona tu configuración principal de TypoScript y puedes limpiar la caché de TYPO3 después de hacer cambios.

Método 1: Agrega el fragmento a través de TypoScript headerData

La forma más directa de instalar mandera en TYPO3 es añadir el fragmento de código de seguimiento completo a través de headerData de TypoScript.

Usa este método si puedes editar la configuración de TypoScript de tu página web y quieres pegar el fragmento completo de mandera en TYPO3.

Abre tu backend de TYPO3.
Ve al módulo de Plantilla.
Selecciona la página raíz o la raíz del sitio donde está configurada tu configuración principal de TypoScript.
Abre el editor de configuración del TypoScript.
Pega el bloque de TypoScript de abajo en tu setup.
Sustituye los valores de los marcadores de posición por los valores de tu panel de control mandera.
Guarda tus cambios.
Limpia la caché de TYPO3.
Abre tu sitio web en una pestaña nueva del navegador.
Verifica la instalación con los pasos de arriba.

Agrega este bloque a tu configuración de TypoScript:

page.headerData.999 = TEXT
page.headerData.999.value (

)

Reemplazar ID_ORG, ID_INMUEBLE y el script URL con los valores de tu panel de control mandera.

Si pie de página.datos del encabezado.999 ya está en uso en tu configuración, elige otro número que no esté en uso.

Método 2: Añade el script a través de includeJS

Si tu instalación de TYPO3 la gestiona un desarrollador o se hace a través de un paquete de sitio, el script mandera también se puede añadir a través de incluirJS.

Usa este método si prefieres manejar el archivo JavaScript externo a través de TypoScript en lugar de pegar la etiqueta de script completa en datosEncabezado.

Abre tu backend de TYPO3 o los archivos de tu paquete de sitio.
Abre la configuración principal de TypoScript de tu sitio web.
Pega el bloque de TypoScript de abajo en tu setup.
Sustituye los valores de los marcadores de posición por los valores de tu panel de control mandera.
Guarda tus cambios.
Limpia la caché de TYPO3.
Abre tu sitio web en una pestaña nueva del navegador.
Verifica la instalación con los pasos de arriba.

Agrega este bloque a tu configuración de TypoScript:

page.includeJS {
  mandera = https:///analytics.js
  mandera.async = 1
  mandera.data.mandera-org = ORG_ID
  mandera.data.data-property-id = PROPERTY_ID
}

Reemplazar ID_ORG, ID_INMUEBLE y el script URL con los valores de tu panel de control mandera.

Este método es súper útil para instalaciones de TYPO3 gestionadas por desarrolladores, donde los scripts se manejan de forma centralizada a través de TypoScript o un paquete de sitio.

Método 3: Usa el Tag Manager Google

Si tu página web de TYPO3 ya utiliza el Tag Manager Google, puedes añadir el fragmento de código mandera a través de GTM en lugar de modificar la configuración de tu plantilla de TYPO3.

Abre el Tag Manager Google.
Elige el contenedor que usas en tu sitio web de TYPO3.
Crea una etiqueta nueva.
Elige una etiqueta HTML personalizada.
Pega el fragmento de código de seguimiento mandera en el campo HTML.
Pon el disparador en todas las páginas.
Guardar y publicar el contenedor.
Abre tu sitio TYPO3 en una pestaña nueva del navegador.
Verifica la instalación con los pasos de arriba.

Asegúrate de que el contenedor de Google Tag Manager ya esté instalado en tu página web de TYPO3. Si el contenedor no se carga, el fragmento de código mandera tampoco se cargará.

Solución de problemas para TYPO3

Si no aparece ningún dato en mandera, comprueba primero lo siguiente:

el fragmento se añadió a la configuración activa de TypoScript
el fragmento se añade a la sección head
Los valores de tu panel de control mandera se han copiado tal cual
se ha limpiado la caché de TYPO3
El paquete de tu sitio o tu proceso de despliegue incluye los últimos cambios
la página que estás probando usa la misma configuración de TypoScript
Tu navegador o bloqueador de anuncios no está bloqueando el script
el fragmento no está instalado dos veces

Si el script no aparece en la pestaña de Red, revisa si la página que estás probando usa una configuración de sitio diferente, una configuración de plantilla o una condición de TypoScript. En TYPO3, diferentes partes de un sitio web pueden usar diferentes configuraciones de TypoScript.

Squarespace

Puedes instalar mandera en Squarespace añadiendo el fragmento de código de seguimiento mediante la función «Code Injection». Así, el fragmento se cargará en todas las páginas públicas en las que quieras que mandera realice el seguimiento.

Usa este método si tu web está hecha con Squarespace y tienes acceso a la configuración del sitio.

Antes de instalar: Asegúrate de que tu sitio de Squarespace esté publicado y de que tu plan admita la Inyección de Código.

Método 1: Agrega el fragmento mediante la Inyección de Código

La forma recomendada de instalar mandera en Squarespace es añadir el fragmento de código de seguimiento al campo «Inyección de código en el encabezado».

Abre tu panel de Squarespace.
Selecciona la página web en la que quieres instalar mandera.
Ve a Settings.
Abre avanzado.
Abrir inyección de código.
Pega el fragmento de código de seguimiento mandera en el campo «Encabezado».
Guarda tus cambios.
Abre tu sitio web en una pestaña nueva del navegador.
Verifica la instalación con los pasos de arriba.

Agrega este fragmento al campo Header:

<script
  src="https://<your-mandera-web-url>/analytics.js"
  mandera-org="ORG_ID"
  data-property-id="PROPERTY_ID"
  async
></script>

Reemplazar ID_ORG, ID_INMUEBLE y el script URL con los valores de tu panel de control mandera.

El código que añadas en el campo «Encabezado» se carga en la sección «head» de tu sitio de Squarespace. Este es el mejor lugar para colocar el fragmento de código de seguimiento mandera, ya que así se cargará de forma global en todas las páginas públicas que quieras analizar.

Método 2: Añade el fragmento a una página específica

Si primero solo quieres probar mandera en una página concreta de Squarespace, puedes añadir el fragmento de código de seguimiento mediante la inserción de código a nivel de página.

Usa este método solo para hacer pruebas o para páginas en las que quieras limitar mandera a una zona concreta de tu web.

Abre tu panel de Squarespace.
Ve a Páginas.
Selecciona la página en la que quieres instalar mandera.
Abre los ajustes de la página.
Abre avanzado.
Pega el fragmento de código de seguimiento mandera en el campo del código del encabezado de la página.
Guarda tus cambios.
Abre la página en una nueva pestaña del navegador.
Verifica la instalación con los pasos de arriba.

Si quieres que mandera mida todo tu sitio web, utiliza mejor el método global de «inyección de código en el encabezado». La instalación a nivel de página solo se aplica a la página seleccionada.

Método 3: Usa el Tag Manager Google

Si tu página web de Squarespace ya utiliza el Tag Manager Google, puedes añadir el fragmento de código mandera a través de GTM en lugar de añadirlo directamente mediante la función «Code Injection» de Squarespace.

Abre el Tag Manager Google.
Selecciona el contenedor que usas en tu sitio web de Squarespace.
Crea una etiqueta nueva.
Elige una etiqueta HTML personalizada.
Pega el fragmento de código de seguimiento mandera en el campo HTML.
Pon el disparador en todas las páginas.
Guardar y publicar el contenedor.
Abre tu sitio web de Squarespace en una nueva pestaña del navegador.
Verifica la instalación con los pasos de arriba.

Asegúrate de que el contenedor de Google Tag Manager ya esté instalado en tu página web de Squarespace. Si el contenedor no se carga, el fragmento de código mandera tampoco se cargará.

Páginas de pago

La configuración estándar de mandera está pensada para las páginas de tu sitio web público de Squarespace.

Las páginas de pago pueden comportarse de forma diferente porque Squarespace las gestiona por separado de las páginas normales del sitio web. Para la configuración básica de mandera, primero comprueba que el fragmento de código se cargue correctamente en las páginas públicas, como la página de inicio, las páginas de servicios, las páginas de productos, las entradas del blog y las páginas de destino.

Si necesitas medir áreas relacionadas con el checkout, revisa tu configuración de Squarespace por separado y verifica qué es posible para tu plan y la configuración de tu tienda.

Solución de problemas para Squarespace

Si no aparece ningún dato en mandera, comprueba primero lo siguiente:

tu sitio de Squarespace está publicado
tu plan soporta la inyección de código
el fragmento se agregó al campo de Inyección de código del encabezado
Los valores de tu panel de control mandera se han copiado tal cual
tus cambios se guardaron
la página que estás probando es pública
Tu navegador o bloqueador de anuncios no está bloqueando el script
el fragmento no está instalado dos veces
El Tag Manager Google se publica si has instalado el mandera a través de GTM

Si el script no aparece en la pestaña de Red, abre de nuevo la configuración de Inyección de Código y revisa si el fragmento sigue activo en el campo de Cabecera.

Drupal

Puedes instalar mandera en Drupal añadiendo el fragmento de código de seguimiento a la sección «head» de tu página web. Dependiendo de cómo tengas configurado Drupal, puedes hacerlo a través de un módulo de código personalizado, tu tema o el gestor de etiquetas Google.

Usa el método que mejor le quede a tu página web y los permisos que tengas en Drupal.

Antes de instalar: Asegúrate de tener acceso a tu área de administración de Drupal y de saber si tu sitio web se gestiona a través de un tema personalizado, un paquete de sitio o módulos contribuidos.

Método 1: Usa un módulo de código personalizado o script de encabezado

La forma más fácil de instalar mandera en muchas páginas web de Drupal es usar un módulo de confianza que te permita añadir scripts a la sección «head» de tu sitio.

Usa este método si tu sitio web de Drupal ya tiene código personalizado, un script de encabezado o un módulo de encabezado/pie de página, o si tu desarrollador te recomienda uno.

Abre tu área de administración de Drupal.
Ve al módulo o área de configuración donde se ponen los scripts personalizados para la cabecera.
Crea un nuevo script o abre el campo para scripts principales.
Pega el fragmento de código de seguimiento mandera en el campo de la sección «head».
Aplica el fragmento en todo o en todas las páginas públicas que quieras medir.
Guarda tus cambios.
Limpia la caché de Drupal.
Abre tu sitio web en una pestaña nueva del navegador.
Verifica la instalación con los pasos de arriba.

Agrega este fragmento a la sección del encabezado:

<script
  src="https://<your-mandera-web-url>/analytics.js"
  mandera-org="ORG_ID"
  data-property-id="PROPERTY_ID"
  async
></script>

Reemplazar ID_ORG, ID_INMUEBLE y el script URL con los valores de tu panel de control mandera.

Solo usa módulos que sean confiables y que tengan mantenimiento para tu versión de Drupal. Si no estás seguro de qué módulo usar, pregúntale a tu desarrollador de Drupal o administrador del sitio antes de instalar un nuevo módulo.

Método 2: Añade el script a través de tu tema de Drupal

Si tu página web de Drupal la gestiona un desarrollador, el script mandera se puede añadir a través del tema activo o del paquete del sitio.

Usa este método si tú o tu desarrollador pueden editar los archivos del tema.

Abre el paquete de tu tema o sitio de Drupal.
Abre el tema bibliotecas.yml archivo.
Añade el script mandera como biblioteca externa de JavaScript.
Asegúrate de que la librería se cargue en el encabezado.
Adjunta la librería globalmente a través de tu tema info.yml archivo o algún otro tema global configurado.
Sustituye los valores de los marcadores de posición por los valores de tu panel de control mandera.
Guarda y despliega tus cambios.
Limpia la caché de Drupal.
Abre tu sitio web en una pestaña nueva del navegador.
Verifica la instalación con los pasos de arriba.

Agrega este bloque a tu bibliotecas.yml file:

mandera:
  header: true
  js:
    https:///analytics.js:
      type: external
      attributes:
        async: true
        mandera-org: ORG_ID
        data-property-id: PROPERTY_ID

Adjunta la librería globalmente en tu tema info.yml file:

bibliotecas:
  - yourtheme/mandera

Reemplazar tu tema con el nombre de la máquina de tu tema activo de Drupal. También reemplaza ID_ORG, ID_INMUEBLE y el script URL con los valores de tu panel de control mandera.

Este método es súper útil para webs de Drupal donde los scripts se manejan en un solo lugar a través de un tema, subtema o flujo de trabajo de despliegue.

Método 3: Usa el Tag Manager Google

Si tu página web de Drupal ya utiliza el Tag Manager Google, puedes añadir el fragmento de código mandera a través de GTM en lugar de modificar la configuración de tu tema de Drupal.

Abre el Tag Manager Google.
Selecciona el contenedor que usas en tu sitio web de Drupal.
Crea una etiqueta nueva.
Elige una etiqueta HTML personalizada.
Pega el fragmento de código de seguimiento mandera en el campo HTML.
Pon el disparador en todas las páginas.
Guardar y publicar el contenedor.
Abre tu sitio web de Drupal en una nueva pestaña del navegador.
Verifica la instalación con los pasos de arriba.

Asegúrate de que el contenedor de Google Tag Manager ya esté instalado en tu sitio web de Drupal. Si el contenedor no se carga, el fragmento de código mandera tampoco se cargará.

Solución de problemas para Drupal

Si no aparece ningún dato en mandera, comprueba primero lo siguiente:

el fragmento se agregó a la configuración activa de Drupal
el fragmento se coloca en la sección head
el fragmento se aplica a nivel global o a todas las páginas relevantes
Los valores de tu panel de control mandera se han copiado tal cual
se ha limpiado la caché de Drupal
Tu tema, subtema o paquete de sitio incluye los últimos cambios
Tu módulo de código personalizado está activo y configurado correctamente
Tu navegador o bloqueador de anuncios no está bloqueando el script
el fragmento no está instalado dos veces

Si el script no aparece en la pestaña Network, verifica si la página que estás probando usa un tema, dominio, versión de idioma o configuración de sitio diferente. Los sitios web de Drupal pueden tener configuraciones distintas para diferentes secciones, así que es posible que el fragmento deba añadirse a través de la configuración global del tema o del sitio.

Webflow

Puedes instalar mandera en Webflow añadiendo el fragmento de código de seguimiento a tu código personalizado para todo el sitio. Así, el fragmento se cargará en todas las páginas públicas en las que quieras que mandera realice mediciones.

Usa este método si tu sitio web está hecho con Webflow y tienes acceso a la configuración del sitio.

Antes de instalar: asegúrate de que tu sitio de Webflow esté publicado y de que tu plan de sitio o espacio de trabajo admita código personalizado.

Método 1: Añade el fragmento de código a través del sitio Settings

La forma recomendada de instalar mandera en Webflow es añadir el fragmento de código de seguimiento al campo «Código Head» de todo el sitio.

Abre tu panel de control de Webflow.
Selecciona la página web en la que quieres instalar mandera.
Abre la página Settings.
Ve a la pestaña de Código Personalizado.
Pega el fragmento de código de seguimiento mandera en el campo «Código Head».
Guarda tus cambios.
Publica tu sitio de Webflow.
Abre tu sitio web en una pestaña nueva del navegador.
Verifica la instalación con los pasos de arriba.

agrega este fragmento al campo de código del encabezado de todo el sitio

<script
  src="https://<your-mandera-web-url>/analytics.js"
  mandera-org="ORG_ID"
  data-property-id="PROPERTY_ID"
  async
></script>

Reemplazar ID_ORG, ID_INMUEBLE y el script URL con los valores de tu panel de control mandera.

El código que añadas al campo «Código de cabecera» (Head Code) se carga en todo tu sitio de Webflow. Esta es la mejor opción para la configuración estándar mandera, ya que el fragmento de código debería estar disponible en todas las páginas públicas que quieras medir.

Método 2: Añade el fragmento a una página específica

Si primero solo quieres probar mandera en una página de Webflow, puedes añadir el fragmento de código de seguimiento mediante el código personalizado a nivel de página.

Usa este método solo para hacer pruebas o para páginas en las que quieras que mandera se limite a una parte concreta de tu web.

Abre tu proyecto de Webflow en el Diseñador.
Abre el panel de Páginas.
Selecciona la página en la que quieres instalar mandera.
Abre los ajustes de la página.
Baja hasta la sección de Código Personalizado.
Pega el fragmento de código de seguimiento mandera en el interior <head> campo de etiqueta.
Guarda tus cambios.
Publica tu sitio de Webflow.
Abre la página en una nueva pestaña del navegador.
Verifica la instalación con los pasos de arriba.

Añade este fragmento a la página-nivel dentro <head> etiqueta

<script
  src="https://<your-mandera-web-url>/analytics.js"
  mandera-org="ORG_ID"
  data-property-id="PROPERTY_ID"
  async
></script>

Reemplazar ID_ORG, ID_INMUEBLE y el script URL con los valores de tu panel de control mandera.

Si quieres que mandera analice toda tu web, utiliza mejor el método del código de cabecera para toda la web. La instalación a nivel de página solo se aplica a la página seleccionada.

Método 3: Usa el Tag Manager Google

Si tu página web de Webflow ya utiliza el Tag Manager Google, puedes añadir el fragmento de código mandera a través de GTM en lugar de añadirlo directamente mediante el código personalizado de Webflow.

Abre el Tag Manager Google.
Selecciona el contenedor que usas en tu sitio web de Webflow.
Crea una etiqueta nueva.
Elige una etiqueta HTML personalizada.
Pega el fragmento de código de seguimiento mandera en el campo HTML.
Pon el disparador en todas las páginas.
Guardar y publicar el contenedor.
Abre tu sitio web de Webflow en una nueva pestaña del navegador.
Verifica la instalación con los pasos de arriba.

Asegúrate de que el contenedor de Google Tag Manager ya esté instalado en tu página web de Webflow. Si el contenedor no se carga, el fragmento de código mandera tampoco se cargará.

Elementos de código incrustado de Webflow

No utilices un elemento «Code Embed» normal para la instalación básica de mandera. Los elementos «Code Embed» son útiles para incrustaciones visibles o contenido de la página, pero el fragmento de código de seguimiento de mandera debe cargarse de forma global en la sección «head» de tu página web.

Solución de problemas para Webflow

Si no aparece ningún dato en mandera, comprueba primero lo siguiente:

tu sitio de Webflow está publicado
tu sitio o plan de trabajo admite código personalizado
el fragmento se añadió al campo Código principal del sitio
Los valores de tu panel de control mandera se han copiado tal cual
tus cambios se guardaron y publicaron
la página que estás probando es pública
Tu navegador o bloqueador de anuncios no está bloqueando el script
El Tag Manager Google se publica si has instalado el mandera a través de GTM
el fragmento no está instalado dos veces

Si el script no aparece en la pestaña Network, abre de nuevo la configuración de Código Personalizado de Webflow y verifica si el fragmento sigue activo en el campo Código de Encabezado. Luego, publica el sitio de nuevo y prueba el sitio web en vivo, no solo la vista previa de Webflow.

¿Qué sigue?

Checa tu primer dato

Una vez instalado el fragmento de código, mandera puede recopilar datos analíticos de tu página web. Estos datos aparecen en la suite de análisis y ayudan al sistema a entender el tráfico, las fuentes y las páginas.

Esta misma configuración también es compatible con el sistema mandera, de mayor alcance. Los datos analíticos pueden aportar contexto, información sobre el SEO y oportunidades de crecimiento en cuanto las partes correspondientes de tu espacio de trabajo estén listas.

Sigue con las guías del sistema

Una vez instalada, abre la suite de análisis y comprueba si empiezan a aparecer datos. A continuación, sigue las guías del sistema para entender cómo mandera utiliza esos datos en los flujos de trabajo de análisis, SEO, contexto y crecimiento.

Relacionado

Empezando
Analytics Suite
Settings
Conceptos básicos
Cómo rastreamos
Ayuda

Última actualización: 12 de junio de 2026