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

# Configurer un Emplacement de Bannière

> Comment configurer les emplacements pour les bannières

export const LastUpdatedFr = ({date}) => {
  const label = "Dernière mise à jour:";
  return <>
      <style>{`
        .last-updated-component {
          display: inline-flex;
          align-items: center;
          gap: 8px;
          padding: 10px 16px;
          border-radius: 8px;
          margin-top: 12px;
          margin-bottom: 16px;
          font-size: 14px;
          background-color: rgba(0, 0, 0, 0.05);
          border: 1px solid rgba(0, 0, 0, 0.12);
          color: rgba(0, 0, 0, 0.75);
          line-height: 1;
        }

        .last-updated-component svg {
          flex-shrink: 0;
          vertical-align: middle;
        }

        .last-updated-component span {
          display: inline-flex !important;
          align-items: center !important;
          line-height: 1 !important;
        }

        [data-theme="dark"] .last-updated-component {
          background-color: #3a3a3a;
          border: 2px solid #888888;
          color: #ffffff;
        }

        [data-theme="dark"] .last-updated-component svg {
          stroke: #ffffff;
        }
      `}</style>
      <div className="last-updated-component">
        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
          <circle cx="12" cy="12" r="10" />
          <polyline points="12 6 12 12 16 14" />
        </svg>
        <span>
          <strong style={{
    fontWeight: 600
  }}>{label}</strong> 
          <time dateTime={date}>{date}</time>
        </span>
      </div>
    </>;
};

<div style={{textAlign: 'justify', marginBottom: '1.5rem'}}>
  Chaque emplacement de bannière représente un placement de votre inventaire, servant également d'espace réservé pour les bannières.
</div>

## Affichage de Tous les Emplacements Créés

<div style={{textAlign: 'justify', marginBottom: '1.5rem'}}>
  La page "Configuration" affiche toutes les configurations effectuées sous leur placement correspondant (page de destination, catégories ou recherche).
</div>

<div style={{textAlign: 'justify', marginBottom: '1.5rem'}}>
  **<Frame>  <img src="https://mintcdn.com/topsort/FVdFH6-GAInpFZWG/images/knowledge-base/ad-platform-banners-banner-slots-configuration-v2.webp?fit=max&auto=format&n=FVdFH6-GAInpFZWG&q=85&s=0c9300b92718ca295a841162b1f9b519" alt="Configuration screen showing for banner slots." width="2511" height="1796" data-path="images/knowledge-base/ad-platform-banners-banner-slots-configuration-v2.webp" /></Frame>**
</div>

### Comment Créer de Nouveaux Emplacements

<div style={{textAlign: 'justify', marginBottom: '1.5rem'}}>
  Vous pouvez créer de nouvelles configurations en cliquant sur le bouton "Ajouter une Configuration". Ici, vous pouvez choisir entre les options Page de destination, Recherche et Catégorie. Vous pouvez ensuite soit saisir manuellement les détails, soit télécharger en masse plusieurs emplacements. Vous pouvez créer des expériences de bannières publicitaires distinctes pour mobile, ordinateur et applications.
</div>

<div style={{textAlign: 'justify', marginBottom: '1.5rem'}}>
  **<Frame>  <img src="https://mintcdn.com/topsort/FVdFH6-GAInpFZWG/images/knowledge-base/ad-platform-banners-banner-slots-configuration-2-v2.webp?fit=max&auto=format&n=FVdFH6-GAInpFZWG&q=85&s=02169a87642311e433aa996955e9c48d" alt="Adding new banner slot configuration for landing pages." width="2525" height="1803" data-path="images/knowledge-base/ad-platform-banners-banner-slots-configuration-2-v2.webp" /></Frame>**
</div>

## Pages de Destination

<div style={{textAlign: 'justify', marginBottom: '1.5rem'}}>
  Une page de destination peut contenir un nombre quelconque d'emplacements. Vous pouvez même créer plusieurs emplacements dans les mêmes sections, pour créer des carrousels ou des curseurs avec des bannières publicitaires.
