Créer une mise en page

Une mise en page détermine où et comment les offres sont affichées sur votre page. Les types de mise en page les plus courants sont superposés (overlay) et intégrés (embedded).

Ajouter une mise en page

1. Connectez-vous à my.rokt.com.
2. Cliquez sur Transactions.
3. Cliquez sur Layouts.
4. Sélectionnez Add layout.
5. Sélectionnez un modèle de mise en page.

Concevez votre modèle

remarque

Vous pouvez basculer entre les vues de bureau et mobile de votre mise en page en utilisant les boutons en haut de votre écran.

1. Fournissez un nom pour votre mise en page.

2. Personnalisez votre Thème :

   1. Paramètres

      Paramètre	Description
      Offres	Définissez le nombre Minimum et Maximum d'offres à afficher sur votre mise en page.
      Limite de fréquence	Définissez la période pour supprimer votre mise en page pour les visiteurs récurrents.
      Langue	Sélectionnez la langue dans laquelle afficher votre mise en page.
      Plateforme	Sélectionnez la plateforme sur laquelle votre mise en page sera affichée.

   2. Style général

      Paramètre	Description
      Arrière-plan	Définissez la couleur de fond de votre mise en page.
      Bordure extérieure	Définissez le Poids, le Rayon, et la Couleur de votre bordure extérieure.
      Espacement	Définissez la Marge et le Remplissage de votre mise en page en Pixels (px).
      Diviseur supérieur	Définissez les paramètres de conception pour le diviseur supérieur. Un diviseur supérieur ne s'affichera que si votre marge supérieure est >0.
      Diviseur inférieur	Définissez les paramètres de conception pour le diviseur inférieur Un diviseur inférieur ne s'affichera que si votre marge inférieure est >0.

      

   3. Suivi de progression

      Paramètre	Description
      Afficher le suivi de progression	Basculer On ou Off.
      Apparence du suivi de progression	Sélectionnez entre Numéroté, Cercles remplis, ou Tirets pour afficher la progression à travers votre mise en page.
      Commencer à partir de	Sélectionnez où commencer à afficher le suivi de progression, soit sur la première ou la deuxième annonce.
      Commencer le compteur numéroté à	Cela est directement lié au paramètre Commencer à partir de. Si vous avez choisi de commencer la numérotation à partir de la première annonce, vous devez sélectionner 1 ici, si vous avez choisi de commencer la numérotation sur la deuxième, sélectionnez 2.

| Emplacement | Sélectionnez l'emplacement où votre suivi de progression sera affiché sur votre placement, soit Au-dessus soit En-dessous. | | Visité | Définissez les couleurs pour indiquer quelles publicités ont été visitées dans le suivi de progression. | | Non vu | Définissez les couleurs pour indiquer quelles publicités n'ont pas encore été visitées dans le suivi de progression. |

4. Styles de texte

Choisissez une police à utiliser dans votre mise en page à partir du menu déroulant.

Nous avons un petit choix de polices disponibles initialement, cependant, vous pouvez télécharger vos propres polices de marque comme suit.

Ajouter une police personnalisée

remarque

Vous devez télécharger votre fichier de police (.tff, .otf, .woff ou .woff2) avant de commencer ce processus.

Vous pouvez ajouter des polices à votre mise en page en suivant ces étapes :

1. Cliquez sur Gérer les polices personnalisées.
2. Cliquez sur Cliquez pour ajouter une nouvelle police.
3. Sélectionnez la plateforme sur laquelle votre police sera utilisée (sélection multiple).
4. Cliquez sur Télécharger, recherchez votre fichier et sélectionnez-le.
5. (Optionnel) Cliquez sur Afficher les styles optionnels et téléchargez une version Gras ou Italique de votre police.
6. Cliquez sur Enregistrer.

Votre nouvelle police sera désormais disponible dans le menu déroulant.

Vous pouvez modifier les propriétés du texte telles que la taille de la police, la couleur et le style markdown (avec des options en gras, italique ou souligné) pour chaque section de texte dans votre mise en page. Pour comprendre quelle section de texte vous modifiez, vérifiez le nom affiché à la fois sur la mise en page et dans l'éditeur. Dans cet exemple, la section Titre de la mise en page est en cours de modification :

5. Boutons

Paramètre	Description
Général
Polices	Sélectionnez la police et la taille de la police que vous souhaitez utiliser sur vos boutons.
Rayon du bouton	Cela détermine à quel point le bord du bouton est arrondi. 0 px fournira des bords carrés et 16 px fournira les plus arrondis.
Taille du bouton	Définissez la hauteur et la largeur minimales pour les boutons.
Casse des lettres CTA	Sélectionnez entre Tel que tapé qui affichera le texte tel que vous l'avez tapé, Casse de titre qui affichera la première lettre de chaque mot en majuscule, ou Majuscule qui affichera toutes les lettres en majuscule.
Formation	Sélectionnez si vous souhaitez afficher d'abord la réponse positive ou négative.

  | Vue mobile | Sélectionnez si vous souhaitez afficher vos boutons **Empilés** ou **Non empilés** sur les appareils mobiles. |
  | **Principal et Secondaire** |  |
  |  | Utilisez ces options pour personnaliser les styles et les couleurs de vos boutons. |

