> ## 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.

# Mise en Production

> Guide complet pour préparer et exécuter une transition fluide vers la production avec des stratégies complètes de test et de surveillance.

export const IntegrationsCard1AFr = () => {
  return <>
      <style>{`
        .integrations-card-1a-fr {
          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-fr:hover {
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
          border-color: rgba(0, 0, 0, 0.12);
        }

        .dark .integrations-card-1a-fr {
          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-fr:hover {
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
          border-color: rgba(255, 255, 255, 0.12);
        }

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

        .integrations-card-1a-fr-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-fr-avatar {
          border-color: #25253b;
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
        }

        .integrations-card-1a-fr 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-fr h2 {
          color: #f9fafb;
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

        <h2>Besoin d'aide avec votre intégration Topsort ?</h2>

        <p className="integrations-card-1a-fr-subtitle">
          Parlez-nous, l'équipe d'ingénierie des intégrations.
        </p>

        <p>
          Contactez-nous via <strong>votre canal de messagerie dédié</strong> ou à{" "}
          <a href="mailto:support@topsort.com">support@topsort.com</a>.
        </p>

        <p>
          Si vous n'êtes pas encore client,{" "}
          <a href="https://www.topsort.com/book-a-demo">planifiez une démo</a> avec notre
          équipe de vente.
        </p>
      </div>
    </>;
};

Avant de passer en production, effectuez des Tests d'Acceptation Utilisateur (UAT) approfondis pour assurer une transition en douceur. Ce guide vous accompagne à travers la préparation pré-lancement, les procédures de test, les étapes de déploiement et la surveillance post-lancement.

<Note>
  **Votre processus de mise en production peut varier** en fonction de votre parcours d'intégration et de vos formats publicitaires. Ce guide couvre les scénarios les plus courants, mais votre implémentation spécifique peut différer. Par exemple :

  * **Sponsored Listings** nécessitent une intégration complète du catalogue avec les données produits
  * **Banner Ads** peuvent nécessiter uniquement la configuration des fournisseurs/annonceurs sans catalogue au niveau produit
  * **Configurations de placement** varient en fonction de vos choix de formats publicitaires

  Travaillez avec votre contact Topsort pour confirmer quelles sections s'appliquent à votre intégration.
</Note>

## Liste de Contrôle Pré-Lancement

<Tabs>
  <Tab title="Sponsored Listings">
    <AccordionGroup>
      <Accordion title="Intégration du Catalogue">
        * [ ] Le flux de produits est connecté et se met à jour régulièrement
        * [ ] Tous les attributs de produits (id, nom, prix, image, catégorie) sont remplis
        * [ ] La disponibilité des produits est précise
        * [ ] La taxonomie des catégories est correctement mappée (basée sur votre structure de taxonomie convenue)
      </Accordion>

      <Accordion title="Intégration des Enchères">
        * [ ] Les demandes d'enchères incluent tous les champs requis
        * [ ] Le traitement des réponses est implémenté
      </Accordion>

      <Accordion title="Intégration des Événements">
        * [ ] Le suivi des impressions se déclenche lorsque les produits sponsorisés sont visibles
        * [ ] Le suivi des clics se déclenche sur les clics de produits (y compris "Ajouter au Panier" si applicable)
        * [ ] Les événements d'achat incluent tous les détails de la commande
        * [ ] Les ID utilisateur sont cohérents à travers tous les événements
      </Accordion>
    </AccordionGroup>
  </Tab>

  <Tab title="Banner Ads">
    <AccordionGroup>
      <Accordion title="Configuration Fournisseur/Annonceur">
        * [ ] Les fournisseurs/annonceurs sont configurés dans le système
        * [ ] Les placements ou modèles JSON sont créés dans le système
        * [ ] Les assets créatifs des bannières sont téléchargés et approuvés
        * [ ] Les URLs de clic sont configurées correctement
        * [ ] (Optionnel) Les normes de contenu sont téléchargées dans le système
      </Accordion>

      <Accordion title="Intégration des Enchères">
        * [ ] Les demandes d'enchères incluent tous les champs requis
        * [ ] Les ID de placement de bannière sont configurés correctement
        * [ ] Le traitement des réponses retourne les données créatives de la bannière
        * [ ] La logique de rendu de bannière est implémentée
      </Accordion>

      <Accordion title="Intégration des Événements">
        * [ ] Le suivi des impressions se déclenche lorsque la bannière est visible
        * [ ] Le suivi des clics se déclenche sur les clics de bannière
        * [ ] Les ID utilisateur sont cohérents à travers tous les événements
      </Accordion>
    </AccordionGroup>
  </Tab>
</Tabs>

### Configuration Commune (Tous les Formats Publicitaires)

<AccordionGroup>
  <Accordion title="Configuration de l'Environnement">
    **Identifiants API :**

    * [ ] Les clés API sandbox sont correctement configurées
    * [ ] Les clés API de production sont prêtes (ne pas encore changer)
    * [ ] Les clés API sont stockées en toute sécurité dans des variables d'environnement
    * [ ] Le processus de rotation des clés est documenté

    **Configuration de l'Environnement :**

    * [ ] L'environnement de staging reflète la configuration de production
    * [ ] Tous les endpoints API sont configurés correctement
    * [ ] Les valeurs de timeout sont appropriées (recommandé : 500-1000ms)
    * [ ] La gestion des erreurs est implémentée
  </Accordion>

  <Accordion title="Vérification UI/UX">
    **Affichage des Publicités :**

    * [ ] Les placements publicitaires s'affichent correctement sur tous les types d'appareils
    * [ ] Les étiquettes publicitaires sont clairement visibles (voir directives d'étiquetage ci-dessous)
    * [ ] Les images/créatifs publicitaires se chargent correctement avec des solutions de secours
    * [ ] Le comportement de clic fonctionne comme prévu

    **Performance :**

    * [ ] Les temps de chargement des pages sont acceptables avec les publicités
    * [ ] Les publicités ne bloquent pas le rendu critique de la page
    * [ ] L'expérience mobile est optimisée (cibles tactiles, mises en page responsives, temps de chargement rapides)
    * [ ] Les exigences d'accessibilité sont respectées
  </Accordion>

  <Accordion title="Surveillance et Analytique">
    **Instrumentation :**

    * [ ] Le suivi des erreurs est configuré (Sentry, Datadog, etc.)
    * [ ] La surveillance des performances est en place
    * [ ] Les tableaux de bord personnalisés sont configurés
    * [ ] Les seuils d'alerte sont définis

    **Journalisation :**

    * [ ] La journalisation des requêtes/réponses API est activée
    * [ ] Les journaux d'erreurs sont capturés
    * [ ] La piste d'audit pour les événements publicitaires est configurée
    * [ ] Les politiques de rétention des journaux sont définies
  </Accordion>
</AccordionGroup>

### Directives d'Étiquetage des Publicités

<CardGroup cols={2}>
  <Card title="Étiquettes Recommandées" icon="tag">
    Utilisez des étiquettes qui indiquent clairement le contenu promotionnel tout en évitant les déclencheurs de bloqueurs de publicités :

    * **"En Vedette"**
    * **"Recommandé"**
    * **"Choix du Client"**
    * **"Meilleur Choix"**

    <Warning>
      Évitez d'utiliser "Sponsorisé" ou "Publicité" car ces termes sont couramment ciblés par les bloqueurs de publicités.
    </Warning>
  </Card>

  <Card title="Clients Européens (Conformité DSA)" icon="eu">
    Si vous opérez dans l'Union européenne, la **Loi sur les Services Numériques (DSA)** exige :

    * [ ] Un étiquetage clair que le contenu est une publicité
    * [ ] L'affichage du nom de l'annonceur dans les détails de l'annonce
    * [ ] La transparence sur la raison pour laquelle l'annonce a été montrée à l'utilisateur

    Travaillez avec votre équipe juridique pour assurer la conformité complète à la DSA.
  </Card>
</CardGroup>

## Tests d'Acceptation Utilisateur (UAT)

### 1. Tests du Catalogue

<Tabs>
  <Tab title="Sponsored Listings">
    <Card icon="box" title="Vérifier les Données Produits">
      **Dans le Panneau d'Administration Topsort :**

      1. Accédez à la section Catalogue
      2. Vérifiez que les produits sont visibles et recherchables
      3. Vérifiez que les données produits sont complètes :
         * Les noms de produits, images et prix sont corrects
         * Les catégories sont correctement attribuées
         * Le statut de disponibilité des produits est précis

      **Tester la Création de Campagne :**

      1. Créez une nouvelle campagne de test nommée `UAT-TEST-[DATE]`
      2. Essayez d'ajouter des produits à la campagne
      3. Vérifiez que la recherche et le filtrage de produits fonctionnent
      4. Confirmez que la sélection de produits s'enregistre correctement

      **Résultat Attendu :** Tous les produits doivent être sélectionnables lors de la création de campagnes, avec des informations précises et complètes.
    </Card>
  </Tab>

  <Tab title="Banner Ads (Configuration Fournisseur)">
    <Card icon="rectangle-ad" title="Vérifier la Configuration Fournisseur/Bannière">
      **Dans le Panneau d'Administration Topsort :**

      1. Accédez à la section Fournisseurs/Annonceurs
      2. Vérifiez que les fournisseurs sont configurés correctement
      3. Vérifiez que les URLs de clic sont correctes

      **Tester la Création de Campagne :**

      1. Créez une nouvelle campagne de test nommée `UAT-TEST-[DATE]`
      2. Sélectionnez le format publicitaire bannière
      3. Configurez le ciblage et les paramètres d'enchères
      4. Activez la campagne

      **Résultat Attendu :** Les campagnes de bannières doivent être créables avec des assets créatifs appropriés et des options de ciblage.
    </Card>
  </Tab>
</Tabs>

### 2. Tests des Enchères et Événements

<Tabs>
  <Tab title="Sponsored Listings">
    <CardGroup cols={2}>
      <Card icon="gavel" title="Tests d'Enchères">
        **Configuration :**

        * Créez une campagne `UAT-TEST` avec 3-5 produits
        * Définissez un montant d'enchère élevé (\$10+) pour garantir les gains
        * Activez la campagne

        **Scénarios de Test :**

        1. Vérifiez que la demande d'enchères est envoyée
        2. Vérifiez que les produits gagnants sont retournés
        3. Confirmez que les produits s'affichent sur la page

        **Validation :**

        * Vérifiez l'onglet réseau du navigateur pour les appels API
        * Vérifiez que la réponse d'enchères contient des produits
        * Assurez-vous que resolvedBidId est capturé pour le suivi des événements
      </Card>

      <Card icon="chart-simple" title="Tests d'Événements">
        **Tester Tous les Types d'Événements :**

        **Événements d'Impression :**

        * Chargez la page avec des produits sponsorisés
        * Vérifiez que l'événement d'impression se déclenche lorsque l'annonce est visible
        * Vérifiez que resolvedBidId est inclus

        **Événements de Clic :**

        * Cliquez sur un produit sponsorisé
        * Vérifiez que l'événement de clic se déclenche immédiatement
        * **Note :** Les actions "Ajouter au Panier" comptent également comme des clics si configurées
        * Confirmez que la navigation/action fonctionne correctement

        **Événements d'Achat :**

        * Complétez un achat avec un produit sponsorisé
        * Vérifiez que l'événement d'achat inclut :
          * L'ID du produit et la quantité
          * La valeur de la commande et l'ID de commande
          * **L'ID Utilisateur** (requis pour l'attribution)
      </Card>
    </CardGroup>
  </Tab>

  <Tab title="Banner Ads">
    <CardGroup cols={2}>
      <Card icon="gavel" title="Tests d'Enchères">
        **Configuration :**

        * Créez une campagne de bannière `UAT-TEST`
        * Définissez un montant d'enchère élevé pour garantir les gains
        * Activez la campagne

        **Scénarios de Test :**

        1. Chargez la page avec placement de bannière
        2. Vérifiez que la demande d'enchères est envoyée
        3. Vérifiez que le créatif de bannière gagnant est retourné
        4. Confirmez que la bannière s'affiche correctement sur la page

        **Validation :**

        * Vérifiez l'onglet réseau du navigateur pour les appels API
        * Vérifiez que la réponse d'enchères contient les données de la bannière
        * Assurez-vous que resolvedBidId est capturé pour le suivi des événements
      </Card>

      <Card icon="chart-simple" title="Tests d'Événements">
        **Tester Tous les Types d'Événements :**

        **Événements d'Impression :**

        * Chargez la page avec placement de bannière
        * Vérifiez que l'événement d'impression se déclenche lorsque la bannière est visible
        * Vérifiez que resolvedBidId est inclus

        **Événements de Clic :**

        * Cliquez sur la bannière
        * Vérifiez que l'événement de clic se déclenche immédiatement
        * Confirmez que la navigation URL de clic fonctionne

        **Note :** Les événements d'achat peuvent ne pas s'appliquer aux intégrations bannière uniquement sauf si vous suivez les conversions en aval.
      </Card>
    </CardGroup>
  </Tab>
</Tabs>

<Tip>
  **Tester avec Deux Utilisateurs Différents :** Effectuez tous les tests avec au moins deux sessions utilisateur uniques pour vérifier le suivi et l'attribution appropriés de l'utilisateur.
</Tip>

### 3. Validation des Données

<Steps>
  <Step title="Capturer les Preuves de Test">
    **Pour Chaque Utilisateur de Test :**

    * Prenez des captures d'écran des placements publicitaires
    * Capturez les requêtes réseau montrant les appels API
    * Documentez les détails de commande pour les événements d'achat (si applicable)
    * Notez les horodatages pour chaque action
  </Step>

  <Step title="Soumettre à Topsort">
    Envoyez ce qui suit à votre contact Topsort :

    * Captures d'écran des impressions publicitaires
    * Journaux réseau montrant les appels d'enchères et d'événements
    * Nom de la campagne de test et plage de temps
    * Identifiants utilisateur utilisés dans les tests
  </Step>

  <Step title="Examiner le Résumé des Données">
    Topsort fournira un résumé incluant :

    * Total des enchères reçues
    * Comptages d'impressions et de clics
    * Comptages d'achats (pour les intégrations d'annonces de listing)
    * Score de qualité des données
    * Toute divergence ou problème de données

    **Vérifier l'Alignement :**

    * Les chiffres correspondent à vos actions de test
    * La chaîne d'attribution est complète
    * Aucun événement manquant ou dupliqué
  </Step>
</Steps>

## Déploiement en Production

### Étapes de Déploiement

<Steps>
  <Step title="Connecter le Catalogue de Production">
    <Tabs>
      <Tab title="Sponsored Listings">
        **Option 1 : Flux de Produits**

        * Partagez votre URL de flux de production avec Topsort
        * Assurez-vous que le flux est accessible et se met à jour régulièrement
        * Fréquence de mise à jour recommandée : Toutes les 15-60 minutes

        **Option 2 : API Catalogue**

        * Utilisez l'[API Catalogue](/fr/ad-server/catalog/) pour les mises à jour en temps réel
        * Implémentez les opérations de création, mise à jour et suppression
        * Configurez la synchronisation complète du catalogue programmée

        **Vérifier :**

        * Le nombre de produits correspond aux attentes
        * Tous les champs requis sont remplis
        * Les images se chargent correctement
      </Tab>

      <Tab title="Banner Ads">
        **Configuration Fournisseur :**

        * Confirmez que tous les fournisseurs/annonceurs sont configurés
        * Vérifiez que les créatifs de bannière sont téléchargés et approuvés
        * Vérifiez que les URLs de clic sont prêtes pour la production

        **Vérifier :**

        * Tous les fournisseurs actifs sont visibles dans l'admin
        * Les créatifs de bannière s'affichent correctement
        * Les options de ciblage sont configurées
      </Tab>
    </Tabs>
  </Step>

  <Step title="Obtenir les Identifiants de Production">
    **En Utilisant Topsort UI :**

    1. Topsort fournit les identifiants du panneau d'administration
    2. Vous recevez l'URL de l'API de production
    3. [Générez les clés API](/fr/api-reference/authentication) dans l'admin
    4. Stockez les clés en toute sécurité dans l'environnement de production

    **En Utilisant une UI Personnalisée :**

    1. Recevez l'URL de l'API de production de Topsort
    2. Recevez la(les) clé(s) API de production
    3. Configurez les clés dans votre environnement

    <Warning>
      **Ne validez jamais les clés API dans le contrôle de version.** Utilisez des variables d'environnement ou des systèmes de gestion de secrets sécurisés.
    </Warning>
  </Step>

  <Step title="Déployer le Code d'Intégration">
    **Pré-Déploiement :**

    * Examinez tous les changements de code une dernière fois
    * Assurez-vous que les identifiants sandbox sont paramétrés
    * Confirmez que la procédure de retour en arrière est documentée
    * Planifiez le déploiement pendant une période de faible trafic

    **Processus de Déploiement :**

    1. Déployez le code dans l'environnement de production
    2. Mettez à jour les variables d'environnement avec les identifiants de production
    3. Redémarrez les services pour appliquer la nouvelle configuration
    4. Vérifiez que l'application démarre avec succès

    **Vérification Immédiate :**

    * Vérifiez les journaux d'application pour les erreurs
    * Testez la fonctionnalité de base (chargements de page)
    * Vérifiez la connectivité API
  </Step>
</Steps>

### Stratégie de Montée en Charge du Trafic

<CardGroup cols={2}>
  <Card title="Déploiement Progressif" icon="gauge-high">
    **Approche Recommandée :**

    **Jour 1-2 :** 10% du trafic

    * Surveillez attentivement les erreurs
    * Validez la précision des données
    * Vérifiez les métriques de performance

    **Jour 3-5 :** 50% du trafic

    * Comparez les métriques avec la référence
    * Assurez la stabilité du système
    * Ajustez si nécessaire

    **Jour 6+ :** 100% du trafic

    * Lancement complet en production
    * Continuez la surveillance
    * Optimisez les performances
  </Card>

  <Card title="Feature Flags" icon="flag">
    **Utilisez les Feature Flags pour Contrôler :**

    * Quels placements affichent des publicités
    * Pourcentage d'utilisateurs voyant des publicités
    * Configurations de tests A/B
    * Interrupteur d'urgence

    **Avantages :**

    * Retour en arrière instantané sans déploiement
    * Contrôle du déploiement progressif
    * Configuration par placement
    * Risque de déploiement réduit
  </Card>
</CardGroup>

## Surveillance Post-Lancement

### Métriques Critiques à Surveiller

<AccordionGroup>
  <Accordion title="Santé Technique">
    **Performance API :**

    * Temps de réponse de l'Auction API (objectif : \<500ms p95)
    * Taux de succès de l'Event API (objectif : >99.5%)
    * Taux et types d'erreurs
    * Fréquence de timeout de l'API

    **Performance de l'Application :**

    * Impact sur le temps de chargement de la page
    * Temps jusqu'au premier rendu publicitaire
    * Erreurs JavaScript
    * Modèles d'utilisation de la mémoire

    **Actions à Entreprendre si des Problèmes sont Détectés :**

    * Temps de réponse >1s : Examiner les paramètres de timeout
    * Taux d'erreur >1% : Vérifier les identifiants API et le réseau
    * Erreurs JS élevées : Examiner l'implémentation côté client
  </Accordion>

  <Accordion title="Qualité des Données">
    **Suivi des Événements :**

    * Ratio impression/clic (typique : 1-5%)
    * Ratio clic/achat (typique : 2-10%, pour les annonces de listing)
    * Cohérence du volume d'événements
    * Complétude de l'attribution

    **Intégrité des Données :**

    * Les ID utilisateur sont présents et cohérents
    * Les resolvedBidIds sont capturés pour les impressions et clics
    * Les montants d'achat sont raisonnables (annonces de listing)
    * Les événements dupliqués sont minimaux

    **Vérifications du Tableau de Bord :**

    * Comparez le tableau de bord Topsort avec vos analyses
    * Vérifiez que l'attribution des revenus correspond
    * Vérifiez les lacunes ou pics de données
  </Accordion>

  <Accordion title="Métriques Commerciales">
    **Performance des Campagnes :**

    * Total des impressions délivrées
    * Taux de clic (CTR)
    * Taux de conversion (annonces de listing)
    * Retour sur dépenses publicitaires (ROAS)

    **Expérience Utilisateur :**

    * Taux de visibilité des publicités
    * Engagement des utilisateurs avec les publicités
    * Impact sur le taux de conversion organique
    * Changements du taux de rebond de page

    **Impact sur les Revenus :**

    * Revenus incrémentaux des publicités
    * Changements de la valeur moyenne des commandes
    * Taux d'adoption des fournisseurs
    * Vitesse de création de campagne
  </Accordion>
</AccordionGroup>

### Dépannage des Problèmes Courants

<Tabs>
  <Tab title="Listing Ads">
    <CardGroup cols={2}>
      <Card title="Aucun Produit Affiché" icon="circle-exclamation">
        **Causes Possibles :**

        * Aucune campagne active
        * Montants d'enchères trop bas
        * Ciblage de produits trop restreint
        * Erreurs de l'Auction API

        **Étapes de Débogage :**

        1. Vérifiez la console du navigateur pour les erreurs
        2. Vérifiez la réponse de l'Auction API
        3. Confirmez que les campagnes sont actives
        4. Examinez les critères de ciblage
      </Card>

      <Card title="Événements d'Achat Manquants" icon="chart-line-down">
        **Causes Possibles :**

        * Événement non déclenché au checkout
        * ID utilisateur manquant dans la charge utile de l'événement
        * Format d'ID produit incorrect
        * Échecs réseau

        **Étapes de Débogage :**

        1. Testez le flux d'achat manuellement
        2. Vérifiez la structure de la charge utile de l'événement
        3. Vérifiez que l'ID utilisateur est inclus
        4. Examinez les journaux du serveur
      </Card>
    </CardGroup>
  </Tab>

  <Tab title="Banner Ads">
    <CardGroup cols={2}>
      <Card title="Aucune Bannière Affichée" icon="circle-exclamation">
        **Causes Possibles :**

        * Aucune campagne de bannière active
        * Montants d'enchères trop bas
        * Créatif de bannière non approuvé
        * Erreurs de l'Auction API

        **Étapes de Débogage :**

        1. Vérifiez la console du navigateur pour les erreurs
        2. Vérifiez la réponse de l'Auction API
        3. Confirmez que les campagnes sont actives
        4. Vérifiez le statut d'approbation du créatif
      </Card>

      <Card title="Bannière Non Rendue" icon="image">
        **Causes Possibles :**

        * URL du créatif inaccessible
        * Format d'image non supporté
        * Problèmes CORS
        * Problèmes de dimensionnement du conteneur

        **Étapes de Débogage :**

        1. Vérifiez l'URL du créatif directement
        2. Vérifiez que l'image se charge dans le navigateur
        3. Vérifiez l'onglet réseau pour les erreurs CORS
        4. Examinez le CSS du conteneur
      </Card>
    </CardGroup>
  </Tab>

  <Tab title="Problèmes Courants">
    <CardGroup cols={2}>
      <Card title="Dégradation des Performances" icon="gauge">
        **Causes Possibles :**

        * Réponses API lentes
        * Appels d'enchères bloquants
        * Fichiers d'image volumineux
        * Trop de placements

        **Solutions :**

        1. Implémentez des timeouts appropriés
        2. Utilisez des appels async/non-bloquants
        3. Optimisez le chargement des images
        4. Mettez en cache les réponses d'enchères
      </Card>

      <Card title="Divergences de Données" icon="triangle-exclamation">
        **Causes Possibles :**

        * Double comptage des événements
        * Chaîne d'attribution manquante
        * Décalages de fuseau horaire
        * Trafic de bots

        **Investigation :**

        1. Comparez les comptages d'événements bruts
        2. Vérifiez les ID dupliqués
        3. Vérifiez la gestion du fuseau horaire
        4. Examinez le filtrage des user agents
      </Card>
    </CardGroup>
  </Tab>
</Tabs>

## Meilleures Pratiques

<CardGroup cols={2}>
  <Card title="Communication" icon="comments">
    **Coordination Interne :**

    * Notifiez l'équipe d'ingénierie du déploiement
    * Alertez le support client des nouvelles fonctionnalités
    * Mettez à jour l'équipe commerciale sur les capacités

    **Communication Externe :**

    * Coordonnez avec l'équipe Topsort
    * Planifiez les appels de lancement
    * Établissez les chemins d'escalade
  </Card>

  <Card title="Documentation" icon="book">
    **Maintenir :**

    * Runbooks de déploiement
    * Procédures de retour en arrière
    * Spécifications d'intégration API
    * Guides de dépannage

    **Garder à Jour :**

    * Changements de configuration
    * Problèmes connus et solutions de contournement
    * Benchmarks de performance
  </Card>

  <Card title="Optimisation" icon="arrows-maximize">
    **Amélioration Continue :**

    * Examinez les performances hebdomadairement
    * Optimisez les requêtes lentes
    * Affinez le ciblage
    * Testez de nouveaux placements

    **Tests A/B :**

    * Positions de placement publicitaire
    * Nombre de publicités par page
    * Formats et styles publicitaires
    * Stratégies de ciblage
  </Card>

  <Card title="Support" icon="headset">
    **Établir :**

    * Rotation d'astreinte
    * Processus de réponse aux incidents
    * Contacts d'escalade Topsort
    * Attentes SLA

    **Documenter :**

    * Scénarios de support courants
    * Procédures de résolution
    * Informations de contact
  </Card>
</CardGroup>

***

Une fois en ligne, vous êtes prêt à commencer l'optimisation. Contactez votre contact Topsort pour obtenir des conseils sur les stratégies de campagne, l'ajustement de l'attribution et les configurations avancées.

<IntegrationsCard1AFr />