Guide de composition publicitaire sur l’Audience Network pour iOS

Lorsqu’une publicité est visible à l’écran, conserver la partie de la publicité recouverte par les barres de navigation, les barres d’onglets, les barres d’outils et d’anciennes vues ne constitue pas une expérience d’utilisation optimale. L’exemple ci-dessous à gauche montre une publicité affichée sur l’écran d’un iPhone X et partiellement recouverte par le bord supérieur. L’exemple de droite montre une meilleure conception, avec un espace adapté entre le bord supérieur de l’écran de l’iPhone X et la publicité.

iOS 11 et les versions ultérieures ont introduit un nouveau guide de composition appelé Guide de composition Zone sûre, qui servira à définir une zone sûre dans laquelle dessiner le contenu de votre application, notamment la publicité que vous cherchez à rendre à l’écran. La zone sûre est définie par le cadre délimité en vert dans l’exemple ci-dessus. Pour présenter l’utilisation de ce nouveau guide de composition, examinons de plus près l’implémentation technique du rendu d’une publicité native dans votre application. Vous pouvez appliquer la même méthode au rendu des bandeaux publicitaires.

Conditions requises

Assurez-vous d’avoir terminé l’exemple de publicité native, de bandeau publicitaire natif ou de bandeau publicitaire.

iOS 11 et versions ultérieures : Guide de composition Zone sûre

Versions précédentes d’iOS : Guide de composition haut et bas

iOS 11 et versions ultérieures : Guide de composition Zone sûre

1. Si votre application utilise Interface Builder avec Xcode 9 (et versions ultérieures) et cible iOS 11 et ses versions ultérieures, nous vous recommandons d’activer le Guide de composition Zone sûre. Ouvrez Interface Builder et cliquez sur votre scène de contrôleur d’affichage. Les options de document d’Interface Builder apparaîtront à droite. Cochez la case Use Safe Area Layout Guides (Utiliser les Guides de composition Zone sûre).
   
   
2. Sélectionnez AdUI View (Vue de l’UI de la publicité) dans View Controller Scene (Scène de contrôleur d’affichage) et naviguez jusqu’à l’option Size Inspector (Inspecteur de taille). Ajoutez des espaces à gauche, à droite, en haut et en bas de la composition sûre, puis attribuez-leur les valeurs d’espacement optimales suivantes :
   
   
3. Construisez et exécutez votre application. La publicité qui apparaîtra à l’écran sera positionnée de manière optimale en tenant compte des coins arrondis, des capteurs et de la barre d’état.
   
   

Versions précédentes d’iOS : Guides de composition haut et bas

1. Pour prendre en charge les versions d’iOS antérieures à iOS 11, utilisez les Guides de composition haut et bas pour répondre au problème de zone sûre. Assurez-vous que les Guides de composition haut et bas sont inclus dans View Controller Scene (Scène de contrôleur d’affichage) comme dans l’illustration suivante :
   
   
2. Sélectionnez AdUI View (Vue de l’UI de la publicité) dans View Controller Scene (Scène de contrôleur d’affichage) et naviguez jusqu’à l’option Size Inspector (Inspecteur de taille). Ajoutez des espaces en haut et en bas de la composition, puis attribuez-leur les valeurs d’espacement optimales suivantes :
   
   

Conformité aux règles des publicités natives

Afin de créer un produit de qualité, les développeur·ses doivent respecter la Politique relative à l’Audience Network de Meta, qu’ils ou elles travaillent sur la composition d’une publicité ou d’un bandeau publicitaire natifs. Laissez toujours aux utilisateur·ices le contrôle total de leurs clics. En particulier concernant les éléments cliquables d’une publicité, veillez bien à ce que seuls les titres, les URL, les appels à l’action et les images des publicités soient cliquables. De plus, l’espace blanc dans le texte du titre ou les vues d’images ne doit pas être cliquable.

Mauvais exemple d’éléments cliquables

Que vous travailliez sur la composition d’une publicité ou d’un bandeau publicitaire natifs, vous ne devez pas utiliser de largeur et de hauteur fixes pour UILabel afin d’éviter l’apparition d’un white space dans le titre, le corps, le contexte social et l’étiquette sponsorisée de la publicité. Vous trouverez ci-dessous un exemple de ce qu’il ne faut jamais faire :

Bon exemple d’éléments cliquables

Pour créer une publicité de qualité, veuillez construire une composition avec contraintes dynamiques pour vos publicités ou bandeaux publicitaires natifs. Par exemple, si vous utilisez la composition automatique de Storyboard, vous pouvez utiliser Trailing Space >= x au lieu de Trailing Space = x ou Width <= y au lieu de Width = y. Vous trouverez ci-dessous un exemple de ce à quoi doit ressembler la composition si vous respectez la Politique relative à l’Audience Network de Meta :