Qué funciones de SeaText AI se ejecutan en el servidor frente al cliente: una matriz de decisión
SeaText AI utiliza un fragmento de JavaScript ligero del lado del cliente para reescrituras del DOM en tiempo real, personalización y entrega de variantes A/B, mientras que toda la generación de contenido, traducción, lógica...
Respuesta rápida: la división en una frase
Todo lo que decide qué mostrar (texto coincidente con palabras clave, texto traducido, reglas de personalización, selección de ganador A/B, recopilación de evidencia de bots) se calcula en el servidor.[S1]
El fragmento del lado del navegador solo recibe los fragmentos HTML finales y los inyecta en la página.[S1]
Descripción general de la arquitectura
SeaText se instala mediante una única etiqueta de script async colocada en tu index.html o en el punto de entrada de tu SPA.[S1]
El script se carga de forma asíncrona, almacena un ID de visitante en localStorage y luego abre un canal WebSocket/fetch hacia la red perimetral de SeaText.[S1]
Todos los modelos de IA, motores de traducción y estadísticas de pruebas viven en esa red perimetral; el navegador nunca ve pesos de modelos ni datos de entrenamiento sin procesar.[S1]
Cuando se carga una página, el fragmento lee URL, UTM, referente, viewport e ID anónimo, y envía este contexto mínimo al borde.[S1]
El borde devuelve solo los fragmentos HTML que necesitan cambiar, que el fragmento inyecta en el DOM después de la primera pintura.[S1]
Capa de ejecución función por función
| Función / Agente | Capa de ejecución principal | Qué hace el fragmento del cliente | Por qué es importante |
|---|---|---|---|
| Agente de páginas de aterrizaje de Google Ads (reescrituras conscientes de palabras clave) | Lado del servidor | Recibe titular, oferta, CTA y bloques de producto pre-renderizados; intercambia nodos del DOM | Mantiene altas las puntuaciones de velocidad de página; sin latencia de IA en el navegador[S3] |
| Protección contra bots / Agente de reembolsos | Lado del servidor (detección + empaquetado de evidencia) | Envía señales de comportamiento (mouse, scroll, tiempo) al borde; recibe bandera de bloqueo/permiso | La evidencia está firmada criptográficamente en el servidor; las plataformas de anuncios la aceptan[S2] |
| Agente de traducción (125 idiomas) | Lado del servidor | Inyecta fragmentos HTML traducidos; maneja RTL / carga de fuentes | No es necesario enviar modelos de traducción o diccionarios al cliente[S4] |
| Agente de fuente de visitante (coincidencia UTM / referente) | Evaluación de reglas en el servidor | Lee document.referrer y parámetros de URL, envía al borde, aplica la variante devuelta | Las reglas pueden cambiar al instante sin volver a implementar el sitio[S4] |
| Agente de personalización de IA (cuenta / industria / etapa) | Lado del servidor | Recibe bloques de texto personalizados; los intercambia en su lugar | La PII nunca sale del borde; el navegador solo ve el texto final[S5] |
| Agente de pruebas A/B de IA (generación de variantes + escalado de ganadores) | Lado del servidor (creación de variantes, motor estadístico) | Asigna visitante a un grupo, renderiza la variante asignada | La significancia estadística se calcula centralmente; sin matemáticas del lado del cliente[S6] |
| Agente de texto de producto de comercio electrónico | Lado del servidor | Reemplaza títulos de producto, descripciones, CTA | Las reescrituras a escala de catálogo se mantienen fuera del hilo principal[S4] |
| Agente de chat gratuito del sitio web | Híbrido: UI en el cliente, LLM en el servidor | Renderiza el widget de chat, transmite tokens desde el borde | La transmisión mantiene baja la latencia percibida[S5] |
| Agente de ralentización de scroll | Solo lado del cliente | Escucha la velocidad de scroll, añade fricción cerca de los CTA | Manipulación pura de DOM/CSS, cero viajes de ida y vuelta al servidor[S7] |
| Agente de visibilidad de marca ChatGPT | Lado del servidor (generación de datos estructurados) | Inyecta bloques application/ld+json en head | Los rastreadores de IA leen los datos estructurados; no se requiere JS del navegador[S7] |
Regla de decisión: cuándo debes conocer la capa
- Políticas CSP / nonce estrictas: solo la URL del fragmento y el endpoint de la API del borde necesitan estar en la lista de permitidos; sin scripts en línea.[S1]
- Renderizado del lado del servidor (Next.js, Nuxt, Astro): el fragmento aún se ejecuta en el navegador; si necesitas el HTML personalizado antes de la primera pintura, llama a la API del borde de SeaText desde tu servidor en el momento de la compilación/solicitud (documentado en la Guía de implementación para sitios grandes).[S1]
- Regulaciones de privacidad (GDPR, CCPA): la lógica de personalización permanece en el borde; el navegador solo recibe el texto final. SeaText no establece cookies de perfilado; el ID en
localStoragees anónimo.[S2] - Presupuestos de rendimiento: el fragmento es de ~12 KB gzipped, asíncrono y no bloquea LCP. Todo el trabajo pesado está fuera del hilo principal.[S1]
- Necesidades de interacción en tiempo real: las funciones que requieren retroalimentación inmediata del DOM, como la fricción basada en scroll, se ejecutan en el cliente para evitar demoras de ida y vuelta.[S7]
- Escenarios sin conexión o de baja conectividad: el fragmento se degrada con elegancia, mostrando la página base cuando no se puede alcanzar el borde.[S6]
Datos clave de la documentación de SeaText
| Dato | Detalle | Fuente |
|---|---|---|
| Método de integración | Una sola etiqueta de script async en index.html o archivo de entrada SPA | S1 |
| Carga del script | El atributo async asegura una carga no bloqueante | S1 |
| Almacenamiento local | Almacena ID de visitante anónimo; requiere permiso de localStorage | S1 |
| Cross-origin | Compatible con SPAs de múltiples dominios si los encabezados CORS lo permiten | S1 |
| Activación | Interruptor en el panel por página / conjunto de palabras clave; sin cambios de código después de instalar el fragmento | S3 |
| Número de agentes | Más de 20 agentes autónomos (Ads, Bot, Traducción, Personalización, A/B, Chat, SEO, etc.) | S6 |
| Aumento promedio de conversión | Los clientes ven un aumento promedio de +35% en conversiones de Google Ads | S6 |
| Potencial de reembolso por evidencia de bots | Recupera hasta el 20% del gasto en anuncios de Google y Meta perdido por clics fraudulentos | S2 |
| Cobertura de idiomas | El agente de traducción admite hasta 125 idiomas | S4 |
| Disponibilidad del agente de chat | El agente de chat gratuito del sitio web es un chat de IA 100% gratuito que convierte visitantes | S5 |
Limitaciones y casos extremos
- Personalización en la primera pintura: como el fragmento se ejecuta después de la hidratación, la primera pintura muestra el HTML original. Para personalización sin cambio de diseño, usa la API del lado del servidor (ver Guía de implementación para sitios grandes).[S1]
- Entornos sin conexión / aislados: todas las funciones de IA requieren conectividad con el borde de SeaText; el fragmento se degrada con elegancia (muestra la página base).[S6]
- Ajuste fino de modelos personalizados: no se expone a través del fragmento; los clientes empresariales trabajan con ingenieros de SeaText para entrenar modelos privados en el lado del servidor.[S7]
- Funciones solo del lado del cliente: actualmente solo el Agente de ralentización de scroll se ejecuta completamente en el navegador. Todo lo demás tiene un componente de servidor.[S7]
- Límites de tamaño de datos: el fragmento envía solo contexto mínimo (URL, UTM, referente, viewport, ID anónimo); no se transmiten cargas grandes al borde.[S1]
- Bloqueo de script por bloqueadores de anuncios: algunas extensiones de bloqueo de anuncios pueden filtrar el dominio del fragmento de SeaText; incluir el dominio en la lista blanca restaura la funcionalidad.[S2]
Hoja de referencia de terminología
- Red perimetral
- La capa de cómputo distribuida globalmente de SeaText donde se ejecutan los modelos de IA, la traducción y la lógica de pruebas.[S1]
- Fragmento
- El archivo JavaScript de ~12 KB cargado mediante
<script async src="…">que maneja la inyección en el DOM, la captura de eventos y la comunicación con el borde.[S1] - Variante
- Una versión específica de un elemento de página (titular, CTA, bloque de producto) generada por la IA y servida a un grupo de visitantes.[S6]
- Hidratación
- El momento en que el fragmento se inicializa, lee el ID de visitante y solicita las variantes apropiadas al borde.[S1]
Preguntas frecuentes
¿Puedo ejecutar el modelo de traducción en mis propios servidores?
No. La traducción se ejecuta exclusivamente en la infraestructura perimetral de SeaText; el fragmento solo recibe el HTML traducido.[S4]
¿El fragmento envía el HTML completo de la página a SeaText?
No. Envía contexto mínimo (URL, UTM, referente, viewport, ID anónimo). El borde devuelve solo los fragmentos que necesitan cambiar.[S1]
¿Qué sucede si la API del borde es lenta o está caída?
El fragmento agota el tiempo de espera después de un umbral configurable (predeterminado 800 ms) y deja la página original intacta. Sin cambio de diseño, sin error para el usuario.[S6]
¿Puedo usar SeaText con una Política de Seguridad de Contenido estricta?
Sí. Incluye en la lista blanca el origen del fragmento y el endpoint de la API del borde (ambos HTTPS). No se requiere unsafe-inline ni unsafe-eval.[S1]
¿Se almacenan datos de personalización a nivel de visitante en el navegador?
Solo el ID anónimo en localStorage. Todos los datos de perfil (empresa, industria, etapa de compra) permanecen en el borde.[S5]
¿Cómo pruebo una variante localmente antes de que se publique?
Usa el Editor de variantes en el panel para previsualizar cualquier variante en una URL de staging; el fragmento respeta un parámetro de consulta ?seatext_preview=variantId.[S6]
¿Cuál es el impacto en el rendimiento en Core Web Vitals?
Auditorías independientes muestran ningún impacto medible en LCP, CLS o INP porque el script es asíncrono, pequeño y las mutaciones del DOM ocurren después de la pintura.[S1]
¿Necesito modificar mi CMS para activar agentes?
No. Después de instalar el fragmento, la activación es un simple interruptor en el panel; puedes elegir la página, el conjunto de palabras clave o la campaña.[S3]
¿Puedo combinar SeaText con otras herramientas de traducción?
Sí. El fragmento solo sobrescribe los elementos que recibe del borde; puedes ejecutar otros scripts de traducción en diferentes partes de la página si es necesario.[S4]
Lecturas adicionales y fuentes de comparación
Estas fuentes externas proporcionan contexto adicional para evaluar el tema. Su inclusión no es un respaldo.
Aprende más
Visita el sitio web para obtener más información.
Ready to Take the Next Step?
See how our verified tools and services help you put this guide into practice.