Une fois que vous avez défini les paramètres de votre annonce native, vous pouvez définir son style. Cet article décrit les paramètres obligatoires et facultatifs que vous devez configurer.
Définissez le style de votre annonce native à l'aide des éléments suivants:
Éditeur de conception assistée
Lorsque vous sélectionnez l'éditeur de conception assistée pour créer un style natif, vous pouvez utiliser les commandes pour définir le style de votre annonce native de sorte qu'il corresponde à l'apparence de votre site Web ou de votre application. Les mises à jour sont automatiquement appliquées à l'aperçu de l'annonce, ce qui permet d'effectuer des tests.
Conseils d'utilisation de l'éditeur de conception assistée
Taille de l'aperçu
Lorsque vous créez un style avec une taille "Fluide", vous pouvez mettre à jour le paramètre "Largeur de l'aperçu" pour voir comment votre annonce s'affiche sur différentes tailles d'écran. Vous pouvez également redimensionner manuellement la largeur à l'aide de la barre bleue bleue à côté de l'aperçu. La hauteur est mise à jour automatiquement.
Réorganiser les éléments
Cliquez sur Réorganiser les éléments pour afficher ou masquer les éléments de chaque fiche dans le panneau de droite et les réorganiser. Vous pouvez par exemple placer l'incitation à l'action au-dessus du nom de l'annonceur et supprimer le logo de ce dernier.
Panneau "Définir le style d'une annonce native"
Le panneau "Définir le style de l'annonce native" vous permet de modifier les paramètres selon vos besoins. Par exemple, si vous développez la section "Titre", vous pouvez indiquer si le titre de votre annonce ne doit pas comporter plus de 30 caractères (Court) ou 90 caractères (Long).
- Archivo
- Arial
- Arimo
- Bitter
- Comic Sans
- EB Garamond
- Geneva
- Georgia
- Helvetica
- Lato
- Libre Baskerville
- Libre Franklin
- Lora
- Merriweather
- Montserrat
- Mukta
- Muli
- Nunito
- Open Sans
- Open Sans Condensed
- Oswald
- Playfair Display
- Poppins
- Raleway
- Roboto
- Roboto Condensed
- Roboto Slab
- Slabo 27px
- Source Sans Pro
- Times New Roman
- Trebuchet
- Ubuntu
- Verdana
- Volkhov
Style dans l'éditeur CSS
- Vous n'avez pas la possibilité d'apporter des modifications supplémentaires via les commandes de l'interface utilisateur.
- Si vous introduisez des erreurs liées aux règles en modifiant le code CSS, ce style natif n'aura plus la possibilité de participer aux enchères Ad Exchange, mais il pourra toujours être diffusé en programmatique garanti.
- Il n'est pas possible de modifier le code HTML dans l'éditeur de conception assistée. Si vous voulez profiter de plus d'options de personnalisation, sélectionnez Éditeur HTML et CSS sur la page précédente. Par contre, vous ne pouvez pas utiliser cet outil pour les annonces programmatiques.
Pour modifier le code CSS directement, activez l'option Style dans l'éditeur CSS.
Si vous modifiez le code CSS, cliquez sur Valider pour vous assurer que le style est conforme aux Règles Ad Exchange.
Reportez-vous à l'étape suivante.
HTML et CSS
Lorsque vous sélectionnez l'option "Éditeur HTML et CSS" pour créer un style natif, vous utilisez du code HTML et CSS pour définir le style de votre annonce native de sorte qu'il corresponde à l'apparence de votre site Web ou de votre application. Les mises à jour sont automatiquement appliquées à l'aperçu de l'annonce sur cette page, ce qui permet d'effectuer des tests.
Conseils d'utilisation de l'éditeur HTML et CSS
Taille de l'aperçu
Lorsque vous créez un style avec une taille "Fluide", vous pouvez mettre à jour le paramètre "Largeur de l'aperçu" pour voir à quoi ressemble votre annonce sur différentes tailles d'écran. Vous pouvez également redimensionner manuellement la largeur à l'aide de la barre bleue bleue à côté de l'aperçu. La hauteur est mise à jour automatiquement.
Type de rendu
Indiquez si vous souhaitez créer des annonces natives optimisées pour les pages AMP (Accelerated Mobile Pages). Notez que si vous avez sélectionné la taille "Fluide" dans les paramètres de l'annonce, vous ne pourrez pas modifier ici le paramètre par défaut "Standard".
- Standard : les annonces natives sont compatibles avec le Web mobile et pour ordinateur, ainsi qu'avec les applications mobiles. Elles sont également acceptées sur les pages AMP, mais ne se chargent pas aussi rapidement qu'avec l'option AMP.
- AMP : les annonces AMP sont spécialement conçues pour se charger plus rapidement sur les pages AMP, mais elles sont également diffusées sur les pages standards.
- Standard et AMP : ajoutez un code distinct pour produire les deux versions de l'annonce native. Ad Manager diffusera la version AMP sur les pages AMP et la version standard sur les pages standards. Découvrez comment ajouter des extraits de code à une annonce à l'aide de wrappers de création.
Panneau "Définir le style d'une annonce native"
Dans le panneau de droite, vous pouvez basculer entre HTML et CSS, et effectuer les mises à jour appropriées. En savoir plus sur l'ajout de code pour les annonces natives.
Ajouter le "lien universel auto" iOS au code HTML
Un lien universel auto est un lien universel iOS utilisé dans une application iOS pour la navigation dans les applications. Pour utiliser un lien universel auto dans une création native, ajoutez la macro %%ONE_CLICK_HANDLER_TARGET%% dans son code HTML, comme dans cet exemple:
Étape suivante
Une fois que vous avez terminé de configurer votre style, cliquez sur l'une des deux options suivantes pour enregistrer vos modifications:
- L'option Enregistrer et activer définit l'état du style sur "Actif", ce qui lui permet de diffuser des annonces.
- Le bouton Enregistrer définit l'état sur "Inactif" et n'autorise pas encore la diffusion d'annonces. Pour l'activer ultérieurement, accédez au tableau des styles natifs enregistrés, sélectionnez le style, puis cliquez sur Activer.
Afin d'utiliser le style natif pour un élément de campagne spécifique, appliquez un style natif à un élément de campagne spécifique.