> ## Documentation Index
> Fetch the complete documentation index at: https://docs.topsort.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Puesta en Producción

> Guía completa para preparar y ejecutar una transición fluida a producción con estrategias integrales de prueba y monitoreo.

export const IntegrationsCard1AEs = () => {
  return <>
      <style>{`
        .integrations-card-1a-es {
          display: flex;
          flex-direction: column;
          background-color: #f0f2f4;
          border: 1px solid rgba(0, 0, 0, 0.08);
          border-radius: 12px;
          padding: 1.25rem 1.5rem;
          gap: 0.25rem;
          color: #25253b;
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
          transition: box-shadow 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
          margin-top: 2rem;
        }

        .integrations-card-1a-es:hover {
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
          border-color: rgba(0, 0, 0, 0.12);
        }

        .dark .integrations-card-1a-es {
          background-color: #25253b;
          color: #f6f8fa;
          border-color: rgba(255, 255, 255, 0.08);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
        }

        .dark .integrations-card-1a-es:hover {
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
          border-color: rgba(255, 255, 255, 0.12);
        }

        .integrations-card-1a-es-avatar-row {
          display: flex;
          margin-left: 14px;
          flex-wrap: wrap;
        }

        .integrations-card-1a-es-avatar {
          width: 44px;
          height: 44px;
          border-radius: 50%;
          border: 2px solid #f0f2f4;
          margin-left: -14px;
          object-fit: cover;
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
          pointer-events: none;
          cursor: default;
        }

        .dark .integrations-card-1a-es-avatar {
          border-color: #25253b;
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
        }

        .integrations-card-1a-es h2 {
          margin: 0;
          line-height: 1.25;
          font-size: clamp(1.25rem, calc(0.875rem + 1.25vw), 1.75rem);
          font-weight: 700;
          letter-spacing: -0.025em;
          color: #111827;
        }

        .dark .integrations-card-1a-es h2 {
          color: #f9fafb;
        }

        .integrations-card-1a-es-subtitle {
          font-size: 0.9375rem;
          font-weight: 500;
          line-height: 1.5;
          color: #4b5563;
          margin: 0;
        }

        .dark .integrations-card-1a-es-subtitle {
          color: #d1d5db;
        }

        .integrations-card-1a-es p {
          margin: 0;
          line-height: 1.5;
          font-size: 0.875rem;
          color: #374151;
        }

        .dark .integrations-card-1a-es p {
          color: #d1d5db;
        }

        .integrations-card-1a-es a {
          color: #0500ff;
          text-decoration: none;
          font-weight: 500;
          transition: color 0.15s ease;
        }

        .integrations-card-1a-es a:hover {
          color: #0400cc;
        }

        .dark .integrations-card-1a-es a {
          color: #8280ff;
        }

        .dark .integrations-card-1a-es a:hover {
          color: #a19fff;
        }

        @media (max-width: 640px) {
          .integrations-card-1a-es-avatar {
            width: 38px;
            height: 38px;
            margin-left: -12px;
          }

          .integrations-card-1a-es-avatar-row {
            margin-left: 12px;
          }
        }

        @media (min-width: 1280px) {
          .integrations-card-1a-es p {
            font-size: 0.6875rem;
            line-height: 1.4;
            letter-spacing: -0.01em;
          }

          .integrations-card-1a-es h2 {
            font-size: clamp(1rem, calc(0.75rem + 1vw), 1.25rem);
          }

          .integrations-card-1a-es-subtitle {
            font-size: 0.75rem;
          }
        }
      `}</style>
      <div className="integrations-card-1a-es">
        <div className="integrations-card-1a-es-avatar-row">
          <img src="/images/integration-team/agustin.webp" alt="" loading="lazy" className="integrations-card-1a-es-avatar" />
          <img src="/images/integration-team/amelia.webp" alt="" loading="lazy" className="integrations-card-1a-es-avatar" />
          <img src="/images/integration-team/bernardita.webp" alt="" loading="lazy" className="integrations-card-1a-es-avatar" />
          <img src="/images/integration-team/borumy.webp" alt="" loading="lazy" className="integrations-card-1a-es-avatar" />
          <img src="/images/integration-team/felipe.webp" alt="" loading="lazy" className="integrations-card-1a-es-avatar" />
          <img src="/images/integration-team/gui.webp" alt="" loading="lazy" className="integrations-card-1a-es-avatar" />
          <img src="/images/integration-team/javiera.webp" alt="" loading="lazy" className="integrations-card-1a-es-avatar" />
          <img src="/images/integration-team/linn.webp" alt="" loading="lazy" className="integrations-card-1a-es-avatar" />
          <img src="/images/integration-team/marcio.webp" alt="" loading="lazy" className="integrations-card-1a-es-avatar" />
          <img src="/images/integration-team/mateus.webp" alt="" loading="lazy" className="integrations-card-1a-es-avatar" />
          <img src="/images/integration-team/max.webp" alt="" loading="lazy" className="integrations-card-1a-es-avatar" />
          <img src="/images/integration-team/rodrigo.webp" alt="" loading="lazy" className="integrations-card-1a-es-avatar" />
        </div>

        <h2>¿Necesitas ayuda con tu integración de Topsort?</h2>

        <p className="integrations-card-1a-es-subtitle">
          Habla con nosotros, el equipo de ingeniería de integraciones.
        </p>

        <p>
          Contáctanos a través de <strong>tu canal de mensajería dedicado</strong> o en{" "}
          <a href="mailto:support@topsort.com">support@topsort.com</a>.
        </p>

        <p>
          Si aún no eres cliente,{" "}
          <a href="https://www.topsort.com/book-a-demo">agenda una demo</a> con nuestro
          equipo de ventas.
        </p>
      </div>
    </>;
};

