{"id":287,"date":"2026-06-02T13:34:40","date_gmt":"2026-06-02T13:34:40","guid":{"rendered":"https:\/\/www.mandera.ai\/?post_type=docs&#038;p=287"},"modified":"2026-06-23T09:12:57","modified_gmt":"2026-06-23T09:12:57","slug":"installation","status":"publish","type":"docs","link":"https:\/\/www.mandera.ai\/es\/docs\/installation\/","title":{"rendered":"Instalaci\u00f3n"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Instala mandera en tu p\u00e1gina web, comprueba que el seguimiento funciona y soluciona los problemas de configuraci\u00f3n m\u00e1s habituales.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">mandera empieza a recopilar datos en cuanto se carga el fragmento de c\u00f3digo de seguimiento en tu p\u00e1gina web. A\u00f1\u00e1delo a todas las p\u00e1ginas que quieras analizar y, a continuaci\u00f3n, comprueba que est\u00e1 bien instalado tanto en tu navegador como en el panel de control de mandera.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00bfUsas alg\u00fan CMS o constructor de sitios web en particular? Selecciona tu sistema a continuaci\u00f3n para ir directamente a la gu\u00eda de configuraci\u00f3n correspondiente:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.mandera.ai\/es\/docs\/installation\/#wordpress\">WordPress<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.mandera.ai\/es\/docs\/installation\/#shopify\">Tienda Shopify<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.mandera.ai\/es\/docs\/installation\/#wix\">Wix<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.mandera.ai\/es\/docs\/installation\/#joomla\">Joomla<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.mandera.ai\/es\/docs\/installation\/#typo3\">TYPO3<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.mandera.ai\/es\/docs\/installation\/#squarespace\">Squarespace<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.mandera.ai\/es\/docs\/installation\/#drupal\">Drupal<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.mandera.ai\/es\/docs\/installation\/#webflow\">Webflow<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Antes de instalar<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Lo que necesitas<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Antes de instalar mandera, aseg\u00farate de que tienes:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>acceso a tu panel de control de mandera<\/li>\n\n\n\n<li>una p\u00e1gina web creada en mandera<\/li>\n\n\n\n<li>el c\u00f3digo de seguimiento para esa p\u00e1gina web<\/li>\n\n\n\n<li>acceso a tu CMS, gestor de etiquetas o c\u00f3digo de la web<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Puedes encontrar tu fragmento de seguimiento exacto en tu panel de control de mandera, en la secci\u00f3n Settings.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfD\u00f3nde pongo el c\u00f3digo?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">El fragmento de c\u00f3digo de seguimiento mandera se debe a\u00f1adir al <code>&lt;head&gt;<\/code> secci\u00f3n de tu p\u00e1gina web.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En la mayor\u00eda de las p\u00e1ginas web, el fragmento de c\u00f3digo debe cargarse en todas las p\u00e1ginas p\u00fablicas que quieras que mandera mida. Dependiendo de c\u00f3mo lo tengas configurado, puedes a\u00f1adirlo a trav\u00e9s de tu CMS, del gestor de etiquetas o del encabezado global de la web.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Configuraci\u00f3n general<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Fragmento de seguimiento<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Para empezar a recopilar datos, a\u00f1ade el fragmento de c\u00f3digo de seguimiento mandera a tu p\u00e1gina web.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;script\n  src=\"https:\/\/&lt;your-mandera-web-url&gt;\/analytics.js\"\n  mandera-org=\"ORG_ID\"\n  data-property-id=\"PROPERTY_ID\"\n  async\n&gt;&lt;\/script&gt;\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Los valores de tu fragmento se generan para tu sitio web. No copies los valores de ejemplo de arriba.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Mant\u00e9n el fragmento de c\u00f3digo 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\u00e1gina web.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Atributos requeridos<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">el fragmento necesita estas partes para funcionar correctamente<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Parte<\/th><th>Qu\u00e9 hace<\/th><\/tr><\/thead><tbody><tr><td><code>fuente<\/code><\/td><td>Carga el script de an\u00e1lisis mandera.<\/td><\/tr><tr><td><code>mandera-org<\/code><\/td><td>Conecta el guion con tu organizaci\u00f3n.<\/td><\/tr><tr><td><code>id-propiedad-datos<\/code><\/td><td>Conecta el script a la p\u00e1gina web que has creado en mandera.<\/td><\/tr><tr><td><code>as\u00edncrono<\/code><\/td><td>Deja que el script cargue sin bloquear tu sitio web.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">M\u00e9todos de instalaci\u00f3n<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Google Tag Manager<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Utiliza este m\u00e9todo si tu p\u00e1gina web ya utiliza el gestor de etiquetas Google.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Abre el Tag Manager Google.<\/li>\n\n\n\n<li>Elige el contenedor para tu sitio web.<\/li>\n\n\n\n<li>Crea una etiqueta nueva.<\/li>\n\n\n\n<li>Elige una etiqueta HTML personalizada.<\/li>\n\n\n\n<li>Pega el fragmento de c\u00f3digo de seguimiento mandera en el campo HTML.<\/li>\n\n\n\n<li>Pon el disparador en todas las p\u00e1ginas.<\/li>\n\n\n\n<li>Guardar y publicar el contenedor.<\/li>\n\n\n\n<li>Abre tu sitio web en una pesta\u00f1a nueva del navegador.<\/li>\n\n\n\n<li>Verifica la instalaci\u00f3n con estos pasos.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Aseg\u00farate de que el contenedor de Google Tag Manager ya est\u00e9 instalado en tu p\u00e1gina web. Si el contenedor no se carga, el fragmento de c\u00f3digo mandera tampoco se cargar\u00e1.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Manual de HTML<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Usa este m\u00e9todo si puedes editar el c\u00f3digo de tu sitio web directamente.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Abre la plantilla HTML global de tu sitio web.<\/li>\n\n\n\n<li>Busca el <code>&lt;head&gt;<\/code> secci\u00f3n.<\/li>\n\n\n\n<li>Pega el fragmento de c\u00f3digo de seguimiento mandera antes de la etiqueta de cierre <code>&lt;\/head&gt;<\/code> etiqueta.<\/li>\n\n\n\n<li>Guarda y despliega tus cambios.<\/li>\n\n\n\n<li>Abre tu sitio web en una pesta\u00f1a nueva del navegador.<\/li>\n\n\n\n<li>Verifica la instalaci\u00f3n con estos pasos.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Si tu web usa plantillas diferentes para diferentes tipos de p\u00e1gina, aseg\u00farate de que el fragmento est\u00e9 incluido en todas las plantillas que quieras medir.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Aplicaciones de una sola p\u00e1gina<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Las aplicaciones de una sola p\u00e1gina son totalmente compatibles. mandera detecta los cambios de ruta del lado del cliente y los cuenta como visitas a la p\u00e1gina, as\u00ed que las apps creadas con React, Vue, Next.js o marcos similares no necesitan ninguna configuraci\u00f3n adicional. Solo los cambios de ruta cuentan como nuevas visitas a la p\u00e1gina, y las p\u00e1ginas que se ven durante menos de tres segundos se consideran ruido y se descartan, excepto la \u00faltima p\u00e1gina de una visita.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Desactivar seguimiento<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">mandera filtra autom\u00e1ticamente tus propias visitas al panel de control y el tr\u00e1fico de bots, as\u00ed que no hace falta que te excluyas t\u00fa mismo. Para que mandera deje de medir tu p\u00e1gina web por completo, elimina el fragmento de c\u00f3digo de seguimiento de tu CMS, gestor de etiquetas o plantilla. Los datos que ya se hayan recopilado seguir\u00e1n estando disponibles en tu panel de control.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Verifica la configuraci\u00f3n<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Abre tu p\u00e1gina web<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Abre cualquier p\u00e1gina p\u00fablica donde el fragmento de c\u00f3digo deba estar activo.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Abre las herramientas de desarrollador del navegador<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Abre las herramientas de desarrollador de tu navegador y ve a la pesta\u00f1a de Red.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3. Vuelve a cargar la p\u00e1gina<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Recarga la p\u00e1gina mientras tienes abierta la pesta\u00f1a de Red.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">4. Busca el script mandera<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Busca <code>anal\u00edticas.js<\/code> o tu mandera web URL. Si el script aparece con un estado \u00abcorrecto\u00bb, significa que el fragmento de c\u00f3digo se est\u00e1 cargando.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">5. Echa un vistazo al panel de control de mandera<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Abre l'Analytics Suite en mandera y comprueba si empiezan a aparecer datos.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Puede que los datos no aparezcan al instante. Si el script se carga bien pero no ves datos, sigue con los pasos de soluci\u00f3n de problemas de abajo.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Soluci\u00f3n de problemas<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">No aparece ning\u00fan dato en mandera<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Dale un vistazo a estos puntos primero:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>el fragmento est\u00e1 instalado en la p\u00e1gina que est\u00e1s probando<\/li>\n\n\n\n<li>el fragmento est\u00e1 dentro del <code>&lt;head&gt;<\/code> secci\u00f3n<\/li>\n\n\n\n<li>la ID de la organizaci\u00f3n no cambi\u00f3<\/li>\n\n\n\n<li>el ID del sitio web no ha cambiado<\/li>\n\n\n\n<li>tu cach\u00e9 de sitio web ha sido limpiada<\/li>\n\n\n\n<li>tus cambios de Tag Manager se han publicado<\/li>\n\n\n\n<li>Tu navegador o bloqueador de anuncios no est\u00e1 bloqueando el script<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">El script no aparece en la pesta\u00f1a de red<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Si no encuentras el script en la pesta\u00f1a Network, lo m\u00e1s probable es que no se est\u00e9 cargando.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Checa si se agreg\u00f3 a la plantilla correcta, al campo del CMS o al contenedor del gestor de etiquetas.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">El script aparece, pero los datos siguen sin mostrarse<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Si el script se carga pero no aparecen datos, comprueba si la p\u00e1gina es p\u00fablica, si has seleccionado el sitio web correcto en mandera y si el fragmento pertenece al mismo sitio web que est\u00e1s viendo.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Solo se rastrean algunas p\u00e1ginas<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Si solo aparecen algunas p\u00e1ginas en mandera, es posible que el fragmento no est\u00e9 instalado de forma global.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Agr\u00e9galo al encabezado global o a las plantillas relevantes.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">El Tag Manager Google no activa la etiqueta<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Comprueba si la etiqueta utiliza el activador \u00abtodas las p\u00e1ginas\u00bb, si el contenedor se ha publicado y si el contenedor de Tag Manager Google se carga en la p\u00e1gina web.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Gu\u00edas espec\u00edficas de CMS<\/h2>\n\n\n\n<h3 id=\"wordpress\" class=\"wp-block-heading\">WordPress<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">mandera es compatible con las plantillas cl\u00e1sicas de WordPress, las plantillas de bloques y las configuraciones \u00abheadless\u00bb de WordPress. Elige el m\u00e9todo que mejor se adapte a tu p\u00e1gina web.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">M\u00e9todo 1: Agrega el fragmento al encabezado de tu tema<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Puedes a\u00f1adir el fragmento de c\u00f3digo mandera directamente al archivo <code>cabecera.php<\/code> archivo.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>En WordPress, ve a \u00abApariencia\u00bb \u2192 \u00abEditor de archivos de temas\u00bb.<\/li>\n\n\n\n<li>\u00c1brelo <code>cabecera.php<\/code> archivo.<\/li>\n\n\n\n<li>Pega el fragmento de c\u00f3digo mandera antes de la etiqueta de cierre <code>&lt;\/head&gt;<\/code> etiqueta.<\/li>\n\n\n\n<li>Sustituye los valores de los marcadores de posici\u00f3n por los valores de tu panel de control mandera.<\/li>\n\n\n\n<li>Haz clic en Actualizar archivo.<\/li>\n\n\n\n<li>Abre tu sitio web y verifica la instalaci\u00f3n.<\/li>\n<\/ol>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;script\n  src=\"https:\/\/&lt;your-mandera-web-url&gt;\/analytics.js\"\n  mandera-org=\"ORG_ID\"\n  data-property-id=\"PROPERTY_ID\"\n  async\n&gt;&lt;\/script&gt;\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Si actualizas o cambias tu tema, es posible que necesites a\u00f1adir el fragmento de nuevo.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">M\u00e9todo 2: Usar un plugin de inyecci\u00f3n de encabezados<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Tambi\u00e9n puedes instalar mandera sin tener que editar los archivos del tema.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Instala un plugin como WPCode o Header Footer Code Manager.<\/li>\n\n\n\n<li>Abre la configuraci\u00f3n del plugin.<\/li>\n\n\n\n<li>Pega el fragmento de c\u00f3digo mandera en la secci\u00f3n \u00abHeader\u00bb.<\/li>\n\n\n\n<li>Guarda tus cambios.<\/li>\n\n\n\n<li>Limpia la cach\u00e9 de tu sitio web si usas un plugin de cach\u00e9.<\/li>\n\n\n\n<li>Abre tu sitio web y verifica la instalaci\u00f3n.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Este m\u00e9todo suele ser m\u00e1s estable durante las actualizaciones de temas porque el fragmento lo gestiona el plugin.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">M\u00e9todo 3: Agrega el fragmento a trav\u00e9s de functions.php<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Tambi\u00e9n puedes agregar el fragmento program\u00e1ticamente a trav\u00e9s de tu tema <code>functions.php<\/code> archivo.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>function mandera_tracking_script() {\n    ?&gt;\n    &lt;script\n      src=\"https:\/\/&lt;your-mandera-web-url&gt;\/analytics.js\"\n      mandera-org=\"ORG_ID\"\n      data-property-id=\"PROPERTY_ID\"\n      async\n    &gt;&lt;\/script&gt;\n    &lt;?php\n}\nadd_action('wp_head', 'mandera_tracking_script');\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Reemplazar <code>ID_ORG<\/code>, <code>ID_INMUEBLE<\/code> y el script URL con los valores de tu panel de control mandera.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En entornos de producci\u00f3n, quiz\u00e1 te interese guardar estos valores como opciones o constantes de WordPress en lugar de codificarlos directamente en el tema.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Sin cabezal WordPress<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Si utilizas WordPress como CMS sin interfaz gr\u00e1fica con un framework de frontend como Next.js, Nuxt o Gatsby, instala mandera en tu aplicaci\u00f3n de frontend en lugar del backend de WordPress.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Agrega el fragmento a tu frontend <code>&lt;head&gt;<\/code> Si tu frontend usa enrutamiento del lado del cliente, revisa tambi\u00e9n la nota sobre aplicaciones de una sola p\u00e1gina que est\u00e1 m\u00e1s arriba.<\/p>\n\n\n\n<h3 id=\"shopify\" class=\"wp-block-heading\">Tienda Shopify<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Puedes instalar mandera en Shopify a\u00f1adiendo el fragmento de c\u00f3digo de seguimiento a tu tienda. Lo mejor es cargar el fragmento de forma global, para que aparezca en las p\u00e1ginas p\u00fablicas que quieras que mandera mida.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Esto normalmente incluye p\u00e1ginas como tu p\u00e1gina de inicio, p\u00e1ginas de productos, p\u00e1ginas de colecciones y p\u00e1ginas de contenido.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">M\u00e9todo 1: Agrega el fragmento a tu tema de Shopify<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Usa este m\u00e9todo si tienes acceso al c\u00f3digo de tu tema de Shopify y quieres instalar mandera directamente en tu tema activo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Antes de editar el c\u00f3digo de tu tema, considera duplicar tu tema activo como respaldo.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Abre tu \u00e1rea de administrador de Shopify.<\/li>\n\n\n\n<li>Ir a Tienda en l\u00ednea \u2192 Temas.<\/li>\n\n\n\n<li>Encuentra tu tema activo.<\/li>\n\n\n\n<li>Abre el men\u00fa de temas y elige Editar c\u00f3digo.<\/li>\n\n\n\n<li>En la carpeta Layout, abre <code>tema.l\u00edquido<\/code>.<\/li>\n\n\n\n<li>Encontrar el cierre <code>&lt;\/head&gt;<\/code> etiqueta.<\/li>\n\n\n\n<li>Pega el fragmento de c\u00f3digo de seguimiento mandera justo antes de la etiqueta de cierre <code>&lt;\/head&gt;<\/code> etiqueta.<\/li>\n\n\n\n<li>Guarda tus cambios.<\/li>\n\n\n\n<li>Abre tu tienda en una nueva pesta\u00f1a del navegador.<\/li>\n\n\n\n<li>Verifica la instalaci\u00f3n con los pasos de arriba.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">A\u00f1ade este fragmento antes del cierre <code>&lt;\/head&gt;<\/code> etiqueta en <code>tema.l\u00edquido<\/code>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;script\n  src=\"https:\/\/&lt;your-mandera-web-url&gt;\/analytics.js\"\n  mandera-org=\"ORG_ID\"\n  data-property-id=\"PROPERTY_ID\"\n  async\n&gt;&lt;\/script&gt;\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Reemplazar <code>ID_ORG<\/code>, <code>ID_INMUEBLE<\/code> y el script URL con los valores de tu panel de control mandera.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si m\u00e1s adelante actualizas, duplicas o cambias tu tema de Shopify, comprueba si el fragmento de c\u00f3digo mandera sigue incluido en el tema activo.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">M\u00e9todo 2: Usa una app de c\u00f3digo personalizado<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Si no quieres editar el c\u00f3digo de tu tema directamente, puedes usar una app de Shopify que te permite a\u00f1adir c\u00f3digo personalizado al encabezado de tu tienda.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Usa este m\u00e9todo si tu tienda ya usa una app de encabezado, pie de p\u00e1gina o c\u00f3digo personalizado de confianza, o si prefieres una configuraci\u00f3n sin c\u00f3digo.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Instala o abre tu app de c\u00f3digo personalizado en Shopify.<\/li>\n\n\n\n<li>Crea un nuevo fragmento de c\u00f3digo.<\/li>\n\n\n\n<li>Elige la secci\u00f3n Head como la ubicaci\u00f3n.<\/li>\n\n\n\n<li>Pega el fragmento de c\u00f3digo de seguimiento mandera en el campo de c\u00f3digo.<\/li>\n\n\n\n<li>Coloca el fragmento para que se cargue en todas las p\u00e1ginas de la tienda que quieras medir.<\/li>\n\n\n\n<li>Guarda y activa el fragmento.<\/li>\n\n\n\n<li>Abre tu tienda en una nueva pesta\u00f1a del navegador.<\/li>\n\n\n\n<li>Verifica la instalaci\u00f3n con los pasos de arriba.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Aseg\u00farate de que la aplicaci\u00f3n cargue el fragmento de c\u00f3digo en las p\u00e1ginas p\u00fablicas de tu tienda. Si la aplicaci\u00f3n solo a\u00f1ade c\u00f3digo a determinadas plantillas o p\u00e1ginas, es posible que mandera solo recopile datos de esas \u00e1reas.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">M\u00e9todo 3: Usa el Tag Manager Google<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Si tu tienda de Shopify ya utiliza Google Tag Manager, puedes a\u00f1adir el fragmento de c\u00f3digo mandera a trav\u00e9s de GTM en lugar de editar directamente el c\u00f3digo de tu tema.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Abre el Tag Manager Google.<\/li>\n\n\n\n<li>Elige el contenedor que usas en tu tienda de Shopify.<\/li>\n\n\n\n<li>Crea una etiqueta nueva.<\/li>\n\n\n\n<li>Elige una etiqueta HTML personalizada.<\/li>\n\n\n\n<li>Pega el fragmento de c\u00f3digo de seguimiento mandera en el campo HTML.<\/li>\n\n\n\n<li>Pon el disparador en todas las p\u00e1ginas.<\/li>\n\n\n\n<li>Guardar y publicar el contenedor.<\/li>\n\n\n\n<li>Abre tu tienda de Shopify en una nueva pesta\u00f1a del navegador.<\/li>\n\n\n\n<li>Verifica la instalaci\u00f3n con los pasos de arriba.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Aseg\u00farate de que el contenedor de Tag Manager Google ya est\u00e9 instalado en tu tienda de Shopify. Si el contenedor de GTM no se carga, el fragmento de c\u00f3digo mandera tampoco se cargar\u00e1.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">P\u00e1ginas de pago de Shopify<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">La configuraci\u00f3n est\u00e1ndar de mandera est\u00e1 pensada para las p\u00e1ginas p\u00fablicas de tu tienda de Shopify.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Las p\u00e1ginas de pago, de postventa y de estado del pedido pueden comportarse de forma diferente, ya que Shopify gestiona estas \u00e1reas por separado del tema habitual de la tienda. Para la configuraci\u00f3n b\u00e1sica de mandera, comprueba primero que el fragmento de c\u00f3digo se cargue correctamente en p\u00e1ginas como la p\u00e1gina de inicio, las p\u00e1ginas de productos, las p\u00e1ginas de colecciones y las p\u00e1ginas de contenido.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si necesitas medir eventos de pago o datos de ingresos, esto puede requerir una configuraci\u00f3n espec\u00edfica de Shopify aparte.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Soluci\u00f3n de problemas para Shopify<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Si no aparece ning\u00fan dato en mandera, comprueba primero lo siguiente:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>el fragmento se a\u00f1adi\u00f3 al tema activo de Shopify o a una app de c\u00f3digo personalizado global<\/li>\n\n\n\n<li>el fragmento va dentro de la secci\u00f3n head<\/li>\n\n\n\n<li>Los valores de tu panel de control mandera se han copiado tal cual<\/li>\n\n\n\n<li>Tus cambios de Shopify se guardaron y publicaron<\/li>\n\n\n\n<li>Tu tienda es p\u00fablica y no tiene contrase\u00f1a.<\/li>\n\n\n\n<li>Tu navegador o bloqueador de anuncios no est\u00e1 bloqueando el script<\/li>\n\n\n\n<li>tu aplicaci\u00f3n de c\u00f3digo personalizado o el contenedor de Google Tag Manager est\u00e1n activos<\/li>\n\n\n\n<li>el fragmento no est\u00e1 instalado dos veces<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Si has cambiado o actualizado tu tema recientemente, vuelve a abrir el tema activo y comprueba si el fragmento de c\u00f3digo mandera sigue ah\u00ed.<\/p>\n\n\n\n<h3 id=\"wix\" class=\"wp-block-heading\">Wix<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Puedes instalar mandera en Wix a\u00f1adiendo el fragmento de c\u00f3digo de seguimiento como c\u00f3digo personalizado en tu panel de control de Wix. As\u00ed, el fragmento se cargar\u00e1 en todas las p\u00e1ginas p\u00fablicas en las que quieras que mandera realice mediciones.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Usa este m\u00e9todo si tu sitio web est\u00e1 hecho con Wix y tienes acceso a la configuraci\u00f3n del sitio.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Antes de instalar: Aseg\u00farate de que tu sitio de Wix est\u00e9 publicado y conectado a un dominio. La configuraci\u00f3n del c\u00f3digo personalizado puede depender de tu configuraci\u00f3n y plan de Wix.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">M\u00e9todo 1: Agrega el fragmento mediante C\u00f3digo Personalizado<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">La forma recomendada de instalar mandera en Wix es a\u00f1adir el fragmento de c\u00f3digo de seguimiento a la secci\u00f3n \u00abhead\u00bb de tu p\u00e1gina web.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Abre tu panel de control de Wix.<\/li>\n\n\n\n<li>Selecciona la p\u00e1gina web en la que quieres instalar mandera.<\/li>\n\n\n\n<li>Ve a Settings.<\/li>\n\n\n\n<li>Abre C\u00f3digo Personalizado en Desarrollo e Integraciones.<\/li>\n\n\n\n<li>Haz clic en + Agregar C\u00f3digo Personalizado.<\/li>\n\n\n\n<li>Pega el fragmento de c\u00f3digo de seguimiento mandera en el campo de c\u00f3digo.<\/li>\n\n\n\n<li>Ponle al c\u00f3digo un nombre claro, como \u00abmandera analytics\u00bb.<\/li>\n\n\n\n<li>En Agregar c\u00f3digo a p\u00e1ginas, selecciona Todas las p\u00e1ginas.<\/li>\n\n\n\n<li>Elige si el c\u00f3digo debe cargar una vez por visita o en cada p\u00e1gina que abra un visitante.<\/li>\n\n\n\n<li>En C\u00f3digo de lugar, selecciona Cabeza.<\/li>\n\n\n\n<li>Haz clic en Aplicar.<\/li>\n\n\n\n<li>Abre tu sitio web en una pesta\u00f1a nueva del navegador.<\/li>\n\n\n\n<li>Verifica la instalaci\u00f3n con los pasos de arriba.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Agrega este fragmento al campo de C\u00f3digo Personalizado de Wix:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;script\n  src=\"https:\/\/&lt;your-mandera-web-url&gt;\/analytics.js\"\n  mandera-org=\"ORG_ID\"\n  data-property-id=\"PROPERTY_ID\"\n  async\n&gt;&lt;\/script&gt;\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Reemplazar <code>ID_ORG<\/code>, <code>ID_INMUEBLE<\/code> y el script URL con los valores de tu panel de control mandera.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Para la mayor\u00eda de los sitios web de Wix, \"Todas las p\u00e1ginas\" es la mejor opci\u00f3n porque tambi\u00e9n aplica el fragmento a las nuevas p\u00e1ginas que crees m\u00e1s adelante.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wix puede preguntarte si el c\u00f3digo debe cargarse una vez por visita o en cada p\u00e1gina que abra el visitante. Para una configuraci\u00f3n b\u00e1sica de mandera, empieza seleccionando \u00abCargar el c\u00f3digo una vez por visita\u00bb si esta opci\u00f3n est\u00e1 disponible. Tras la instalaci\u00f3n, comprueba que el script aparezca en la pesta\u00f1a \u00abRed\u00bb de tu navegador y que los datos empiecen a aparecer en mandera.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si notas que los cambios en la p\u00e1gina no se reflejan como esperas, revisa la configuraci\u00f3n y prueba la opci\u00f3n de carga alternativa.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">M\u00e9todo 2: Usa una app de c\u00f3digo personalizado<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Si no puedes acceder a la configuraci\u00f3n nativa de C\u00f3digo Personalizado en Wix, puedes usar una app de Wix confiable que te permita a\u00f1adir c\u00f3digo personalizado a la secci\u00f3n head de tu sitio.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Usa este m\u00e9todo solo si la app puede colocar el fragmento globalmente en la secci\u00f3n head.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Instala o abre tu app de c\u00f3digo personalizado en Wix.<\/li>\n\n\n\n<li>Crea un nuevo fragmento de c\u00f3digo personalizado.<\/li>\n\n\n\n<li>Pega el fragmento de c\u00f3digo de seguimiento mandera en el campo de c\u00f3digo.<\/li>\n\n\n\n<li>Pon la ubicaci\u00f3n en la cabeza.<\/li>\n\n\n\n<li>Aplica el fragmento a todas las p\u00e1ginas p\u00fablicas que quieras medir.<\/li>\n\n\n\n<li>Guarda y activa el fragmento.<\/li>\n\n\n\n<li>Abre tu sitio web en una pesta\u00f1a nueva del navegador.<\/li>\n\n\n\n<li>Verifica la instalaci\u00f3n con los pasos de arriba.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Si la aplicaci\u00f3n solo a\u00f1ade c\u00f3digo a una \u00fanica p\u00e1gina, un iframe o un elemento incrustado visible, no es adecuada para la instalaci\u00f3n b\u00e1sica de mandera.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">M\u00e9todo 3: Usa el Tag Manager Google<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Si tu p\u00e1gina web de Wix ya utiliza el Tag Manager Google, tambi\u00e9n puedes instalar el mandera a trav\u00e9s de GTM.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Abre el Tag Manager Google.<\/li>\n\n\n\n<li>Selecciona el contenedor que usaste en tu sitio web de Wix.<\/li>\n\n\n\n<li>Crea una etiqueta nueva.<\/li>\n\n\n\n<li>Elige una etiqueta HTML personalizada.<\/li>\n\n\n\n<li>Pega el fragmento de c\u00f3digo de seguimiento mandera en el campo HTML.<\/li>\n\n\n\n<li>Pon el disparador en todas las p\u00e1ginas.<\/li>\n\n\n\n<li>Guardar y publicar el contenedor.<\/li>\n\n\n\n<li>Abre tu sitio web de Wix en una nueva pesta\u00f1a del navegador.<\/li>\n\n\n\n<li>Verifica la instalaci\u00f3n con los pasos de arriba.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Aseg\u00farate de que el propio contenedor de Google Tag Manager ya est\u00e9 conectado a tu p\u00e1gina web de Wix. Si el contenedor no se carga, el fragmento de c\u00f3digo mandera tampoco se cargar\u00e1.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Soluci\u00f3n de problemas para Wix<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Si no aparece ning\u00fan dato en mandera, comprueba primero lo siguiente:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>tu sitio de Wix est\u00e1 publicado<\/li>\n\n\n\n<li>Tu sitio de Wix est\u00e1 conectado a un dominio<\/li>\n\n\n\n<li>el fragmento se agreg\u00f3 a trav\u00e9s de C\u00f3digo Personalizado o una app de c\u00f3digo personalizado global<\/li>\n\n\n\n<li>el fragmento se coloca en la secci\u00f3n head<\/li>\n\n\n\n<li>el fragmento se aplica a todas las p\u00e1ginas relevantes<\/li>\n\n\n\n<li>Los valores de tu panel de control mandera se han copiado tal cual<\/li>\n\n\n\n<li>tus cambios se aplicaron y guardaron<\/li>\n\n\n\n<li>Tu navegador o bloqueador de anuncios no est\u00e1 bloqueando el script<\/li>\n\n\n\n<li>el fragmento no est\u00e1 instalado dos veces<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Si el script no aparece en la pesta\u00f1a de Red, abre de nuevo la configuraci\u00f3n de C\u00f3digo Personalizado de Wix y comprueba si el fragmento est\u00e1 activo, colocado en la secci\u00f3n correcta y aplicado a las p\u00e1ginas adecuadas.<\/p>\n\n\n\n<h3 id=\"joomla\" class=\"wp-block-heading\">Joomla<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Puedes instalar mandera en Joomla a\u00f1adiendo el fragmento de c\u00f3digo de seguimiento a la secci\u00f3n \u00abhead\u00bb de tu p\u00e1gina web. Dependiendo de c\u00f3mo tengas configurado Joomla, puedes hacerlo a trav\u00e9s de la configuraci\u00f3n de tu plantilla, de los archivos de la plantilla o del gestor de etiquetas Google.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Usa el m\u00e9todo que mejor se adapte a tu sitio web y a los permisos que tengas en Joomla.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Antes de instalar: Aseg\u00farate de tener acceso a tu \u00e1rea de administrador de Joomla y de saber qu\u00e9 plantilla o estilo de plantilla est\u00e1 activo en las p\u00e1ginas que quieres medir.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">M\u00e9todo 1: Usa la configuraci\u00f3n de c\u00f3digo personalizado de tu plantilla<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Muchas plantillas y frameworks de plantillas de Joomla incluyen un campo de c\u00f3digo personalizado para scripts que deben agregarse a la secci\u00f3n de encabezado de tu sitio web.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Us\u00e1 este m\u00e9todo si tu plantilla activa tiene un campo como C\u00f3digo Personalizado, C\u00f3digo de Cabecera, Antes o algo parecido.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Abre tu \u00e1rea de administrador de Joomla.<\/li>\n\n\n\n<li>Ve a Sistema o Extensiones, dependiendo de tu versi\u00f3n de Joomla.<\/li>\n\n\n\n<li>Abre la secci\u00f3n Plantillas o Estilos de Plantillas de Sitios.<\/li>\n\n\n\n<li>Selecciona la plantilla o el estilo de plantilla activo que usa tu sitio web.<\/li>\n\n\n\n<li>Busca una secci\u00f3n de C\u00f3digo Personalizado, C\u00f3digo de Cabecera o similar en la configuraci\u00f3n de la plantilla.<\/li>\n\n\n\n<li>Pega el fragmento de c\u00f3digo de seguimiento mandera en el campo correspondiente a la secci\u00f3n \u00abhead\u00bb.<\/li>\n\n\n\n<li>Guarda tus cambios.<\/li>\n\n\n\n<li>Abre tu sitio web en una pesta\u00f1a nueva del navegador.<\/li>\n\n\n\n<li>Verifica la instalaci\u00f3n con los pasos de arriba.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Agrega este fragmento al campo de c\u00f3digo personalizado para la secci\u00f3n del encabezado:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;script\n  src=\"https:\/\/&lt;your-mandera-web-url&gt;\/analytics.js\"\n  mandera-org=\"ORG_ID\"\n  data-property-id=\"PROPERTY_ID\"\n  async\n&gt;&lt;\/script&gt;\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Reemplazar <code>ID_ORG<\/code>, <code>ID_INMUEBLE<\/code> y el script URL con los valores de tu panel de control mandera.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si tu p\u00e1gina web utiliza diferentes estilos de plantilla para cada p\u00e1gina, repite la configuraci\u00f3n para cada estilo de plantilla que quieras que mandera analice.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">M\u00e9todo 2: Agrega el fragmento a tu archivo de plantilla<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Si tu plantilla no incluye un campo de c\u00f3digo personalizado, puedes a\u00f1adir el fragmento de c\u00f3digo mandera directamente al archivo de la plantilla.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Usa este m\u00e9todo solo si te sientes c\u00f3modo editando archivos de plantilla o si tienes el apoyo de un desarrollador.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Abre tu \u00e1rea de administrador de Joomla.<\/li>\n\n\n\n<li>Ve a Sistema o Extensiones, dependiendo de tu versi\u00f3n de Joomla.<\/li>\n\n\n\n<li>Abre la secci\u00f3n de Plantillas.<\/li>\n\n\n\n<li>Elige la plantilla del sitio activo.<\/li>\n\n\n\n<li>Abre el archivo de plantilla principal, por lo general <code>\u00edndice.php<\/code>.<\/li>\n\n\n\n<li>Encontrar el cierre <code>&lt;\/head&gt;<\/code> etiqueta.<\/li>\n\n\n\n<li>Pega el fragmento de c\u00f3digo de seguimiento mandera justo antes de la etiqueta de cierre <code>&lt;\/head&gt;<\/code> etiqueta.<\/li>\n\n\n\n<li>Guarda tus cambios.<\/li>\n\n\n\n<li>Abre tu sitio web en una pesta\u00f1a nueva del navegador.<\/li>\n\n\n\n<li>Verifica la instalaci\u00f3n con los pasos de arriba.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">No edites los archivos principales de Joomla. El fragmento se debe agregar a trav\u00e9s de tu plantilla o la configuraci\u00f3n de la plantilla, no a trav\u00e9s de la instalaci\u00f3n principal de Joomla.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si m\u00e1s adelante actualizas, sustituyes o cambias tu plantilla de Joomla, comprueba si el fragmento de c\u00f3digo mandera sigue ah\u00ed.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">M\u00e9todo 3: Usa el Tag Manager Google<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Si tu p\u00e1gina web de Joomla ya utiliza el Tag Manager Google, puedes a\u00f1adir el fragmento de c\u00f3digo mandera a trav\u00e9s de GTM en lugar de editar tu plantilla.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Abre el Tag Manager Google.<\/li>\n\n\n\n<li>Selecciona el contenedor que usas en tu sitio web de Joomla.<\/li>\n\n\n\n<li>Crea una etiqueta nueva.<\/li>\n\n\n\n<li>Elige una etiqueta HTML personalizada.<\/li>\n\n\n\n<li>Pega el fragmento de c\u00f3digo de seguimiento mandera en el campo HTML.<\/li>\n\n\n\n<li>Pon el disparador en todas las p\u00e1ginas.<\/li>\n\n\n\n<li>Guardar y publicar el contenedor.<\/li>\n\n\n\n<li>Abre tu sitio web de Joomla en una nueva pesta\u00f1a del navegador.<\/li>\n\n\n\n<li>Verifica la instalaci\u00f3n con los pasos de arriba.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Aseg\u00farate de que el contenedor de Tag Manager Google ya est\u00e9 instalado en tu p\u00e1gina web de Joomla. Si el contenedor de GTM no se carga, el fragmento de c\u00f3digo mandera tampoco se cargar\u00e1.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Soluci\u00f3n de problemas para Joomla<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Si no aparece ning\u00fan dato en mandera, comprueba primero lo siguiente:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>el fragmento se agreg\u00f3 a la plantilla activa de Joomla o al estilo de plantilla<\/li>\n\n\n\n<li>el fragmento se coloca en la secci\u00f3n head<\/li>\n\n\n\n<li>Los valores de tu panel de control mandera se han copiado tal cual<\/li>\n\n\n\n<li>\u00a1Se guardaron tus cambios de Joomla!<\/li>\n\n\n\n<li>tu cach\u00e9 de sitio web ha sido limpiada<\/li>\n\n\n\n<li>tu plugin de cach\u00e9 o de optimizaci\u00f3n no est\u00e1 impidiendo que el fragmento se cargue<\/li>\n\n\n\n<li>el estilo de plantilla correcto se usa en la p\u00e1gina que est\u00e1s probando<\/li>\n\n\n\n<li>Tu navegador o bloqueador de anuncios no est\u00e1 bloqueando el script<\/li>\n\n\n\n<li>el fragmento no est\u00e1 instalado dos veces<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Si el script no aparece en la pesta\u00f1a de Red, revisa si la p\u00e1gina que est\u00e1s probando usa un estilo de plantilla diferente. En Joomla, diferentes elementos del men\u00fa pueden usar distintos estilos de plantilla, por lo que el fragmento podr\u00eda tener que agregarse en m\u00e1s de un lugar.<\/p>\n\n\n\n<h3 id=\"typo3\" class=\"wp-block-heading\">TYPO3<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Puedes instalar mandera en TYPO3 a\u00f1adiendo el fragmento de c\u00f3digo de seguimiento a la secci\u00f3n \u00abhead\u00bb de tu p\u00e1gina web. Dependiendo de c\u00f3mo tengas configurado tu sitio, puedes hacerlo a trav\u00e9s de TypoScript, el paquete de tu sitio o el gestor de etiquetas Google.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Usa el m\u00e9todo que mejor se adapte a tu configuraci\u00f3n de TYPO3 y tus permisos.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Antes de instalar: Aseg\u00farate de que tienes acceso al backend de TYPO3, sabes d\u00f3nde se gestiona tu configuraci\u00f3n principal de TypoScript y puedes limpiar la cach\u00e9 de TYPO3 despu\u00e9s de hacer cambios.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">M\u00e9todo 1: Agrega el fragmento a trav\u00e9s de TypoScript headerData<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">La forma m\u00e1s directa de instalar mandera en TYPO3 es a\u00f1adir el fragmento de c\u00f3digo de seguimiento completo a trav\u00e9s de headerData de TypoScript.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Usa este m\u00e9todo si puedes editar la configuraci\u00f3n de TypoScript de tu p\u00e1gina web y quieres pegar el fragmento completo de mandera en TYPO3.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Abre tu backend de TYPO3.<\/li>\n\n\n\n<li>Ve al m\u00f3dulo de Plantilla.<\/li>\n\n\n\n<li>Selecciona la p\u00e1gina ra\u00edz o la ra\u00edz del sitio donde est\u00e1 configurada tu configuraci\u00f3n principal de TypoScript.<\/li>\n\n\n\n<li>Abre el editor de configuraci\u00f3n del TypoScript.<\/li>\n\n\n\n<li>Pega el bloque de TypoScript de abajo en tu setup.<\/li>\n\n\n\n<li>Sustituye los valores de los marcadores de posici\u00f3n por los valores de tu panel de control mandera.<\/li>\n\n\n\n<li>Guarda tus cambios.<\/li>\n\n\n\n<li>Limpia la cach\u00e9 de TYPO3.<\/li>\n\n\n\n<li>Abre tu sitio web en una pesta\u00f1a nueva del navegador.<\/li>\n\n\n\n<li>Verifica la instalaci\u00f3n con los pasos de arriba.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Agrega este bloque a tu configuraci\u00f3n de TypoScript:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>page.headerData.999 = TEXT\npage.headerData.999.value (\n\n)\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Reemplazar <code>ID_ORG<\/code>, <code>ID_INMUEBLE<\/code> y el script URL con los valores de tu panel de control mandera.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si <code>pie de p\u00e1gina.datos del encabezado.999<\/code> ya est\u00e1 en uso en tu configuraci\u00f3n, elige otro n\u00famero que no est\u00e9 en uso.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">M\u00e9todo 2: A\u00f1ade el script a trav\u00e9s de includeJS<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Si tu instalaci\u00f3n de TYPO3 la gestiona un desarrollador o se hace a trav\u00e9s de un paquete de sitio, el script mandera tambi\u00e9n se puede a\u00f1adir a trav\u00e9s de <code>incluirJS<\/code>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Usa este m\u00e9todo si prefieres manejar el archivo JavaScript externo a trav\u00e9s de TypoScript en lugar de pegar la etiqueta de script completa en <code>datosEncabezado<\/code>.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Abre tu backend de TYPO3 o los archivos de tu paquete de sitio.<\/li>\n\n\n\n<li>Abre la configuraci\u00f3n principal de TypoScript de tu sitio web.<\/li>\n\n\n\n<li>Pega el bloque de TypoScript de abajo en tu setup.<\/li>\n\n\n\n<li>Sustituye los valores de los marcadores de posici\u00f3n por los valores de tu panel de control mandera.<\/li>\n\n\n\n<li>Guarda tus cambios.<\/li>\n\n\n\n<li>Limpia la cach\u00e9 de TYPO3.<\/li>\n\n\n\n<li>Abre tu sitio web en una pesta\u00f1a nueva del navegador.<\/li>\n\n\n\n<li>Verifica la instalaci\u00f3n con los pasos de arriba.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Agrega este bloque a tu configuraci\u00f3n de TypoScript:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>page.includeJS {\n  mandera = https:\/\/\/analytics.js\n  mandera.async = 1\n  mandera.data.mandera-org = ORG_ID\n  mandera.data.data-property-id = PROPERTY_ID\n}\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Reemplazar <code>ID_ORG<\/code>, <code>ID_INMUEBLE<\/code> y el script URL con los valores de tu panel de control mandera.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Este m\u00e9todo es s\u00faper \u00fatil para instalaciones de TYPO3 gestionadas por desarrolladores, donde los scripts se manejan de forma centralizada a trav\u00e9s de TypoScript o un paquete de sitio.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">M\u00e9todo 3: Usa el Tag Manager Google<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Si tu p\u00e1gina web de TYPO3 ya utiliza el Tag Manager Google, puedes a\u00f1adir el fragmento de c\u00f3digo mandera a trav\u00e9s de GTM en lugar de modificar la configuraci\u00f3n de tu plantilla de TYPO3.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Abre el Tag Manager Google.<\/li>\n\n\n\n<li>Elige el contenedor que usas en tu sitio web de TYPO3.<\/li>\n\n\n\n<li>Crea una etiqueta nueva.<\/li>\n\n\n\n<li>Elige una etiqueta HTML personalizada.<\/li>\n\n\n\n<li>Pega el fragmento de c\u00f3digo de seguimiento mandera en el campo HTML.<\/li>\n\n\n\n<li>Pon el disparador en todas las p\u00e1ginas.<\/li>\n\n\n\n<li>Guardar y publicar el contenedor.<\/li>\n\n\n\n<li>Abre tu sitio TYPO3 en una pesta\u00f1a nueva del navegador.<\/li>\n\n\n\n<li>Verifica la instalaci\u00f3n con los pasos de arriba.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Aseg\u00farate de que el contenedor de Google Tag Manager ya est\u00e9 instalado en tu p\u00e1gina web de TYPO3. Si el contenedor no se carga, el fragmento de c\u00f3digo mandera tampoco se cargar\u00e1.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Soluci\u00f3n de problemas para TYPO3<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Si no aparece ning\u00fan dato en mandera, comprueba primero lo siguiente:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>el fragmento se a\u00f1adi\u00f3 a la configuraci\u00f3n activa de TypoScript<\/li>\n\n\n\n<li>el fragmento se a\u00f1ade a la secci\u00f3n head<\/li>\n\n\n\n<li>Los valores de tu panel de control mandera se han copiado tal cual<\/li>\n\n\n\n<li>se ha limpiado la cach\u00e9 de TYPO3<\/li>\n\n\n\n<li>El paquete de tu sitio o tu proceso de despliegue incluye los \u00faltimos cambios<\/li>\n\n\n\n<li>la p\u00e1gina que est\u00e1s probando usa la misma configuraci\u00f3n de TypoScript<\/li>\n\n\n\n<li>Tu navegador o bloqueador de anuncios no est\u00e1 bloqueando el script<\/li>\n\n\n\n<li>el fragmento no est\u00e1 instalado dos veces<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Si el script no aparece en la pesta\u00f1a de Red, revisa si la p\u00e1gina que est\u00e1s probando usa una configuraci\u00f3n de sitio diferente, una configuraci\u00f3n de plantilla o una condici\u00f3n de TypoScript. En TYPO3, diferentes partes de un sitio web pueden usar diferentes configuraciones de TypoScript.<\/p>\n\n\n\n<h3 id=\"squarespace\" class=\"wp-block-heading\">Squarespace<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Puedes instalar mandera en Squarespace a\u00f1adiendo el fragmento de c\u00f3digo de seguimiento mediante la funci\u00f3n \u00abCode Injection\u00bb. As\u00ed, el fragmento se cargar\u00e1 en todas las p\u00e1ginas p\u00fablicas en las que quieras que mandera realice el seguimiento.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Usa este m\u00e9todo si tu web est\u00e1 hecha con Squarespace y tienes acceso a la configuraci\u00f3n del sitio.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Antes de instalar: Aseg\u00farate de que tu sitio de Squarespace est\u00e9 publicado y de que tu plan admita la Inyecci\u00f3n de C\u00f3digo.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">M\u00e9todo 1: Agrega el fragmento mediante la Inyecci\u00f3n de C\u00f3digo<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">La forma recomendada de instalar mandera en Squarespace es a\u00f1adir el fragmento de c\u00f3digo de seguimiento al campo \u00abInyecci\u00f3n de c\u00f3digo en el encabezado\u00bb.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Abre tu panel de Squarespace.<\/li>\n\n\n\n<li>Selecciona la p\u00e1gina web en la que quieres instalar mandera.<\/li>\n\n\n\n<li>Ve a Settings.<\/li>\n\n\n\n<li>Abre avanzado.<\/li>\n\n\n\n<li>Abrir inyecci\u00f3n de c\u00f3digo.<\/li>\n\n\n\n<li>Pega el fragmento de c\u00f3digo de seguimiento mandera en el campo \u00abEncabezado\u00bb.<\/li>\n\n\n\n<li>Guarda tus cambios.<\/li>\n\n\n\n<li>Abre tu sitio web en una pesta\u00f1a nueva del navegador.<\/li>\n\n\n\n<li>Verifica la instalaci\u00f3n con los pasos de arriba.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Agrega este fragmento al campo Header:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;script\n  src=\"https:\/\/&lt;your-mandera-web-url&gt;\/analytics.js\"\n  mandera-org=\"ORG_ID\"\n  data-property-id=\"PROPERTY_ID\"\n  async\n&gt;&lt;\/script&gt;\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Reemplazar <code>ID_ORG<\/code>, <code>ID_INMUEBLE<\/code> y el script URL con los valores de tu panel de control mandera.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">El c\u00f3digo que a\u00f1adas en el campo \u00abEncabezado\u00bb se carga en la secci\u00f3n \u00abhead\u00bb de tu sitio de Squarespace. Este es el mejor lugar para colocar el fragmento de c\u00f3digo de seguimiento mandera, ya que as\u00ed se cargar\u00e1 de forma global en todas las p\u00e1ginas p\u00fablicas que quieras analizar.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">M\u00e9todo 2: A\u00f1ade el fragmento a una p\u00e1gina espec\u00edfica<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Si primero solo quieres probar mandera en una p\u00e1gina concreta de Squarespace, puedes a\u00f1adir el fragmento de c\u00f3digo de seguimiento mediante la inserci\u00f3n de c\u00f3digo a nivel de p\u00e1gina.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Usa este m\u00e9todo solo para hacer pruebas o para p\u00e1ginas en las que quieras limitar mandera a una zona concreta de tu web.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Abre tu panel de Squarespace.<\/li>\n\n\n\n<li>Ve a P\u00e1ginas.<\/li>\n\n\n\n<li>Selecciona la p\u00e1gina en la que quieres instalar mandera.<\/li>\n\n\n\n<li>Abre los ajustes de la p\u00e1gina.<\/li>\n\n\n\n<li>Abre avanzado.<\/li>\n\n\n\n<li>Pega el fragmento de c\u00f3digo de seguimiento mandera en el campo del c\u00f3digo del encabezado de la p\u00e1gina.<\/li>\n\n\n\n<li>Guarda tus cambios.<\/li>\n\n\n\n<li>Abre la p\u00e1gina en una nueva pesta\u00f1a del navegador.<\/li>\n\n\n\n<li>Verifica la instalaci\u00f3n con los pasos de arriba.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Si quieres que mandera mida todo tu sitio web, utiliza mejor el m\u00e9todo global de \u00abinyecci\u00f3n de c\u00f3digo en el encabezado\u00bb. La instalaci\u00f3n a nivel de p\u00e1gina solo se aplica a la p\u00e1gina seleccionada.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">M\u00e9todo 3: Usa el Tag Manager Google<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Si tu p\u00e1gina web de Squarespace ya utiliza el Tag Manager Google, puedes a\u00f1adir el fragmento de c\u00f3digo mandera a trav\u00e9s de GTM en lugar de a\u00f1adirlo directamente mediante la funci\u00f3n \u00abCode Injection\u00bb de Squarespace.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Abre el Tag Manager Google.<\/li>\n\n\n\n<li>Selecciona el contenedor que usas en tu sitio web de Squarespace.<\/li>\n\n\n\n<li>Crea una etiqueta nueva.<\/li>\n\n\n\n<li>Elige una etiqueta HTML personalizada.<\/li>\n\n\n\n<li>Pega el fragmento de c\u00f3digo de seguimiento mandera en el campo HTML.<\/li>\n\n\n\n<li>Pon el disparador en todas las p\u00e1ginas.<\/li>\n\n\n\n<li>Guardar y publicar el contenedor.<\/li>\n\n\n\n<li>Abre tu sitio web de Squarespace en una nueva pesta\u00f1a del navegador.<\/li>\n\n\n\n<li>Verifica la instalaci\u00f3n con los pasos de arriba.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Aseg\u00farate de que el contenedor de Google Tag Manager ya est\u00e9 instalado en tu p\u00e1gina web de Squarespace. Si el contenedor no se carga, el fragmento de c\u00f3digo mandera tampoco se cargar\u00e1.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">P\u00e1ginas de pago<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">La configuraci\u00f3n est\u00e1ndar de mandera est\u00e1 pensada para las p\u00e1ginas de tu sitio web p\u00fablico de Squarespace.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Las p\u00e1ginas de pago pueden comportarse de forma diferente porque Squarespace las gestiona por separado de las p\u00e1ginas normales del sitio web. Para la configuraci\u00f3n b\u00e1sica de mandera, primero comprueba que el fragmento de c\u00f3digo se cargue correctamente en las p\u00e1ginas p\u00fablicas, como la p\u00e1gina de inicio, las p\u00e1ginas de servicios, las p\u00e1ginas de productos, las entradas del blog y las p\u00e1ginas de destino.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si necesitas medir \u00e1reas relacionadas con el checkout, revisa tu configuraci\u00f3n de Squarespace por separado y verifica qu\u00e9 es posible para tu plan y la configuraci\u00f3n de tu tienda.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Soluci\u00f3n de problemas para Squarespace<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Si no aparece ning\u00fan dato en mandera, comprueba primero lo siguiente:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>tu sitio de Squarespace est\u00e1 publicado<\/li>\n\n\n\n<li>tu plan soporta la inyecci\u00f3n de c\u00f3digo<\/li>\n\n\n\n<li>el fragmento se agreg\u00f3 al campo de Inyecci\u00f3n de c\u00f3digo del encabezado<\/li>\n\n\n\n<li>Los valores de tu panel de control mandera se han copiado tal cual<\/li>\n\n\n\n<li>tus cambios se guardaron<\/li>\n\n\n\n<li>la p\u00e1gina que est\u00e1s probando es p\u00fablica<\/li>\n\n\n\n<li>Tu navegador o bloqueador de anuncios no est\u00e1 bloqueando el script<\/li>\n\n\n\n<li>el fragmento no est\u00e1 instalado dos veces<\/li>\n\n\n\n<li>El Tag Manager Google se publica si has instalado el mandera a trav\u00e9s de GTM<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Si el script no aparece en la pesta\u00f1a de Red, abre de nuevo la configuraci\u00f3n de Inyecci\u00f3n de C\u00f3digo y revisa si el fragmento sigue activo en el campo de Cabecera.<\/p>\n\n\n\n<h3 id=\"drupal\" class=\"wp-block-heading\">Drupal<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Puedes instalar mandera en Drupal a\u00f1adiendo el fragmento de c\u00f3digo de seguimiento a la secci\u00f3n \u00abhead\u00bb de tu p\u00e1gina web. Dependiendo de c\u00f3mo tengas configurado Drupal, puedes hacerlo a trav\u00e9s de un m\u00f3dulo de c\u00f3digo personalizado, tu tema o el gestor de etiquetas Google.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Usa el m\u00e9todo que mejor le quede a tu p\u00e1gina web y los permisos que tengas en Drupal.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Antes de instalar: Aseg\u00farate de tener acceso a tu \u00e1rea de administraci\u00f3n de Drupal y de saber si tu sitio web se gestiona a trav\u00e9s de un tema personalizado, un paquete de sitio o m\u00f3dulos contribuidos.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">M\u00e9todo 1: Usa un m\u00f3dulo de c\u00f3digo personalizado o script de encabezado<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">La forma m\u00e1s f\u00e1cil de instalar mandera en muchas p\u00e1ginas web de Drupal es usar un m\u00f3dulo de confianza que te permita a\u00f1adir scripts a la secci\u00f3n \u00abhead\u00bb de tu sitio.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Usa este m\u00e9todo si tu sitio web de Drupal ya tiene c\u00f3digo personalizado, un script de encabezado o un m\u00f3dulo de encabezado\/pie de p\u00e1gina, o si tu desarrollador te recomienda uno.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Abre tu \u00e1rea de administraci\u00f3n de Drupal.<\/li>\n\n\n\n<li>Ve al m\u00f3dulo o \u00e1rea de configuraci\u00f3n donde se ponen los scripts personalizados para la cabecera.<\/li>\n\n\n\n<li>Crea un nuevo script o abre el campo para scripts principales.<\/li>\n\n\n\n<li>Pega el fragmento de c\u00f3digo de seguimiento mandera en el campo de la secci\u00f3n \u00abhead\u00bb.<\/li>\n\n\n\n<li>Aplica el fragmento en todo o en todas las p\u00e1ginas p\u00fablicas que quieras medir.<\/li>\n\n\n\n<li>Guarda tus cambios.<\/li>\n\n\n\n<li>Limpia la cach\u00e9 de Drupal.<\/li>\n\n\n\n<li>Abre tu sitio web en una pesta\u00f1a nueva del navegador.<\/li>\n\n\n\n<li>Verifica la instalaci\u00f3n con los pasos de arriba.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Agrega este fragmento a la secci\u00f3n del encabezado:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;script\n  src=\"https:\/\/&lt;your-mandera-web-url&gt;\/analytics.js\"\n  mandera-org=\"ORG_ID\"\n  data-property-id=\"PROPERTY_ID\"\n  async\n&gt;&lt;\/script&gt;\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Reemplazar <code>ID_ORG<\/code>, <code>ID_INMUEBLE<\/code> y el script URL con los valores de tu panel de control mandera.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Solo usa m\u00f3dulos que sean confiables y que tengan mantenimiento para tu versi\u00f3n de Drupal. Si no est\u00e1s seguro de qu\u00e9 m\u00f3dulo usar, preg\u00fantale a tu desarrollador de Drupal o administrador del sitio antes de instalar un nuevo m\u00f3dulo.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">M\u00e9todo 2: A\u00f1ade el script a trav\u00e9s de tu tema de Drupal<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Si tu p\u00e1gina web de Drupal la gestiona un desarrollador, el script mandera se puede a\u00f1adir a trav\u00e9s del tema activo o del paquete del sitio.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Usa este m\u00e9todo si t\u00fa o tu desarrollador pueden editar los archivos del tema.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Abre el paquete de tu tema o sitio de Drupal.<\/li>\n\n\n\n<li>Abre el tema <code>bibliotecas.yml<\/code> archivo.<\/li>\n\n\n\n<li>A\u00f1ade el script mandera como biblioteca externa de JavaScript.<\/li>\n\n\n\n<li>Aseg\u00farate de que la librer\u00eda se cargue en el encabezado.<\/li>\n\n\n\n<li>Adjunta la librer\u00eda globalmente a trav\u00e9s de tu tema <code>info.yml<\/code> archivo o alg\u00fan otro tema global configurado.<\/li>\n\n\n\n<li>Sustituye los valores de los marcadores de posici\u00f3n por los valores de tu panel de control mandera.<\/li>\n\n\n\n<li>Guarda y despliega tus cambios.<\/li>\n\n\n\n<li>Limpia la cach\u00e9 de Drupal.<\/li>\n\n\n\n<li>Abre tu sitio web en una pesta\u00f1a nueva del navegador.<\/li>\n\n\n\n<li>Verifica la instalaci\u00f3n con los pasos de arriba.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Agrega este bloque a tu <code>bibliotecas.yml<\/code> file:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>mandera:\n  header: true\n  js:\n    https:\/\/\/analytics.js:\n      type: external\n      attributes:\n        async: true\n        mandera-org: ORG_ID\n        data-property-id: PROPERTY_ID\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Adjunta la librer\u00eda globalmente en tu tema <code>info.yml<\/code> file:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>bibliotecas:\n  - yourtheme\/mandera\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Reemplazar <code>tu tema<\/code> con el nombre de la m\u00e1quina de tu tema activo de Drupal. Tambi\u00e9n reemplaza <code>ID_ORG<\/code>, <code>ID_INMUEBLE<\/code> y el script URL con los valores de tu panel de control mandera.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Este m\u00e9todo es s\u00faper \u00fatil para webs de Drupal donde los scripts se manejan en un solo lugar a trav\u00e9s de un tema, subtema o flujo de trabajo de despliegue.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">M\u00e9todo 3: Usa el Tag Manager Google<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Si tu p\u00e1gina web de Drupal ya utiliza el Tag Manager Google, puedes a\u00f1adir el fragmento de c\u00f3digo mandera a trav\u00e9s de GTM en lugar de modificar la configuraci\u00f3n de tu tema de Drupal.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Abre el Tag Manager Google.<\/li>\n\n\n\n<li>Selecciona el contenedor que usas en tu sitio web de Drupal.<\/li>\n\n\n\n<li>Crea una etiqueta nueva.<\/li>\n\n\n\n<li>Elige una etiqueta HTML personalizada.<\/li>\n\n\n\n<li>Pega el fragmento de c\u00f3digo de seguimiento mandera en el campo HTML.<\/li>\n\n\n\n<li>Pon el disparador en todas las p\u00e1ginas.<\/li>\n\n\n\n<li>Guardar y publicar el contenedor.<\/li>\n\n\n\n<li>Abre tu sitio web de Drupal en una nueva pesta\u00f1a del navegador.<\/li>\n\n\n\n<li>Verifica la instalaci\u00f3n con los pasos de arriba.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Aseg\u00farate de que el contenedor de Google Tag Manager ya est\u00e9 instalado en tu sitio web de Drupal. Si el contenedor no se carga, el fragmento de c\u00f3digo mandera tampoco se cargar\u00e1.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Soluci\u00f3n de problemas para Drupal<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Si no aparece ning\u00fan dato en mandera, comprueba primero lo siguiente:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>el fragmento se agreg\u00f3 a la configuraci\u00f3n activa de Drupal<\/li>\n\n\n\n<li>el fragmento se coloca en la secci\u00f3n head<\/li>\n\n\n\n<li>el fragmento se aplica a nivel global o a todas las p\u00e1ginas relevantes<\/li>\n\n\n\n<li>Los valores de tu panel de control mandera se han copiado tal cual<\/li>\n\n\n\n<li>se ha limpiado la cach\u00e9 de Drupal<\/li>\n\n\n\n<li>Tu tema, subtema o paquete de sitio incluye los \u00faltimos cambios<\/li>\n\n\n\n<li>Tu m\u00f3dulo de c\u00f3digo personalizado est\u00e1 activo y configurado correctamente<\/li>\n\n\n\n<li>Tu navegador o bloqueador de anuncios no est\u00e1 bloqueando el script<\/li>\n\n\n\n<li>el fragmento no est\u00e1 instalado dos veces<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Si el script no aparece en la pesta\u00f1a Network, verifica si la p\u00e1gina que est\u00e1s probando usa un tema, dominio, versi\u00f3n de idioma o configuraci\u00f3n de sitio diferente. Los sitios web de Drupal pueden tener configuraciones distintas para diferentes secciones, as\u00ed que es posible que el fragmento deba a\u00f1adirse a trav\u00e9s de la configuraci\u00f3n global del tema o del sitio.<\/p>\n\n\n\n<h3 id=\"webflow\" class=\"wp-block-heading\">Webflow<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Puedes instalar mandera en Webflow a\u00f1adiendo el fragmento de c\u00f3digo de seguimiento a tu c\u00f3digo personalizado para todo el sitio. As\u00ed, el fragmento se cargar\u00e1 en todas las p\u00e1ginas p\u00fablicas en las que quieras que mandera realice mediciones.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Usa este m\u00e9todo si tu sitio web est\u00e1 hecho con Webflow y tienes acceso a la configuraci\u00f3n del sitio.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Antes de instalar: aseg\u00farate de que tu sitio de Webflow est\u00e9 publicado y de que tu plan de sitio o espacio de trabajo admita c\u00f3digo personalizado.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">M\u00e9todo 1: A\u00f1ade el fragmento de c\u00f3digo a trav\u00e9s del sitio Settings<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">La forma recomendada de instalar mandera en Webflow es a\u00f1adir el fragmento de c\u00f3digo de seguimiento al campo \u00abC\u00f3digo Head\u00bb de todo el sitio.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Abre tu panel de control de Webflow.<\/li>\n\n\n\n<li>Selecciona la p\u00e1gina web en la que quieres instalar mandera.<\/li>\n\n\n\n<li>Abre la p\u00e1gina Settings.<\/li>\n\n\n\n<li>Ve a la pesta\u00f1a de C\u00f3digo Personalizado.<\/li>\n\n\n\n<li>Pega el fragmento de c\u00f3digo de seguimiento mandera en el campo \u00abC\u00f3digo Head\u00bb.<\/li>\n\n\n\n<li>Guarda tus cambios.<\/li>\n\n\n\n<li>Publica tu sitio de Webflow.<\/li>\n\n\n\n<li>Abre tu sitio web en una pesta\u00f1a nueva del navegador.<\/li>\n\n\n\n<li>Verifica la instalaci\u00f3n con los pasos de arriba.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">agrega este fragmento al campo de c\u00f3digo del encabezado de todo el sitio<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;script\n  src=\"https:\/\/&lt;your-mandera-web-url&gt;\/analytics.js\"\n  mandera-org=\"ORG_ID\"\n  data-property-id=\"PROPERTY_ID\"\n  async\n&gt;&lt;\/script&gt;\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Reemplazar <code>ID_ORG<\/code>, <code>ID_INMUEBLE<\/code> y el script URL con los valores de tu panel de control mandera.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">El c\u00f3digo que a\u00f1adas al campo \u00abC\u00f3digo de cabecera\u00bb (Head Code) se carga en todo tu sitio de Webflow. Esta es la mejor opci\u00f3n para la configuraci\u00f3n est\u00e1ndar mandera, ya que el fragmento de c\u00f3digo deber\u00eda estar disponible en todas las p\u00e1ginas p\u00fablicas que quieras medir.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">M\u00e9todo 2: A\u00f1ade el fragmento a una p\u00e1gina espec\u00edfica<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Si primero solo quieres probar mandera en una p\u00e1gina de Webflow, puedes a\u00f1adir el fragmento de c\u00f3digo de seguimiento mediante el c\u00f3digo personalizado a nivel de p\u00e1gina.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Usa este m\u00e9todo solo para hacer pruebas o para p\u00e1ginas en las que quieras que mandera se limite a una parte concreta de tu web.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Abre tu proyecto de Webflow en el Dise\u00f1ador.<\/li>\n\n\n\n<li>Abre el panel de P\u00e1ginas.<\/li>\n\n\n\n<li>Selecciona la p\u00e1gina en la que quieres instalar mandera.<\/li>\n\n\n\n<li>Abre los ajustes de la p\u00e1gina.<\/li>\n\n\n\n<li>Baja hasta la secci\u00f3n de C\u00f3digo Personalizado.<\/li>\n\n\n\n<li>Pega el fragmento de c\u00f3digo de seguimiento mandera en el interior <code>&lt;head&gt;<\/code> campo de etiqueta.<\/li>\n\n\n\n<li>Guarda tus cambios.<\/li>\n\n\n\n<li>Publica tu sitio de Webflow.<\/li>\n\n\n\n<li>Abre la p\u00e1gina en una nueva pesta\u00f1a del navegador.<\/li>\n\n\n\n<li>Verifica la instalaci\u00f3n con los pasos de arriba.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">A\u00f1ade este fragmento a la p\u00e1gina-nivel dentro <code>&lt;head&gt;<\/code> etiqueta<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;script\n  src=\"https:\/\/&lt;your-mandera-web-url&gt;\/analytics.js\"\n  mandera-org=\"ORG_ID\"\n  data-property-id=\"PROPERTY_ID\"\n  async\n&gt;&lt;\/script&gt;\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Reemplazar <code>ID_ORG<\/code>, <code>ID_INMUEBLE<\/code> y el script URL con los valores de tu panel de control mandera.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si quieres que mandera analice toda tu web, utiliza mejor el m\u00e9todo del c\u00f3digo de cabecera para toda la web. La instalaci\u00f3n a nivel de p\u00e1gina solo se aplica a la p\u00e1gina seleccionada.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">M\u00e9todo 3: Usa el Tag Manager Google<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Si tu p\u00e1gina web de Webflow ya utiliza el Tag Manager Google, puedes a\u00f1adir el fragmento de c\u00f3digo mandera a trav\u00e9s de GTM en lugar de a\u00f1adirlo directamente mediante el c\u00f3digo personalizado de Webflow.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Abre el Tag Manager Google.<\/li>\n\n\n\n<li>Selecciona el contenedor que usas en tu sitio web de Webflow.<\/li>\n\n\n\n<li>Crea una etiqueta nueva.<\/li>\n\n\n\n<li>Elige una etiqueta HTML personalizada.<\/li>\n\n\n\n<li>Pega el fragmento de c\u00f3digo de seguimiento mandera en el campo HTML.<\/li>\n\n\n\n<li>Pon el disparador en todas las p\u00e1ginas.<\/li>\n\n\n\n<li>Guardar y publicar el contenedor.<\/li>\n\n\n\n<li>Abre tu sitio web de Webflow en una nueva pesta\u00f1a del navegador.<\/li>\n\n\n\n<li>Verifica la instalaci\u00f3n con los pasos de arriba.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Aseg\u00farate de que el contenedor de Google Tag Manager ya est\u00e9 instalado en tu p\u00e1gina web de Webflow. Si el contenedor no se carga, el fragmento de c\u00f3digo mandera tampoco se cargar\u00e1.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Elementos de c\u00f3digo incrustado de Webflow<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">No utilices un elemento \u00abCode Embed\u00bb normal para la instalaci\u00f3n b\u00e1sica de mandera. Los elementos \u00abCode Embed\u00bb son \u00fatiles para incrustaciones visibles o contenido de la p\u00e1gina, pero el fragmento de c\u00f3digo de seguimiento de mandera debe cargarse de forma global en la secci\u00f3n \u00abhead\u00bb de tu p\u00e1gina web.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Soluci\u00f3n de problemas para Webflow<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Si no aparece ning\u00fan dato en mandera, comprueba primero lo siguiente:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>tu sitio de Webflow est\u00e1 publicado<\/li>\n\n\n\n<li>tu sitio o plan de trabajo admite c\u00f3digo personalizado<\/li>\n\n\n\n<li>el fragmento se a\u00f1adi\u00f3 al campo C\u00f3digo principal del sitio<\/li>\n\n\n\n<li>Los valores de tu panel de control mandera se han copiado tal cual<\/li>\n\n\n\n<li>tus cambios se guardaron y publicaron<\/li>\n\n\n\n<li>la p\u00e1gina que est\u00e1s probando es p\u00fablica<\/li>\n\n\n\n<li>Tu navegador o bloqueador de anuncios no est\u00e1 bloqueando el script<\/li>\n\n\n\n<li>El Tag Manager Google se publica si has instalado el mandera a trav\u00e9s de GTM<\/li>\n\n\n\n<li>el fragmento no est\u00e1 instalado dos veces<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Si el script no aparece en la pesta\u00f1a Network, abre de nuevo la configuraci\u00f3n de C\u00f3digo Personalizado de Webflow y verifica si el fragmento sigue activo en el campo C\u00f3digo de Encabezado. Luego, publica el sitio de nuevo y prueba el sitio web en vivo, no solo la vista previa de Webflow.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfQu\u00e9 sigue?<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Checa tu primer dato<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Una vez instalado el fragmento de c\u00f3digo, mandera puede recopilar datos anal\u00edticos de tu p\u00e1gina web. Estos datos aparecen en la suite de an\u00e1lisis y ayudan al sistema a entender el tr\u00e1fico, las fuentes y las p\u00e1ginas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Esta misma configuraci\u00f3n tambi\u00e9n es compatible con el sistema mandera, de mayor alcance. Los datos anal\u00edticos pueden aportar contexto, informaci\u00f3n sobre el SEO y oportunidades de crecimiento en cuanto las partes correspondientes de tu espacio de trabajo est\u00e9n listas.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Sigue con las gu\u00edas del sistema<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Una vez instalada, abre la suite de an\u00e1lisis y comprueba si empiezan a aparecer datos. A continuaci\u00f3n, sigue las gu\u00edas del sistema para entender c\u00f3mo mandera utiliza esos datos en los flujos de trabajo de an\u00e1lisis, SEO, contexto y crecimiento.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Relacionado<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.mandera.ai\/es\/docs\/getting-started\/\">Empezando<\/a><br><a href=\"https:\/\/www.mandera.ai\/es\/docs\/analytics-suite\/\">Analytics Suite<\/a><br><a href=\"https:\/\/www.mandera.ai\/es\/docs\/settings\/\">Settings<\/a><br><a href=\"https:\/\/www.mandera.ai\/es\/docs\/core-concepts\/\">Conceptos b\u00e1sicos<\/a><br><a href=\"https:\/\/www.mandera.ai\/es\/docs\/how-we-track\/\">C\u00f3mo rastreamos<\/a><br><a href=\"https:\/\/www.mandera.ai\/es\/docs\/help\/\">Ayuda<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00daltima actualizaci\u00f3n: 12 de junio de 2026<\/p>","protected":false},"excerpt":{"rendered":"<p>Install mandera on your website, verify that tracking works and fix the most common setup issues. mandera starts collecting data once the tracking snippet loads on your website. Add it to every page you want to measure, then verify the installation in your browser and in the mandera dashboard. Using a specific CMS or website [&hellip;]<\/p>\n","protected":false},"featured_media":0,"template":"","meta":{"_acf_changed":false,"_seopress_titles_title":"Installation: add the mandera script | mandera docs","_seopress_titles_desc":"How to install mandera by adding one analytics script to your site, with no cookies and no consent banner. Works on any platform, live in two minutes.","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"","_seopress_redirections_param":"","_seopress_redirections_type":0,"_seopress_analysis_target_kw":"","_seopress_news_disabled":"","_seopress_video_disabled":"","_seopress_video":[],"_seopress_pro_schemas_manual":[],"_seopress_pro_rich_snippets_disable_all":"","_seopress_pro_rich_snippets_disable":[],"_seopress_pro_schemas":[],"_oxygen_hide_in_design_set":false,"_oxygen_tags":""},"class_list":["post-287","docs","type-docs","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.mandera.ai\/es\/wp-json\/wp\/v2\/docs\/287","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mandera.ai\/es\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.mandera.ai\/es\/wp-json\/wp\/v2\/types\/docs"}],"wp:attachment":[{"href":"https:\/\/www.mandera.ai\/es\/wp-json\/wp\/v2\/media?parent=287"}],"curies":[{"name":"qu\u00e9 pasa","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}