GA4, píxeles, chat y GTM — guía de instalación y configuración · por Softnet Sistemas
1. Qué hace este módulo
Código personalizado inserta cualquier fragmento de terceros (Google Analytics 4, Google Tag Manager, píxeles de Meta/TikTok/Pinterest, widgets de chat, etiquetas de verificación, CSS/JS a medida) dentro del <head> o del <body> de todas las páginas de tu tienda — sin editar ni una sola plantilla y a prueba de actualizaciones del tema. Cada fragmento se puede segmentar por tipo de página, dispositivo, idioma y visibilidad.
2. Requisitos
PrestaShop 1.7.0.0 a 9.x.
No requiere ningún servicio ni cuenta externa. El módulo se ejecuta por completo en tu propia tienda.
3. Instalación
En tu back office, ve a Módulos → Gestor de módulos.
Pulsa Subir un módulo y selecciona el ZIP del módulo (sncustomcode.zip).
PrestaShop lo instala automáticamente. Al terminar, pulsa Configurar.
El módulo registra tres hooks de visualización al instalarse: displayHeader, displayAfterBodyOpeningTag y displayBeforeBodyClosingTag. No hace falta editar plantillas.
4. Añadir tu primer fragmento
En la pantalla de configuración, pulsa Añadir fragmento.
Ponle un Nombre claro (p. ej. “GA4”, “Píxel de Meta”, “Widget de chat”).
Elige la Posición (ver la tabla de abajo).
Pega tu código en el editor. Se guarda exactamente como lo pegas — las etiquetas script y meta nunca se eliminan.
Opcionalmente, define la segmentación (páginas, dispositivo, idioma, visibilidad, prioridad).
Asegúrate de que Activo está marcado y pulsa Guardar.
Abre tu tienda y confirma que la etiqueta se carga correctamente.
Posiciones
Posición
Dónde se imprime
Uso típico
Head
Dentro de <head>
GA4, Matomo, Clarity, metaetiquetas de verificación, la parte script de GTM
Inicio del body
Justo tras <body>
El fragmento <noscript> de Google Tag Manager
Final del body
Antes de </body>
Widgets de chat y scripts no críticos
5. Opciones de segmentación
Páginas — muestra el fragmento en todas las páginas o solo en los tipos elegidos (portada, producto, categoría, CMS, carrito, pago, contacto, búsqueda).
Dispositivo — todos, solo móvil o solo escritorio.
Idioma — todos los idiomas o uno concreto.
Visibilidad — Todos; Ocultar a los empleados con sesión (deja tus propias visitas fuera de tu analítica); o Solo empleados (prueba una etiqueta nueva en producción con seguridad antes de activarla).
Prioridad — los números bajos se imprimen primero cuando varios fragmentos comparten posición.
6. Gestión de fragmentos
Activa o desactiva cualquier fragmento sin borrarlo — pausa un píxel mientras pruebas y vuelve a encenderlo.
Edita o elimina un fragmento desde la lista en cualquier momento.
En instalaciones multitienda, los fragmentos guardados en el contexto de una tienda se aplican solo a esa tienda.
7. Desinstalación
Al desinstalar el módulo desde el Gestor de módulos se eliminan todos los fragmentos y el código insertado en las páginas de tu tienda. No queda ningún dato residual.
Consejo: una etiqueta script mal cerrada puede romper la carga de la página. Tras guardar un fragmento, abre el front office de tu tienda y comprueba que las páginas cargan bien.
Código personalizado en head y body · Softnet Sistemas SL · Soporte: support@aiprocessia.com
Módulo mantenido y compatible con PrestaShop 1.7 a 9.