Antes de pasar a producción, realice Pruebas de Aceptación del Usuario (UAT) exhaustivas para asegurar una transición fluida. Esta guía le guiará a través de la preparación previa al lanzamiento, procedimientos de prueba, pasos de implementación y monitoreo posterior al lanzamiento.

<Note>
  **Su proceso de puesta en producción puede variar** dependiendo de su ruta de integración y formatos de anuncios. Esta guía cubre los escenarios más comunes, pero su implementación específica puede diferir. Por ejemplo:

  * **Sponsored Listings** requieren integración completa del catálogo con datos de productos
  * **Banner Ads** pueden requerir solo configuración de proveedor/anunciante sin catálogo a nivel de producto
  * **Configuraciones de ubicación** varían según sus opciones de formato de anuncio

  Trabaje con su contacto de Topsort para confirmar qué secciones aplican a su integración.
</Note>

## Lista de Verificación Previa al Lanzamiento

<Tabs>
  <Tab title="Sponsored Listings">
    <AccordionGroup>
      <Accordion title="Integración de Catálogo">
        * [ ] El feed de productos está conectado y actualizándose regularmente
        * [ ] Todos los atributos de productos (id, nombre, precio, imagen, categoría) están poblados
        * [ ] La disponibilidad de productos es precisa
        * [ ] La taxonomía de categorías está correctamente mapeada (basada en su estructura de taxonomía acordada)
      </Accordion>

      <Accordion title="Integración de Subastas">
        * [ ] Las solicitudes de subasta incluyen todos los campos requeridos
        * [ ] El manejo de respuestas está implementado
      </Accordion>

      <Accordion title="Integración de Eventos">
        * [ ] El seguimiento de impresiones se activa cuando los productos patrocinados son visibles
        * [ ] El seguimiento de clics se activa en clics de productos (incluyendo "Agregar al Carrito" si aplica)
        * [ ] Los eventos de compra incluyen todos los detalles del pedido
        * [ ] Los IDs de usuario son consistentes en todos los eventos
      </Accordion>
    </AccordionGroup>
  </Tab>

  <Tab title="Banner Ads">
    <AccordionGroup>
      <Accordion title="Configuración de Proveedor/Anunciante">
        * [ ] Los proveedores/anunciantes están configurados en el sistema
        * [ ] Las ubicaciones o plantillas JSON están creadas en el sistema
        * [ ] Los recursos creativos de banners están cargados y aprobados
        * [ ] Las URLs de clic están configuradas correctamente
        * [ ] (Opcional) Los estándares de contenido están cargados en el sistema
      </Accordion>

      <Accordion title="Integración de Subastas">
        * [ ] Las solicitudes de subasta incluyen todos los campos requeridos
        * [ ] Los IDs de ubicación de banner están configurados correctamente
        * [ ] El manejo de respuestas devuelve datos creativos del banner
        * [ ] La lógica de renderizado de banner está implementada
      </Accordion>

      <Accordion title="Integración de Eventos">
        * [ ] El seguimiento de impresiones se activa cuando el banner es visible
        * [ ] El seguimiento de clics se activa en clics de banner
        * [ ] Los IDs de usuario son consistentes en todos los eventos
      </Accordion>
    </AccordionGroup>
  </Tab>
