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

# Ad Platform | Intégration standard

> Apprenez à créer et gérer des campagnes sur la plateforme Topsort

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>
    </>;
};

**Ad Platform** est votre solution publicitaire complète et prête à l'emploi, conçue pour les marketplaces cherchant à lancer et développer rapidement leur activité de retail media. Conçue pour faciliter l'utilisation et le déploiement rapide, elle fournit tout ce dont vous avez besoin pour commencer à monétiser votre trafic sans travail de développement important.

Avec Ad Platform, vous obtenez des outils préconstruits pour la gestion de campagnes, des tableaux de bord de reporting, le suivi d'événements et plusieurs options d'intégration qui fonctionnent avec l'infrastructure existante de votre marketplace. Que vous affichiez des bannières publicitaires ou des annonces de produits sponsorisés, Ad Platform gère la complexité pour que vous puissiez vous concentrer sur l'augmentation des revenus.

## Pour Qui Est-ce ?

Ad Platform est idéale pour :

* Les **Marketplaces** recherchant une intégration rapide avec peu de code
* Les **Équipes produit** souhaitant lancer des publicités sans travail backend étendu
* Les **Entreprises** recherchant des fonctionnalités publicitaires standard avec une personnalisation minimale

<Note>
  **Besoin de plus de contrôle ?** Si vous avez besoin d'un accès complet à l'API et d'implémentations personnalisées, explorez [Ad Server](/fr/ad-server) à la place.
</Note>

## Fonctionnalités Clés

<CardGroup cols={2}>
  <Card title="Intégration Low-Code" icon="bolt">
    Configuration rapide avec outils préconstruits
  </Card>

  <Card title="Gestion de Campagnes" icon="rectangle-ad">
    Créez et gérez des campagnes publicitaires
  </Card>

  <Card title="Analyses et Rapports" icon="chart-line">
    Tableaux de bord et rapports prêts à l'emploi
  </Card>

  <Card title="Formats Publicitaires Multiples" icon="grid-2">
    Bannières publicitaires et annonces sponsorisées
  </Card>
</CardGroup>

## Options d'Intégration

Choisissez le chemin d'intégration qui convient à votre marketplace :

### Bannières

Affichez des bannières publicitaires sur votre marketplace avec une configuration minimale.

<CardGroup cols={2}>
  <Card title="Banners.js" icon="js" href="/fr/ad-platform/banners/bannersjs">
    SDK JavaScript pour bannières publicitaires
  </Card>

  <Card title="Google Tag Manager" icon="tag" href="/fr/ad-platform/banners/google-tag-manager">
    Déployez des bannières avec GTM
  </Card>
</CardGroup>

### Annonces

Monétisez les résultats de recherche de produits avec des annonces sponsorisées.

<CardGroup cols={2}>
  <Card title="Product Feed" icon="database" href="/fr/ad-platform/listings/product-feed">
    Importez le catalogue avec des flux
  </Card>

  <Card title="Topsort Proxy" icon="arrows-left-right" href="/fr/ad-platform/listings/topsort-proxy">
    Enrichissez les résultats avec produits sponsorisés
  </Card>

  <Card title="Analytics.js" icon="chart-simple" href="/fr/ad-platform/listings/analytics-js">
    Suivez les interactions et conversions
  </Card>
</CardGroup>

### SDKs et Bibliothèques

Bibliothèques client pour une intégration transparente dans votre application.

<CardGroup cols={2}>
  <Card title="JavaScript SDK" icon="js" href="/fr/ad-platform/sdks/javascript-sdk">
    SDK web côté client
  </Card>

  <Card title="iOS SDK" icon="apple" href="/fr/ad-platform/sdks/ios">
    SDK Swift natif pour iOS
  </Card>

  <Card title="Android SDK" icon="android" href="/fr/ad-platform/sdks/android">
    SDK Kotlin natif pour Android
  </Card>

  <Card title="PHP SDK" icon="php" href="/fr/ad-platform/sdks/topsort-php">
    Bibliothèque PHP côté serveur
  </Card>
</CardGroup>

### Plugins de Plateforme

Intégrations préconstruites pour les plateformes e-commerce populaires.

<CardGroup cols={2}>
  <Card title="VTEX Plugin" icon="plug" href="/fr/ad-platform/plugins/vtex">
    Intégration native marketplace VTEX
  </Card>

  <Card title="Salesforce Plugin" icon="salesforce" href="/fr/ad-platform/plugins/salesforce">
    Intégration Salesforce Commerce Cloud
  </Card>
</CardGroup>

## Premiers Pas

Nouveau sur Ad Platform ? Suivez ces étapes :

1. **Choisissez votre méthode d'intégration** - Sélectionnez parmi bannières, annonces, SDKs ou plugins
2. **Importez votre catalogue** - Utilisez des flux de produits pour rendre votre inventaire disponible pour les publicités
3. **Configurez les emplacements publicitaires** - Intégrez nos outils où vous voulez que les publicités apparaissent
4. **Activez les campagnes** - Permettez aux annonceurs de créer et gérer des campagnes
5. **Suivez et optimisez** - Surveillez les performances et optimisez pour de meilleurs résultats

<Tip>
  Commencez avec [Product Feed](/fr/ad-platform/listings/product-feed) pour importer votre catalogue, puis ajoutez [Banners.js](/fr/ad-platform/banners/bannersjs) ou [Topsort Proxy](/fr/ad-platform/listings/topsort-proxy) pour afficher des publicités.
</Tip>

## Besoin d'un Contrôle Total de l'API ?

Bien qu'Ad Platform offre d'excellentes fonctionnalités prêtes à l'emploi, certaines entreprises ont besoin d'une flexibilité complète :

* **Logique publicitaire personnalisée** et algorithmes de classement
* **Contrôle total** sur la mécanique des enchères
* **Intégrations avancées** avec des systèmes propriétaires
* **Suivi d'événements personnalisé** et analyses

Si cela décrit vos besoins, explorez [Ad Server](/fr/ad-server) pour un accès complet à l'API et une personnalisation maximale.

<IntegrationsCard1AFr />