--- title: "SDK de Insider y catálogo: la instalación técnica | Smarteam" description: "Cómo instalar el SDK web y móvil de Insider y subir tu catálogo sin romper el sitio: eventos, feed de productos, consentimiento y QA antes de activar nada." --- [![Smarteam](https://blog.smarteamcr.com/hubfs/raw_assets/public/smarteam-web/images/logo-smarteam-light.png)](https://smarteamcr.com/) [Servicios](https://smarteamcr.com/servicios/) Qué hacemos [🧭**Implementación de CRM**HubSpot sobre tu proceso real](https://smarteamcr.com/servicios/implementacion-crm) [🛠️**Rescate de CRM**De instalado a produciendo](https://smarteamcr.com/servicios/rescate-crm) [🎯**CDP & activación**Insider: dato unificado y activo](https://smarteamcr.com/servicios/cdp-activacion) [🔗**Integraciones**Tu stack hablando en producción](https://smarteamcr.com/servicios/integraciones) [📈**RevOps**Marketing y ventas alineados](https://smarteamcr.com/servicios/revops) [📦**Migraciones de datos**Cambia de CRM sin perder nada](https://smarteamcr.com/servicios/migraciones-de-datos) [🌐**Desarrollo de sitio web**Sitios que capturan y convierten](https://smarteamcr.com/servicios/desarrollo-web) [🔁**Smartloop *Recurrente***Optimización continua todos los meses](https://smarteamcr.com/servicios/smartloop) Por dónde empezar Cada operación está en un momento distinto. Mide el tuyo y empieza por donde más produce. [Haz el test: ¿por dónde empiezo?→](https://smarteamcr.com/servicios/#diag) [Escala de Rendimiento→](https://smarteamcr.com/recursos/escala-de-rendimiento) [Haz tu diagnóstico↗](https://dev.smarteamcr.com/diagnostico-rendimiento/) [Ver todos los servicios →](https://smarteamcr.com/servicios/) [Partners](https://smarteamcr.com/partners/) [![HubSpot](https://blog.smarteamcr.com/hubfs/raw_assets/public/smarteam-web/images/brand/hubspot-sprocket.svg)**HubSpot**Elite Solutions Partner](https://smarteamcr.com/partners/hubspot)[![Insider](https://blog.smarteamcr.com/hubfs/raw_assets/public/smarteam-web/images/brand/insider-isotipo.svg)**Insider**CDP & activación omnicanal](https://smarteamcr.com/partners/insider) [Recursos](https://smarteamcr.com/recursos/) Explorar [✍️**Blog**Guías paso a paso y novedades](https://blog.smarteamcr.com/) [🏆**Casos de éxito**Resultados por industria](https://smarteamcr.com/casos-de-exito/) [📊**Escala de Rendimiento**El framework de madurez comercial](https://smarteamcr.com/recursos/escala-de-rendimiento) [⚡**Diagnóstico de rendimiento**Mide tu operación en minutos ↗](https://dev.smarteamcr.com/diagnostico-rendimiento/) Guías paso a paso [Implementación de HubSpot](https://blog.smarteamcr.com/implementar-hubspot) [Implementación de Insider](https://blog.smarteamcr.com/implementar-insider) [WhatsApp para ventas](https://blog.smarteamcr.com/vender-por-whatsapp) [SEO & AEO](https://blog.smarteamcr.com/seo-y-aeo) [Integración de datos](https://blog.smarteamcr.com/integrar-datos) [SAP y tu CRM](https://blog.smarteamcr.com/conectar-sap-con-el-crm) [RevOps](https://blog.smarteamcr.com/alinear-revops) [IA aplicada a revenue](https://blog.smarteamcr.com/aplicar-ia-en-revenue) [Escalar sin caos](https://blog.smarteamcr.com/escalar-la-operacion) [Rescate de CRM](https://blog.smarteamcr.com/rescatar-un-crm) [Migración de CRM](https://blog.smarteamcr.com/migrar-de-crm) [Explorar el centro de recursos →](https://smarteamcr.com/recursos/) [Nosotros](https://smarteamcr.com/nosotros) [Contacto](https://smarteamcr.com/contacto) [Revisión de diagnóstico](https://smarteamcr.com/contacto) [Servicios](https://smarteamcr.com/servicios/)[Integraciones](https://smarteamcr.com/servicios/integraciones)[Smartloop · servicio recurrente](https://smarteamcr.com/servicios/smartloop)[Escala de Rendimiento](https://smarteamcr.com/recursos/escala-de-rendimiento)[Partners](https://smarteamcr.com/partners/)[Recursos](https://smarteamcr.com/recursos/)[Blog](https://blog.smarteamcr.com/)[Casos de éxito](https://smarteamcr.com/casos-de-exito/)[Guías paso a paso](https://smarteamcr.com/recursos/#guias)[Nosotros](https://smarteamcr.com/nosotros)[Contacto](https://smarteamcr.com/contacto)[Revisión de diagnóstico](https://smarteamcr.com/contacto) [← Guía: Implementación de Insider](https://blog.smarteamcr.com/implementar-insider) # Paso 3 · SDK web/app y catálogo: la instalación técnica Paso 3 de 77 min de lecturaJulio 2026 [← Guía completa](https://blog.smarteamcr.com/implementar-insider) Implementación de Insider [**01**Requisitos de tráfico](https://blog.smarteamcr.com/requisitos-trafico) [**02**Perfil 360 en el CDP](https://blog.smarteamcr.com/unificacion-datos) [**03**SDK y catálogo](https://blog.smarteamcr.com/sdk-catalogo) [**04**Personalización on-site](https://blog.smarteamcr.com/personalizacion-web) [**05**Journeys omnicanal](https://blog.smarteamcr.com/journeys-omnicanal) [**06**Audiencias predictivas](https://blog.smarteamcr.com/prediccion-audiencias) [**07**Medición del ROI](https://blog.smarteamcr.com/medicion-roi) [Activar tu CDP](https://smarteamcr.com/servicios/cdp-activacion) **En este paso instalas el SDK web (y móvil si aplica), configuras los eventos que alimentan el perfil 360 y subes el catálogo de productos.** El criterio de salida es uno solo: cada evento crítico validado contra la realidad — una compra de prueba que aparece en el panel con el monto, los ítems y la identidad correctos. Sin ese QA, todo lo que actives después estará construido sobre arena. ## El snippet web: dónde y cómo El SDK web de Insider es un snippet JavaScript que va en el *head* de todas las páginas. Dos decisiones prácticas: - **¿Google Tag Manager o hardcodeado?** GTM te da agilidad (marketing puede actualizar sin release) pero agrega un intermediario que a veces carga tarde. Para personalización on-site el timing importa: un banner que aparece 2 segundos tarde parpadea y molesta. Nuestra práctica: hardcodear el snippet base en el template y dejar en GTM solo lo accesorio. - **Performance.** El SDK carga asíncrono y pesa poco, pero mide igual: corre una comparación antes/después en tus métricas de velocidad. Si tu sitio ya está pesado, este es el empujón para limpiarlo — la personalización amplifica lo que hay, incluida la lentitud. Si tienes app, el SDK móvil (iOS/Android) se instala en paralelo con el equipo de desarrollo: habilita push, in-app y el tracking de comportamiento dentro de la app. Coordinalo con el ciclo de releases — en LATAM, donde muchos equipos publican app cada 4-6 semanas, este suele ser el camino crítico del cronograma. ## Eventos: estándar primero, custom después Insider trae eventos estándar para ecommerce: vista de página, vista de producto, agregar al carrito, inicio de checkout, compra. Implementalos *todos* y con el payload completo (ID de producto, precio, moneda, cantidad). Después, y solo si un caso de uso lo pide, agrega eventos custom: "usó el buscador", "vio sucursales", "simuló crédito" — este último es oro en banca digital. La trampa habitual: los eventos estándar mal poblados. Una "compra" sin ítems sirve para contar, no para recomendar. El plan de datos del [paso 2](https://blog.smarteamcr.com/unificacion-datos) define qué debe llevar cada evento; acá se implementa tal cual, sin atajos. > Campañas brillantes sobre eventos rotos producen basura personalizada. El QA de datos no es burocracia: es el producto. ## El catálogo: el insumo de las recomendaciones El motor de recomendaciones del [paso 4](https://blog.smarteamcr.com/personalizacion-web) es tan bueno como tu feed. Requisitos mínimos por producto: ID único (el mismo que reportan los eventos — si difieren, nada matchea), nombre, precio actual y de lista, stock, categoría jerárquica, URL e imagen. Súmale los atributos que tu negocio usa para filtrar: talla, marca, color. Tres cuidados típicos de la región: - **Moneda y formato.** Si vendes en varios países (pesos, colones, reales), define moneda por feed o campo de moneda explícito. Un precio "1.500" ambiguo rompe la confianza del que recibe la recomendación. - **Stock fresco.** Actualiza el feed al menos cada pocas horas. Recomendar agotados es la forma más rápida de entrenar a tus usuarios a ignorar las recomendaciones. - **Imágenes reales.** Un feed con 30% de imágenes placeholder produce widgets feos. Auditalo antes de subirlo, no después de la primera campaña. ## Consentimiento y QA final Conecta el SDK con tu gestor de consentimiento: el tracking se activa según la preferencia del usuario, y el opt-out se respeta en todos los canales. Con eso resuelto, corre el QA completo con una matriz simple: cada evento crítico × cada plataforma (desktop, móvil web, app) × un usuario identificado y uno anónimo. Documenta el resultado. Una tarde de pruebas ahora ahorra semanas de "¿por qué este journey no dispara?" después. ## Errores comunes en este paso - **IDs de producto inconsistentes.** El evento reporta "SKU-123" y el catálogo dice "123". Nada matchea y las recomendaciones salen genéricas. Es el bug número uno que encontramos en rescates. - **Instalar solo en el home y las PDP.** El SDK va en TODAS las páginas: el comportamiento en checkout, búsqueda y contenido también alimenta el perfil. - **Saltarse el QA de la compra.** Es el evento más importante y el que más se rompe (pasarelas, redirecciones, páginas de gracias). Probalo con una compra real de punta a punta. - **Feed de catálogo "para salir del paso".** Sin stock ni categorías, el motor recomienda a ciegas. El feed pobre no se nota en la instalación: se nota en los resultados del paso 4. ## Checklist antes de pasar al siguiente - Snippet activo en todas las plantillas del sitio (y SDK en app, si aplica). - Eventos estándar completos, validados con compra de prueba real. - IDs de producto idénticos entre eventos y catálogo. - Feed de catálogo con precio, stock, categoría e imagen, actualizándose solo. - Consentimiento integrado y opt-out verificado. - Matriz de QA documentada y firmada por el dueño del proyecto. Con el dato fluyendo limpio, llega lo divertido: [Paso 4 · Personalización on-site y recomendaciones con IA](https://blog.smarteamcr.com/personalizacion-web). ¿Perdiste el hilo? Vuelve a la [guía completa](https://blog.smarteamcr.com/implementar-insider). [← Paso 2: Unificar el dato](https://blog.smarteamcr.com/unificacion-datos) [Paso 4: Personalización on-site →](https://blog.smarteamcr.com/personalizacion-web) [Ver la guía completa](https://blog.smarteamcr.com/implementar-insider) ## ¿La parte técnica te frena? Esto es una pieza de [la guía de implementación de Insider](https://blog.smarteamcr.com/implementar-insider), que va de los requisitos de tráfico hasta la medición. Un CDP encendido a medias cuesta lo mismo que uno completo y no produce igual — léela completa antes de firmar la licencia. [Leer la guía de Insider →](https://blog.smarteamcr.com/implementar-insider) [Hablar con el equipo →](https://smarteamcr.com/contacto) [![Smarteam](https://blog.smarteamcr.com/hubfs/raw_assets/public/smarteam-web/images/logo-smarteam-light.png)](https://smarteamcr.com/) Para crecer mejor necesitas operar mejor. ##### Servicios [Implementación CRM](https://smarteamcr.com/servicios/)[Smartloop](https://smarteamcr.com/servicios/smartloop)[CDP & activación](https://smarteamcr.com/partners/insider)[Integraciones](https://smarteamcr.com/servicios/integraciones)[RevOps](https://smarteamcr.com/servicios/)[Desarrollo web](https://smarteamcr.com/servicios/desarrollo-web) ##### Plataformas [HubSpot](https://smarteamcr.com/partners/hubspot)[Insider](https://smarteamcr.com/partners/insider)[Aceleradores](https://smarteamcr.com/servicios/integraciones) ##### Recursos [Centro de recursos](https://smarteamcr.com/recursos/)[Casos de éxito](https://smarteamcr.com/casos-de-exito/)[Blog](https://blog.smarteamcr.com/)[Nosotros](https://smarteamcr.com/nosotros)[Contacto](https://smarteamcr.com/contacto) © 2026 Smarteam — CRM · CDP · Integraciones para equipos comerciales en LATAM.Elite HubSpot Partner · Partner de Insider