</Tabs>

### Configuración Común (Todos los Formatos de Anuncios)

<AccordionGroup>
  <Accordion title="Configuración de Entorno">
    **Credenciales API:**

    * [ ] Las claves API de sandbox están configuradas correctamente
    * [ ] Las claves API de producción están listas (no cambiar todavía)
    * [ ] Las claves API están almacenadas de forma segura en variables de entorno
    * [ ] El proceso de rotación de claves está documentado

    **Configuración de Entorno:**

    * [ ] El entorno de staging refleja la configuración de producción
    * [ ] Todos los endpoints de API están configurados correctamente
    * [ ] Los valores de timeout son apropiados (recomendado: 500-1000ms)
    * [ ] El manejo de errores está implementado
  </Accordion>

  <Accordion title="Verificación de UI/UX">
    **Visualización de Anuncios:**

    * [ ] Las ubicaciones de anuncios se renderizan correctamente en todos los tipos de dispositivos
    * [ ] Las etiquetas de anuncios son claramente visibles (ver directrices de etiquetado abajo)
    * [ ] Las imágenes/creativos de anuncios se cargan correctamente con respaldos
    * [ ] El comportamiento de clic funciona según lo esperado

    **Rendimiento:**

    * [ ] Los tiempos de carga de página son aceptables con anuncios
    * [ ] Los anuncios no bloquean el renderizado crítico de página
    * [ ] La experiencia móvil está optimizada (objetivos táctiles, diseños responsivos, tiempos de carga rápidos)
    * [ ] Se cumplen los requisitos de accesibilidad
  </Accordion>

  <Accordion title="Monitoreo y Análisis">
    **Instrumentación:**

    * [ ] El seguimiento de errores está configurado (Sentry, Datadog, etc.)
    * [ ] El monitoreo de rendimiento está en su lugar
    * [ ] Los dashboards personalizados están configurados
    * [ ] Los umbrales de alerta están definidos

    **Registro:**

    * [ ] El registro de solicitudes/respuestas API está habilitado
    * [ ] Los registros de errores están siendo capturados
    * [ ] La pista de auditoría para eventos de anuncios está configurada
    * [ ] Las políticas de retención de registros están establecidas
  </Accordion>
</AccordionGroup>

### Directrices de Etiquetado de Anuncios

<CardGroup cols={2}>
  <Card title="Etiquetas Recomendadas" icon="tag">
    Use etiquetas que indiquen claramente contenido promocional evitando activar bloqueadores de anuncios:

    * **"Destacado"**
    * **"Recomendado"**
    * **"Elección del Cliente"**
    * **"Mejor Selección"**

    <Warning>
      Evite usar "Patrocinado" o "Anuncio" ya que estos términos son comúnmente objetivo de bloqueadores de anuncios.
    </Warning>
  </Card>

  <Card title="Clientes Europeos (Cumplimiento DSA)" icon="eu">
    Si opera en la Unión Europea, la **Ley de Servicios Digitales (DSA)** requiere:

    * [ ] Etiquetado claro de que el contenido es un anuncio
    * [ ] Visualización del nombre del anunciante en los detalles del anuncio
    * [ ] Transparencia sobre por qué se mostró el anuncio al usuario

    Trabaje con su equipo legal para asegurar el cumplimiento completo de DSA.
  </Card>
</CardGroup>

## Pruebas de Aceptación del Usuario (UAT)

### 1. Pruebas de Catálogo

