Aller au contenu principal

Créer une mise en page

Une mise en page dicte où et comment les offres sont affichées sur votre page. Les types de mise en page les plus courants sont superposition et intégré.

Ajouter une mise en page

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

Concevoir 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ètreDescription
      OffresDéfinissez le Minimum et le Maximum du nombre d'offres à afficher sur votre mise en page.
      Limite de fréquenceDéfinissez la période pour suspendre votre mise en page pour les visiteurs de retour.
      LangueSélectionnez la langue dans laquelle afficher votre mise en page.
      PlateformeSélectionnez la plateforme sur laquelle votre mise en page sera affichée.
    2. Style général

      ParamètreDescription
      Arrière-planDéfinissez la couleur d'arrière-plan de votre mise en page.
      Bordure extérieureDéfinissez le Poids, le Rayon et la Couleur de votre bordure extérieure.
      EspacementDéfinissez la Marge et le Remplissage de votre mise en page en Pixels (px).
      Séparateur supérieurDéfinissez les paramètres de conception pour le séparateur supérieur.
      Un séparateur supérieur ne s'affichera que si votre marge supérieure est >0.
      Séparateur inférieurDéfinissez les paramètres de conception pour le séparateur inférieur
      Un séparateur inférieur ne s'affichera que si votre marge inférieure est >0.

      Paramètres de style général

    3. Suivi de progression

        | Paramètre | Description |
      | --- | --- |
      | Afficher le suivi de progression | Basculez **Activé** ou **Désactivé**. |
      | Apparence du suivi de progression | Sélectionnez entre **Numéroté**, **Cercles remplis**, ou **Tirets** pour afficher la progression dans votre mise en page. |
      | Commencer à partir de | Sélectionnez où commencer à afficher le suivi de progression, soit sur la première, soit sur la deuxième annonce. |
      | Commencer le compteur numéroté à | Cela se rapporte directement à la configuration **Commencer à partir de**. Si vous avez choisi de commencer à numéroter à partir de la première annonce, vous devriez sélectionner **1** ici, si vous avez choisi de commencer à numéroter à partir de la deuxième, sélectionnez **2**. |

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

      Paramètres du suiveur de progression

  3. Styles de texte

    Choisissez une police à utiliser dans votre mise en page depuis le 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 :

  4. Cliquez sur Gérer les polices personnalisées.

  5. Cliquez sur Cliquez pour ajouter une nouvelle police.

  6. Sélectionnez la plateforme sur laquelle votre police sera utilisée (sélection multiple).

  7. Cliquez sur Télécharger, recherchez votre fichier et sélectionnez-le.

  8. (Optionnel) Cliquez sur Afficher les styles optionnels et téléchargez une version Gras ou Italique de votre police.

  9. Cliquez sur Enregistrer.

    Votre nouvelle police sera maintenant disponible pour sélection dans le menu déroulant.

    Vous pouvez éditer 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 éditez, 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 d'édition :

    Styles de texte de mise en page

  10. Boutons

    ParamètreDescription
    Général
    PolicesSélectionnez la police et la taille de la police que vous souhaitez utiliser sur vos boutons.
    Rayon du boutonCela 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 boutonDéfinissez la hauteur et la largeur minimales pour les boutons.
    Casse des lettres CTASélectionnez entre Tel que tapé qui s'affichera tel que vous avez saisi le texte, Casse du titre qui affichera la première lettre de chaque mot en majuscule, ou Majuscules qui affichera toutes les lettres en majuscule.
    FormationSélectionnez si vous souhaitez afficher la réponse positive ou négative en premier.
    Vue mobileSélectionnez si vous souhaitez afficher vos boutons Empilés ou Non empilés sur les appareils mobiles.
    Primaire et Secondaire
    Utilisez ceux-ci pour personnaliser les styles et les couleurs de vos boutons.
  11. Hyperliens

    ParamètreDescription
    Pied de page
    Défaut sur ordinateurDéfinit le style et la couleur par défaut de vos hyperliens dans le pied de page de votre mise en page lorsqu'il apparaît sur un ordinateur.
    Survol sur ordinateurDéfinit le style et la couleur au survol de vos hyperliens dans le pied de page de votre mise en page lorsqu'il apparaît sur un ordinateur.
    Défaut sur mobileDéfinit le style et la couleur de vos hyperliens dans le pied de page de votre mise en page lorsqu'il apparaît sur un appareil mobile.
    Général
    Par défautDéfinit le style par défaut de vos hyperliens dans le corps de votre mise en page.
    SurvolDéfinit le style au survol de vos hyperliens dans le corps de votre mise en page.
  12. Comportement de fin d'offres

    ParamètreDescription
    Contenu
    TitreDéfinir le titre de la dernière page de votre mise en page, c’est-à-dire après que toutes les offres ont été présentées.
    MessageAjouter un message qui apparaîtra sur la dernière page de votre mise en page.
    Style
    Alignement du texteDéfinir l'alignement du texte sur la dernière page de votre mise en page.
  13. Personnalisez vos Sections.

  14. En-tête

    ParamètreDescription
    Contenu
    TexteAjouter 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
    FondDéfinir la couleur de fond de votre en-tête.
    Bordures(Optionnel) Définir le Poids, le Rayon et la Couleur des bordures de votre en-tête.
    Espacement de l'en-têteDéfinir la Marge et le Remplissage de votre en-tête en Pixels (px).
    Alignement du texteDéfinir l'alignement du texte dans votre en-tête.
    Séparateur de sectionMontre une ligne horizontale sous l'en-tête lorsqu'il est activé.

    En-têtes de mise en page

  15. Paragraphe d'ouverture

    ParamètreDescription
    Contenu
    Premier paragrapheCeci est pré-rempli avec du texte, mais peut être modifié.
    Deuxième paragraphe(Optionnel) Espace pour ajouter du texte supplémentaire si nécessaire.
    Style
    FondDéfinissez la couleur de fond de votre paragraphe d'ouverture.
    Bordures(Optionnel) Définissez le Poids, le Rayon, et la Couleur des bordures de votre paragraphe d'ouverture.
    Espacement du paragraphe d'ouvertureDéfinissez la Marge et le Padding pour votre paragraphe d'ouverture en Pixels (px).
    Alignement du texteDéfinissez l'alignement du texte dans votre paragraphe d'ouverture.
  16. Offres

    ParamètreDescription
    Style
    FondDéfinissez la couleur de fond de vos offres.
    Bordures(Optionnel) Définissez le Poids, le Rayon, et la Couleur des bordures de vos offres.
    Espacement des offresDéfinissez la Marge et le Padding pour vos offres en Pixels (px).
    Paramètres
    ImagesDécidez quand et où afficher les images sur votre mise en page.
    AlignementSélectionnez l'alignement de votre contenu.
    Positionnement du texte créatifSélectionnez où vous souhaitez que le texte créatif apparaisse.
    BoutonsSélectionnez l'alignement de vos boutons.
    Fermer en cas de réponse négativeSi cette option est sélectionnée, votre mise en page se ferme en cas de réponse négative à toute création.
    Types de réponseChoisissez le type de réponse qui apparaîtra.
  17. Message de confirmation

    ParamètreDescription
    Afficher le message de confirmationSélectionnez si le message de confirmation doit s'afficher sur toutes les positions, seulement à partir de la position deux, ou pas du tout.
  18. Paragraphe de clôture

    ParamètreDescription
    Contenu
    Texte(Optionnel) Entrez le texte pour un paragraphe de clôture qui apparaîtra sous les boutons sur votre mise en page.
    Il y a deux boîtes de texte, une pour la Position 1 et une pour la Position 2+. Si vous voulez que le texte apparaisse sur toutes les positions, vous devez remplir les deux boîtes de texte.
    Style
    FondDéfinissez la couleur de fond de votre paragraphe de clôture.
    Bordures(Optionnel) Définissez le Poids, le Rayon, et la Couleur des bordures de votre paragraphe de clôture.
    Espacement du paragraphe de clôtureDéfinissez la Marge et le Padding pour votre paragraphe de clôture en Pixels (px).
    Alignement du texteDéfinissez l'alignement pour le texte dans votre paragraphe de clôture.
    Séparateur de sectionAffiche une ligne horizontale sous le paragraphe de clôture lorsque l'option est activée. Définissez le style du séparateur si nécessaire.
  19. Pied de page

    ParamètreDescription
    Paramètres
    LiensSélectionnez quels liens afficher dans votre pied de page.
    Texte d'affichage du lienEntrez le texte à afficher si vous avez activé Afficher la politique de confidentialité du client.
    URLEntrez l'URL de votre politique de confidentialité si vous avez activé Afficher la politique de confidentialité du client.
    Style
    Arrière-planDéfinissez la couleur de fond de votre pied de page.
    Bordures(Facultatif) Définissez le Poids, le Rayon et la Couleur des bordures de votre pied de page.
    Espacement du paragraphe de clôtureDéfinissez la Marge et le Rembourrage pour votre pied de page en pixels (px).
    Alignement du texteDéfinissez l'alignement du texte dans votre pied de page.
    Liens en vue mobileSélectionnez si vous souhaitez empiler les liens en vue mobile ou les afficher en ligne.
  20. Cliquez sur Enregistrer et fermer pour envoyer votre mise en page à Rokt pour approbation.

Cet article vous a-t-il été utile ?