6. Hyperliens

  | Paramètre | Description |
  | --- | --- |
  | **Pied de page** |  |
  | Par défaut sur ordinateur | Définit le style et la couleur par défaut de vos hyperliens dans le pied de page de votre mise en page lorsqu'elle apparaît sur un ordinateur. |
  | Survol sur ordinateur | Définit le style et la couleur au survol de vos hyperliens dans le pied de page de votre mise en page lorsqu'elle apparaît sur un ordinateur. |
  | Par défaut sur mobile | Définit le style et la couleur de vos hyperliens dans le pied de page de votre mise en page lorsqu'elle apparaît sur un appareil mobile. |
  | **Général** |  |
  | Par défaut | Définit le style par défaut de vos hyperliens dans le corps de votre mise en page. |
  | Survol | Définit le style au survol de vos hyperliens dans le corps de votre mise en page. |

7. Comportement de fin d'offres

  | Paramètre | Description |
  | --- | --- |
  | **Contenu** |  |
  | Titre | Définissez le titre de la page finale de votre mise en page, c'est-à-dire après que toutes les offres ont été présentées. |
  | Message | Ajoutez un message qui sera visible sur la page finale de votre mise en page. |
  | **Style** |  |
  | Alignement du texte | Définissez l'alignement du texte sur la page finale de votre mise en page. |

3. Personnalisez vos Sections.

1. En-tête

   Paramètre	Description
   Contenu
   Texte	Ajoutez le texte qui apparaîtra dans la section d'en-tête de votre mise en page. **Ce texte s'affichera en noir (#000000) sur votre mise en page.
   Style
   Arrière-plan	Définissez la couleur de fond de votre en-tête.
   Bordures	(Optionnel) Définissez le Poids, le Rayon et la Couleur des bordures pour votre en-tête.
   Espacement de l'en-tête	Définissez la Marge et le Rembourrage pour votre en-tête en Pixels (px).
   Alignement du texte	Définissez l'alignement du texte dans votre en-tête.
   Séparateur de section	Affiche une ligne horizontale sous l'en-tête lorsqu'elle est activée.

   

2. Paragraphe d'ouverture

   Paramètre	Description
   Contenu
   Premier paragraphe	Ce texte est pré-rempli, mais peut être modifié.
   Deuxième paragraphe	(Optionnel) Espace pour ajouter du texte supplémentaire si nécessaire.

| Style | | | Arrière-plan | Définissez la couleur de fond de votre paragraphe d'ouverture. | | Bordures | (Optionnel) Définissez le Poids, le Rayon et la Couleur des bordures pour votre paragraphe d'ouverture. | | Espacement du paragraphe d'ouverture | Définissez la Marge et le Remplissage pour votre paragraphe d'ouverture en Pixels (px). | | Alignement du texte | Définissez l'alignement du texte dans votre paragraphe d'ouverture. |

3. Offres

Paramètre	Description
Style
Arrière-plan	Définissez la couleur de fond de vos offres.
Bordures	(Optionnel) Définissez le Poids, le Rayon et la Couleur des bordures pour vos offres.
Espacement des offres	Définissez la Marge et le Remplissage pour vos offres en Pixels (px).
Paramètres
Images	Décidez quand et où afficher les images sur votre mise en page.
Alignement	Sélectionnez l'alignement de votre contenu.
Positionnement du texte créatif	Sélectionnez où vous souhaitez que le texte créatif apparaisse.
Boutons	Sélectionnez l'alignement de vos boutons.
Fermeture en cas de réponse négative	Si cette option est sélectionnée, votre mise en page se fermera s'il y a une réponse négative à une création.
Types de réponse	Choisissez le type de réponse qui apparaîtra.

4. Message de confirmation

Paramètre	Description
Afficher le message de confirmation	Sélectionnez si vous souhaitez afficher le message de confirmation sur toutes les positions, uniquement à partir de la position deux, ou pas du tout.

5. Paragraphe de clôture

Paramètre	Description
Contenu
Texte	(Optionnel) Entrez le texte pour un paragraphe de clôture qui apparaîtra sous les boutons de votre mise en page. Il y a deux zones de texte, une pour la Position 1 et une pour la Position 2+. Si vous souhaitez que le texte apparaisse sur toutes les positions, vous devez remplir les deux zones de texte.
Style
Arrière-plan	Définissez la couleur de fond de votre paragraphe de clôture.
Bordures	(Optionnel) Définissez le Poids, le Rayon et la Couleur des bordures pour votre paragraphe de clôture.
Espacement du paragraphe de clôture	Définissez la Marge et le Remplissage pour votre paragraphe d'ouverture en Pixels (px).
Alignement du texte	Définissez l'alignement du texte dans votre paragraphe de clôture.
Séparateur de section	Affiche une ligne horizontale sous le paragraphe de clôture lorsque cette option est activée. Définissez le style du séparateur si nécessaire.

6. Pied de page

   Paramètre	Description
   Paramètres
   Liens	Sélectionnez quels liens afficher dans votre pied de page.
   Texte d'affichage du lien	Saisissez le texte à afficher si vous avez activé Afficher la politique de confidentialité du client.
   URL	Entrez l'URL de votre politique de confidentialité si vous avez activé Afficher la politique de confidentialité du client.
   Style
   Arrière-plan	Définissez la couleur d'arrière-plan de votre pied de page.
   Bordures	(Optionnel) Définissez le Poids, le Rayon et la Couleur des bordures pour votre pied de page.
   Espacement du paragraphe de clôture	Définissez la Marge et le Rembourrage pour votre pied de page en Pixels (px).
   Alignement du texte	Définissez l'alignement du texte dans votre pied de page.
   Liens en vue mobile	Sélectionnez si vous souhaitez empiler les liens en vue mobile ou les afficher en ligne.

7. Cliquez sur Enregistrer et fermer pour envoyer votre mise en page à Rokt pour approbation.