<Tabs>
  <Tab title="Sponsored Listings">
    <Card icon="box" title="Verificar Datos de Productos">
      **En el Panel de Administración de Topsort:**

      1. Navegue a la sección de Catálogo
      2. Verifique que los productos sean visibles y buscables
      3. Verifique que los datos de productos estén completos:
         * Nombres de productos, imágenes y precios son correctos
         * Las categorías están correctamente asignadas
         * El estado de disponibilidad del producto es preciso

      **Probar Creación de Campaña:**

      1. Cree una nueva campaña de prueba llamada `UAT-TEST-[FECHA]`
      2. Intente agregar productos a la campaña
      3. Verifique que la búsqueda y filtrado de productos funciona
      4. Confirme que la selección de productos se guarda correctamente

      **Resultado Esperado:** Todos los productos deben ser seleccionables al crear campañas, con información precisa y completa.
    </Card>
  </Tab>

  <Tab title="Banner Ads (Configuración de Proveedor)">
    <Card icon="rectangle-ad" title="Verificar Configuración de Proveedor/Banner">
      **En el Panel de Administración de Topsort:**

      1. Navegue a la sección de Proveedores/Anunciantes
      2. Verifique que los proveedores estén configurados correctamente
      3. Verifique que las URLs de clic sean correctas

      **Probar Creación de Campaña:**

      1. Cree una nueva campaña de prueba llamada `UAT-TEST-[FECHA]`
      2. Seleccione formato de anuncio de banner
      3. Configure targeting y configuraciones de puja
      4. Active la campaña

      **Resultado Esperado:** Las campañas de banner deben ser creables con recursos creativos apropiados y opciones de targeting.
    </Card>
  </Tab>
</Tabs>

### 2. Pruebas de Subastas y Eventos

<Tabs>
  <Tab title="Sponsored Listings">
    <CardGroup cols={2}>
      <Card icon="gavel" title="Pruebas de Subasta">
        **Configuración:**

        * Cree campaña `UAT-TEST` con 3-5 productos
        * Establezca monto de puja alto (\$10+) para asegurar victorias
        * Active la campaña

        **Escenarios de Prueba:**

        1. Verifique que la solicitud de subasta se envíe
        2. Verifique que los productos ganadores sean devueltos
        3. Confirme que los productos se renderizan en la página

        **Validación:**

        * Verifique la pestaña de red del navegador para llamadas API
        * Verifique que la respuesta de subasta contenga productos
        * Asegúrese de que resolvedBidId esté capturado para seguimiento de eventos
      </Card>

      <Card icon="chart-simple" title="Pruebas de Eventos">
        **Probar Todos los Tipos de Eventos:**

        **Eventos de Impresión:**

        * Cargue página con productos patrocinados
        * Verifique que el evento de impresión se active cuando el anuncio sea visible
        * Verifique que resolvedBidId esté incluido

        **Eventos de Clic:**

        * Haga clic en producto patrocinado
        * Verifique que el evento de clic se active inmediatamente
        * **Nota:** Las acciones "Agregar al Carrito" también cuentan como clics si están configuradas
        * Confirme que la navegación/acción funcione correctamente

        **Eventos de Compra:**

        * Complete una compra con producto patrocinado
        * Verifique que el evento de compra incluya:
          * ID de producto y cantidad
          * Valor del pedido e ID de pedido
          * **ID de Usuario** (requerido para atribución)
      </Card>
    </CardGroup>
  </Tab>

  <Tab title="Banner Ads">
    <CardGroup cols={2}>
      <Card icon="gavel" title="Pruebas de Subasta">
        **Configuración:**

        * Cree campaña de banner `UAT-TEST`
        * Establezca monto de puja alto para asegurar victorias
        * Active la campaña

        **Escenarios de Prueba:**

        1. Cargue página con ubicación de banner
        2. Verifique que la solicitud de subasta se envíe
        3. Verifique que el creativo de banner ganador sea devuelto
        4. Confirme que el banner se renderice correctamente en la página

        **Validación:**

        * Verifique la pestaña de red del navegador para llamadas API
        * Verifique que la respuesta de subasta contenga datos de banner
        * Asegúrese de que resolvedBidId esté capturado para seguimiento de eventos
      </Card>

      <Card icon="chart-simple" title="Pruebas de Eventos">
        **Probar Todos los Tipos de Eventos:**

        **Eventos de Impresión:**

        * Cargue página con ubicación de banner
        * Verifique que el evento de impresión se active cuando el banner sea visible
        * Verifique que resolvedBidId esté incluido

        **Eventos de Clic:**

        * Haga clic en banner
        * Verifique que el evento de clic se active inmediatamente
        * Confirme que la navegación de URL de clic funcione

        **Nota:** Los eventos de compra pueden no aplicar a integraciones solo de banner a menos que esté rastreando conversiones posteriores.
      </Card>
    </CardGroup>
  </Tab>