</div>

<div style={{textAlign: 'justify', marginBottom: '1.5rem'}}>
  Pour chaque emplacement appartenant à une page de destination, vous devez fournir :
</div>

<div style={{textAlign: 'justify', marginBottom: '1.5rem'}}>
  * **Lien de la Page de Destination :** L'URL de la page où l'emplacement est créé.
  * **Nom de la Page de Destination :** Le nom de la page de destination à laquelle appartient l'emplacement.
  * **SlotID :** Un identifiant unique pouvant contenir des caractères alphanumériques et les symboles suivants : !"#\$%&'()\*+,-.\_/:;\<>?@\[]^\{}\~=
  * **Largeur :** La largeur de l'image de l'emplacement.
  * **Hauteur :** La hauteur de l'image de l'emplacement.
</div>

### Exemples

<div style={{textAlign: 'justify', marginBottom: '1.5rem'}}>
  <table>
    <tbody>
      <tr>
        <td>
          <p>
            <strong>Lien de la Page de Destination</strong>
          </p>
        </td>

        <td>
          <p>
            <strong>Nom de la Page de Destination</strong>
          </p>
        </td>

        <td>
          <p>
            <strong>SlotID</strong>
          </p>
        </td>

        <td>
          <p>
            <strong>Largeur Ordinateur</strong>
          </p>
        </td>

        <td>
          <p>
            <strong>Hauteur Ordinateur</strong>
          </p>
        </td>

        <td>
          <p>
            <strong>Largeur Mobile</strong>
          </p>
        </td>

        <td>
          <p>
            <strong>Hauteur Mobile</strong>
          </p>
        </td>
      </tr>

      <tr>
        <td>
          <p>
            <a href="http://example.com/home">[http://example.com/home](http://example.com/home)</a>
          </p>
        </td>

        <td>
          <p>Homepage Christmas</p>
        </td>

        <td>
          <p>top-slot-1</p>
        </td>

        <td>
          <p>100</p>
        </td>

        <td>
          <p>50</p>
        </td>

        <td>
          <p>40</p>
        </td>

        <td>
          <p>40</p>
        </td>
      </tr>

      <tr>
        <td>
          <p>
            <a href="http://example.com/home">[http://example.com/home](http://example.com/home)</a>
          </p>
        </td>

        <td>
          <p>Homepage Christmas</p>
        </td>

        <td>
          <p>right-slot-2</p>
        </td>

        <td>
          <p>50</p>
        </td>

        <td>
          <p>200</p>
        </td>

        <td>
          <p />
        </td>

        <td>
          <p />
        </td>
      </tr>
    </tbody>
  </table>
</div>

## Catégorie et Recherche

<div style={{textAlign: 'justify', marginBottom: '1.5rem'}}>
  Avec Topsort, vous pouvez diffuser des bannières publicitaires ciblant certaines catégories et mots-clés. Les publicités de catégorie et de recherche ont une pertinence très élevée lorsqu'elles sont configurées de la bonne manière, augmentant leur demande et leur valeur. Par exemple, vous pouvez créer un emplacement de bannière publicitaire sur la page de catégorie "Chaussures de randonnée" et donner accès uniquement aux marques d'activités de plein air.
</div>

<Frame>
  <img src="https://mintcdn.com/topsort/FVdFH6-GAInpFZWG/images/knowledge-base/ad-platform-banners-banner-slots-category-configuration.webp?fit=max&auto=format&n=FVdFH6-GAInpFZWG&q=85&s=e9868f891b39f28b53b011d5eaca95ad" alt="Example of category slot configuration." width="670" height="654" data-path="images/knowledge-base/ad-platform-banners-banner-slots-category-configuration.webp" />
</Frame>

***

<LastUpdatedFr date="2025-11-18" />
