DocumentationGenStudioGuide d’utilisation

Instructions relatives aux métadonnées et aux modèles

Last update: Fri May 30 2025 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Rubriques :

Créé pour :

  • Intermédiaire
  • Développeur
  • Utilisateur ou utilisatrice

Les modèles de méta-annonces vous aident à créer des annonces visuellement cohérentes et efficaces sur toutes les plateformes de méta. En suivant les pratiques de conception recommandées et en utilisant les champs pris en charge, vous pouvez vous assurer que vos modèles sont optimisés pour GenStudio for Performance Marketing. Ce guide explique comment structurer, personnaliser et préparer des métamodèles pour une intégration transparente et des résultats à fort impact.

Suivez ces bonnes pratiques de conception lors de la personnalisation de Métadonnées et de modèles d’annonce publicitaire pour les utiliser avec GenStudio for Performance Marketing :

  • Utiliser une largeur de 360 pixels pour les mises en page de colonnes
  • Utilisez une résolution minimale de 1 080 x 1 080 pixels pour les images
  • Un seul champ d’image est requis
  • N’utilisez ​ ​de taille de police relative
  • Ne pas définir fenêtre d’affichage
  • N’utilisez ​ ​JavaScript
  • Ne remplacez ​ ​un élément HTML dans le CSS
  • Utiliser la balise <img> au lieu de background-image
  • Utilisez le masquage pour améliorer la lisibilité du texte sur les images d’arrière-plan
  • Une seule section peut être utilisée, générant un seul ensemble d’éléments de modèle

Noms de champs reconnus

Lors de la personnalisation de votre modèle Métadonnées, appliquez des espaces réservés de contenu à ces champs obligatoires :

  • image (obligatoire, sélectionné parmi Content JPEG, PNG ou GIF)
  • on_image_text (texte qui apparaît sur l’image)

GenStudio for Performance Marketing génère automatiquement les champs suivants : Il n’est pas nécessaire d’appliquer des espaces réservés de contenu pour :

  • headline
  • body
  • cta

Voir Espaces réservés de contenu pour en savoir plus sur l’utilisation de noms de champ dans les modèles.

Proportions prises en charge

Format
Dimensions (pixels)
Notes
Carré 1:1
1080 x 1080
Standard pour la plupart des emplacements Meta ; recommandé pour une compatibilité étendue.
Portrait 4:5
1080 x 1350
Optimisé pour les flux mobiles ; offre plus d’espace vertical.
Histoire 9:16
1080 x 1920
Idéal pour les histoires et les rouleaux ; remplit tout l'écran mobile.
Paysage 1.91:1
1080 x 566
Idéal pour les annonces de liens et les emplacements de flux d’actualités ; format large.
Valeur personnalisée
Minimum 50 x 50 (largeur)
À utiliser uniquement si nécessaire ; peut entraîner un recadrage ou une mise à l’échelle.

Si la publicité n’est pas conçue dans l’un de ces proportions, GenStudio for Performance Marketing recadre automatiquement l’image à la taille appropriée.

Exemple de modèle

Exemple : modèle de méta-annonce

Voici un exemple de base de modèle de métadonnées. L’en-tête contient le CSS intégré pour la mise en forme. Le corps utilise des espaces réservés de contenu tels que image et on_image_text, pour indiquer où GenStudio for Performance Marketing peut générer du contenu.

code language-html line-numbers h-33 
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Adobe</title>
        <style>
            .ad-container {
            font-family: Helvetica, sans-serif;
            position: relative;
            text-align: center;
            height: 100%;
            }
            .ad-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            }
            .ad-text {
            position: absolute;
            top: 0;
            left: 0;
            margin: 1em;
            background-color: rgba(0, 0, 0, 0.5);
            color: white;
            padding: 1em;
            font-size: 75px;
            }
        </style>
    </head>
    <body>
        <div class="ad-container">
            <img src="{{image}}" alt="Ad Image" class="ad-image" />
            <div class="ad-text">{{on_image_text}}</div>
        </div>
    </body>
</html>
recommendation-more-help
28475a92-7296-4969-af5f-82e50c3f1519