</Tabs>

<Tip>
  **Probar con Dos Usuarios Diferentes:** Realice todas las pruebas con al menos dos sesiones de usuario únicas para verificar el seguimiento y atribución apropiados del usuario.
</Tip>

### 3. Validación de Datos

<Steps>
  <Step title="Capturar Evidencia de Prueba">
    **Para Cada Usuario de Prueba:**

    * Tome capturas de pantalla de ubicaciones de anuncios
    * Capture solicitudes de red mostrando llamadas API
    * Documente detalles de pedidos para eventos de compra (si aplica)
    * Anote marcas de tiempo para cada acción
  </Step>

  <Step title="Enviar a Topsort">
    Envíe lo siguiente a su contacto de Topsort:

    * Capturas de pantalla de impresiones de anuncios
    * Registros de red mostrando llamadas de subasta y eventos
    * Nombre de campaña de prueba y rango de tiempo
    * Identificadores de usuario usados en las pruebas
  </Step>

  <Step title="Revisar Resumen de Datos">
    Topsort proporcionará un resumen incluyendo:

    * Total de subastas recibidas
    * Conteos de impresiones y clics
    * Conteos de compras (para integraciones de anuncios de listados)
    * Puntuación de calidad de datos
    * Cualquier discrepancia o problema de datos

    **Verificar Alineación:**

    * Los números coinciden con sus acciones de prueba
    * La cadena de atribución está completa
    * No hay eventos faltantes o duplicados
  </Step>
</Steps>

## Implementación en Producción

### Pasos de Implementación

<Steps>
  <Step title="Conectar Catálogo de Producción">
    <Tabs>
      <Tab title="Sponsored Listings">
        **Opción 1: Feed de Productos**

        * Comparta su URL de feed de producción con Topsort
        * Asegúrese de que el feed sea accesible y se actualice regularmente
        * Frecuencia de actualización recomendada: Cada 15-60 minutos

        **Opción 2: API de Catálogo**

        * Use la [API de Catálogo](/es/ad-server/catalog/) para actualizaciones en tiempo real
        * Implemente operaciones de crear, actualizar y eliminar
        * Configure sincronización completa de catálogo programada

        **Verificar:**

        * El conteo de productos coincide con las expectativas
        * Todos los campos requeridos están poblados
        * Las imágenes se cargan correctamente
      </Tab>

      <Tab title="Banner Ads">
        **Configuración de Proveedor:**

        * Confirme que todos los proveedores/anunciantes estén configurados
        * Verifique que los creativos de banner estén cargados y aprobados
        * Verifique que las URLs de clic estén listas para producción

        **Verificar:**

        * Todos los proveedores activos son visibles en admin
        * Los creativos de banner se muestran correctamente
        * Las opciones de targeting están configuradas
      </Tab>
    </Tabs>
  </Step>

  <Step title="Obtener Credenciales de Producción">
    **Usando Topsort UI:**

    1. Topsort proporciona credenciales de panel de administración
    2. Usted recibe URL de API de producción
    3. [Genere claves API](/es/api-reference/authentication) en admin
    4. Almacene claves de forma segura en entorno de producción

    **Usando UI Personalizada:**

    1. Reciba URL de API de producción de Topsort
    2. Reciba clave(s) API de producción
    3. Configure claves en su entorno

    <Warning>
      **Nunca comprometa claves API al control de versiones.** Use variables de entorno o sistemas de gestión de secretos seguros.
    </Warning>
  </Step>

  <Step title="Implementar Código de Integración">
    **Pre-Implementación:**

    * Revise todos los cambios de código una última vez
    * Asegúrese de que las credenciales de sandbox estén parametrizadas
    * Confirme que el procedimiento de rollback esté documentado
    * Programe la implementación durante período de bajo tráfico

    **Proceso de Implementación:**

    1. Implemente código en entorno de producción
    2. Actualice variables de entorno con credenciales de producción
    3. Reinicie servicios para tomar nueva configuración
    4. Verifique que la aplicación inicie exitosamente

    **Verificación Inmediata:**

    * Verifique registros de aplicación para errores
    * Pruebe funcionalidad básica (cargas de página)
    * Verifique conectividad API
  </Step>
