> ## 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.
# Modèles de Bannières pour Annonces Natives
export const LastUpdatedFr = ({date}) => {
const label = "Dernière mise à jour:";
return <>
;
};
Les marketplaces utilisent des annonces natives qui se composent non seulement d'images, mais également de plusieurs
champs de texte, d'images de fond, d'images de premier plan et d'autres éléments
personnalisables. Ces éléments peuvent varier selon les différents placements, ce qui rend difficile
le maintien de la cohérence et la rationalisation de la création d'annonces entre les
campagnes.
Les modèles créatifs fournissent une solution en offrant des bannières préconçues qui
permettent aux équipes de créer rapidement des annonces suivant un cadre structuré et répétable.
Ces modèles sont hautement personnalisables et peuvent inclure des champs
spécifiques. Que vous ayez besoin de champs pour un bouton, des images, des titres, des
paramètres personnalisés ou d'autres éléments de conception, les modèles vous permettent de standardiser et
de simplifier le processus.
**Limitation de Gestion des Modèles** : Actuellement, les modèles ne peuvent pas être modifiés ou
supprimés une fois créés. Planifiez soigneusement la structure de votre modèle avant la création
pour vous assurer qu'il répond à vos besoins de campagne à long terme.
## Comment Ça Fonctionne
### Création d'un Nouveau Modèle
Les détaillants peuvent créer des modèles personnalisés adaptés à leurs besoins. Ces modèles
peuvent être configurés avec divers champs, tels que du texte, des images, des liens externes
et d'autres éléments, pour répondre aux exigences spécifiques du placement. Voici
comment vous pouvez créer et configurer un nouveau modèle :
* **Type de Champ** : Choisissez parmi texte, image, sélection, bouton, lien, etc.
* **Variable** : Le nom de variable que le champ va utiliser.
* **Nom du Champ** : Définissez une étiquette claire pour le champ afin de l'identifier dans le processus de création de campagne.
* **Description** : Fournissez une explication ou des instructions sur ce qui doit être saisi dans le champ.
* **Obligatoire ou Optionnel** : Décidez si le champ est obligatoire pour les annonceurs ou s'il peut être laissé vide.
* **MinLength** : nombre minimum de caractères pour les champs de texte
* **MaxLength** : nombre maximum de caractères pour les champs de texte
* **Default** : valeur par défaut du champ
* **Prefix** : pour les champs de type lien, ils commenceront par le préfixe
* **MultiSelect** : pour les champs de type sélection si l'utilisateur doit sélectionner un ou plusieurs
* **Options (querystring)** : clés et valeurs pour les champs de type sélection
Cela peut être fait en utilisant un CSV ou l'interface utilisateur
**
**
Les URL d'aperçu dynamique permettent une visualisation en temps réel de la façon dont les champs de modèle
apparaîtront dans le placement publicitaire réel. Le système d'aperçu charge votre URL spécifiée
dans un iframe et remplit dynamiquement les variables de modèle avec les données de campagne.
Avant de configurer l'aperçu dynamique dans le modèle, assurez-vous d'avoir une URL d'aperçu disponible qui peut rendre la structure du modèle. Cela pourrait être sur votre environnement de développement local ou une application de staging déployée.
Configurez votre URL d'aperçu dynamique en utilisant des espaces réservés de variables de modèle. La structure de l'URL doit inclure des paramètres qui correspondent à vos champs de modèle :
```
https://your-preview-domain.com/?slotId=slot-1&headline={headline}&mainImage={urlEncodedImageURL}&price={price}&availability={availability}
```
Le système d'aperçu remplacera automatiquement les variables de modèle dans l'URL par les valeurs réelles au fur et à mesure que les annonceurs remplissent les champs de campagne, permettant des mises à jour d'aperçu en temps réel.
Votre URL d'aperçu doit inclure la logique côté client nécessaire pour localiser et remplir les éléments de modèle avec les paramètres fournis.
**Exigences d'URL d'Aperçu** : Votre URL d'aperçu doit être accessible et inclure
la logique de rendu nécessaire pour afficher correctement le contenu du modèle. Le
système utilise JavaScript côté client pour remplacer le contenu dans les éléments de
modèle désignés.
### Utilisation des Modèles
## Structure de Réponse du Modèle
Chaque gagnant dans la réponse d'enchère inclut un objet `content` contenant les
paramètres configurés lors de la création de la campagne :
```json theme={null}
{
"results": [
{
"resultType": "banners",
"winners": [
{
"rank": 1,
"asset": [
{
"url": "https://topsortassets.com/000.json",
"content": {
"cta": "Shop Now",
"mainImage": "https://topsortassets.com/0001.png",
"headline": "Test Headline",
"backgroundImage": "https://topsortassets.com/0002.jpeg"
}
}
],
"type": "url",
"id": "http://topsort.com",
"resolvedBidId": "ChAGiHlBYmh4DaUEsuubfw7wEhABl8c_uHx3Aa8pw_EgHrHIGhABjoa6wYJ3wqhfIGHIdxYgIhYKEmh0dHA6Ly90b3Bzb3J0LmNvbRAFMOGtDw",
"vendorId": "babolat",
"campaignId": "0197c73f-b87c-7701-af29-c3f1201eb1c8"
}
],
"error": false
}
]
}
```
La structure de l'objet `content` correspond directement aux champs de modèle
configurés lors de la création du modèle, permettant à votre frontend de rendre
dynamiquement les éléments créatifs appropriés pour chaque placement.
**Note d'Implémentation** : Utilisez les variables de champ de modèle comme clés dans votre
logique de rendu pour assurer la cohérence entre la configuration de campagne et
l'affichage frontend sur tous les placements.
***