</Steps>

### Estrategia de Aumento de Tráfico

<CardGroup cols={2}>
  <Card title="Despliegue Gradual" icon="gauge-high">
    **Enfoque Recomendado:**

    **Día 1-2:** 10% del tráfico

    * Monitoree de cerca para errores
    * Valide precisión de datos
    * Verifique métricas de rendimiento

    **Día 3-5:** 50% del tráfico

    * Compare métricas con línea base
    * Asegure estabilidad del sistema
    * Ajuste si es necesario

    **Día 6+:** 100% del tráfico

    * Lanzamiento completo en producción
    * Continue monitoreando
    * Optimice rendimiento
  </Card>

  <Card title="Feature Flags" icon="flag">
    **Use Feature Flags para Controlar:**

    * Qué ubicaciones muestran anuncios
    * Porcentaje de usuarios viendo anuncios
    * Configuraciones de pruebas A/B
    * Interruptor de emergencia

    **Beneficios:**

    * Rollback instantáneo sin implementación
    * Control de despliegue gradual
    * Configuración por ubicación
    * Riesgo de implementación reducido
  </Card>
</CardGroup>

## Monitoreo Post-Lanzamiento

### Métricas Críticas a Monitorear

<AccordionGroup>
  <Accordion title="Salud Técnica">
    **Rendimiento API:**

    * Tiempo de respuesta de Auction API (objetivo: \<500ms p95)
    * Tasa de éxito de Event API (objetivo: >99.5%)
    * Tasas y tipos de errores
    * Frecuencia de timeout de API

    **Rendimiento de Aplicación:**

    * Impacto en tiempo de carga de página
    * Tiempo hasta primer renderizado de anuncio
    * Errores de JavaScript
    * Patrones de uso de memoria

    **Elementos de Acción si se Detectan Problemas:**

    * Tiempo de respuesta >1s: Revisar configuraciones de timeout
    * Tasa de error >1%: Verificar credenciales API y red
    * Errores JS altos: Revisar implementación del lado del cliente
  </Accordion>

  <Accordion title="Calidad de Datos">
    **Seguimiento de Eventos:**

    * Ratio de impresión a clic (típico: 1-5%)
    * Ratio de clic a compra (típico: 2-10%, para anuncios de listados)
    * Consistencia de volumen de eventos
    * Completitud de atribución

    **Integridad de Datos:**

    * Los IDs de usuario están presentes y son consistentes
    * Los resolvedBidIds están capturados para impresiones y clics
    * Los montos de compra son razonables (anuncios de listados)
    * Los eventos duplicados son mínimos

    **Verificaciones de Dashboard:**

    * Compare dashboard de Topsort con sus análisis
    * Verifique que la atribución de ingresos coincida
    * Verifique brechas o picos de datos
  </Accordion>

  <Accordion title="Métricas de Negocio">
    **Rendimiento de Campaña:**

    * Total de impresiones entregadas
    * Tasa de clic (CTR)
    * Tasa de conversión (anuncios de listados)
    * Retorno de inversión publicitaria (ROAS)

    **Experiencia de Usuario:**

    * Tasas de visualización de anuncios
    * Compromiso de usuario con anuncios
    * Impacto en tasa de conversión orgánica
    * Cambios en tasa de rebote de página

    **Impacto en Ingresos:**

    * Ingresos incrementales de anuncios
    * Cambios en valor promedio de pedido
    * Tasa de adopción de proveedores
    * Velocidad de creación de campañas
  </Accordion>
</AccordionGroup>

### Solución de Problemas Comunes

<Tabs>
  <Tab title="Listing Ads">
    <CardGroup cols={2}>
      <Card title="No se Muestran Productos" icon="circle-exclamation">
        **Causas Posibles:**

        * No hay campañas activas
        * Montos de puja demasiado bajos
        * Targeting de productos demasiado estrecho
        * Errores de Auction API

        **Pasos de Depuración:**

        1. Verifique la consola del navegador para errores
        2. Verifique respuesta de Auction API
        3. Confirme que las campañas estén activas
        4. Revise criterios de targeting
      </Card>

      <Card title="Eventos de Compra Faltantes" icon="chart-line-down">
        **Causas Posibles:**

        * Evento no activado en checkout
        * ID de usuario faltante en payload del evento
        * Formato de ID de producto incorrecto
        * Fallas de red

        **Pasos de Depuración:**

        1. Pruebe flujo de compra manualmente
        2. Verifique estructura de payload del evento
        3. Verifique que el ID de usuario esté incluido
        4. Revise registros del servidor
      </Card>
    </CardGroup>
  </Tab>

  <Tab title="Banner Ads">
    <CardGroup cols={2}>
      <Card title="No se Muestran Banners" icon="circle-exclamation">
        **Causas Posibles:**

        * No hay campañas de banner activas
        * Montos de puja demasiado bajos
        * Creativo de banner no aprobado
        * Errores de Auction API

        **Pasos de Depuración:**

        1. Verifique la consola del navegador para errores
        2. Verifique respuesta de Auction API
        3. Confirme que las campañas estén activas
        4. Verifique estado de aprobación del creativo
      </Card>

      <Card title="Banner no se Renderiza" icon="image">
        **Causas Posibles:**

        * URL de creativo inaccesible
        * Formato de imagen no soportado
        * Problemas de CORS
        * Problemas de dimensionamiento de contenedor

        **Pasos de Depuración:**

        1. Verifique URL de creativo directamente
        2. Verifique que la imagen cargue en el navegador
        3. Verifique la pestaña de red para errores de CORS
        4. Revise CSS del contenedor
      </Card>
    </CardGroup>
  </Tab>

  <Tab title="Problemas Comunes">
    <CardGroup cols={2}>
      <Card title="Degradación de Rendimiento" icon="gauge">
        **Causas Posibles:**

        * Respuestas API lentas
        * Llamadas de subasta bloqueantes
        * Archivos de imagen grandes
        * Demasiadas ubicaciones

        **Soluciones:**

        1. Implemente timeouts apropiados
        2. Use llamadas async/no bloqueantes
        3. Optimice carga de imágenes
        4. Cachee respuestas de subasta
      </Card>

      <Card title="Discrepancias de Datos" icon="triangle-exclamation">
        **Causas Posibles:**

        * Conteo doble de eventos
        * Cadena de atribución faltante
        * Desajustes de zona horaria
        * Tráfico de bots

        **Investigación:**

        1. Compare conteos de eventos brutos
        2. Verifique IDs duplicados
        3. Verifique manejo de zona horaria
        4. Revise filtrado de user agent
      </Card>
    </CardGroup>
  </Tab>
</Tabs>

## Mejores Prácticas

<CardGroup cols={2}>
  <Card title="Comunicación" icon="comments">
    **Coordinación Interna:**

    * Notifique al equipo de ingeniería sobre la implementación
    * Alerte al soporte al cliente sobre nuevas características
    * Actualice al equipo de ventas sobre capacidades

    **Comunicación Externa:**

    * Coordine con el equipo de Topsort
    * Programe llamadas de lanzamiento
    * Establezca rutas de escalación
  </Card>

  <Card title="Documentación" icon="book">
    **Mantener:**

    * Runbooks de implementación
    * Procedimientos de rollback
    * Especificaciones de integración API
    * Guías de solución de problemas

    **Mantener Actualizado:**

    * Cambios de configuración
    * Problemas conocidos y soluciones alternativas
    * Benchmarks de rendimiento
  </Card>

  <Card title="Optimización" icon="arrows-maximize">
    **Mejora Continua:**

    * Revise rendimiento semanalmente
    * Optimice consultas lentas
    * Refine targeting
    * Pruebe nuevas ubicaciones

    **Pruebas A/B:**

    * Posiciones de ubicación de anuncios
    * Número de anuncios por página
    * Formatos y estilos de anuncios
    * Estrategias de targeting
  </Card>

  <Card title="Soporte" icon="headset">
    **Establecer:**

    * Rotación de guardia
    * Proceso de respuesta a incidentes
    * Contactos de escalación de Topsort
    * Expectativas de SLA

    **Documentar:**

    * Escenarios de soporte comunes
    * Procedimientos de resolución
    * Información de contacto
  </Card>
</CardGroup>

***

Una vez que esté en vivo, estará listo para comenzar a optimizar. Comuníquese con su contacto de Topsort para obtener orientación sobre estrategias de campaña, ajuste de atribución y configuraciones avanzadas.

<IntegrationsCard1AEs />