Les bannières adaptatives constituent la nouvelle génération d'annonces responsives les performances en optimisant la taille des annonces pour chaque appareil. Améliorer les créations à taille fixe (qui n'acceptent que des hauteurs fixes), les bannières adaptatives permettent aux développeurs Spécifiez la largeur de l'annonce et utilisez-la pour déterminer la taille d'annonce optimale.
Pour choisir la meilleure taille d'annonce, les bannières adaptatives intégrées utilisent la taille maximale au lieu de la taille fixe hauteurs. Cela peut vous permettre d'améliorer vos performances.
Quand utiliser les bannières adaptatives intégrées ?
Les bannières adaptatives intégrées sont plus grandes et plus grandes que les bannières adaptatives ancrées. des bannières. Ils sont de hauteur variable et peuvent être aussi hauts que l'écran de l'appareil.
Elles sont destinées à être placées dans du contenu défilant, par exemple:
Prérequis
- SDK Google Mobile Ads 8.10.0 ou version ultérieure
Avant de commencer
Lorsque vous implémentez des bannières adaptatives dans votre application, tenez compte des points suivants:
Vous devez connaître la largeur de la vue dans laquelle l'annonce sera placée, et Cela doit tenir compte de la largeur de l'appareil et de toute zone de sécurité applicables.
Assurez-vous d'utiliser la dernière version du SDK Google Mobile Ads. Si à l'aide de la médiation, c'est-à-dire les dernières versions de vos adaptateurs.
Les tailles de bannières adaptatives intégrées sont conçues pour fonctionner de manière optimale lorsque vous utilisez pleine largeur disponible. Dans la plupart des cas, il s'agit de toute la largeur de l'appareil utilisé. Veillez à tenir compte des zones de sécurité applicables.
Les méthodes permettant d'obtenir la taille d'annonce sont les suivantes:
Si vous utilisez les API des bannières adaptatives intégrées, le SDK Google Mobile Ads renvoie un
GADAdSizeavec la largeur donnée et une inline. La hauteur est soit zéro, soitmaxHeight, selon l'élément API que vous utilisez. La hauteur réelle de l'annonce est disponible renvoyé.Une bannière adaptative intégrée est conçue pour être placée dans du contenu à faire défiler. La peut être aussi haute que l'écran de l'appareil ou limitée par une hauteur maximale, en fonction de l'API.
Implémentation
Pour implémenter des bannières adaptatives intégrées, procédez de la même manière que pour implémenter des bannières adaptatives ancrées. La seule différence réside dans l'intégration Les bannières adaptatives sont chargées à l'aide d'une taille de bannière adaptative intégrée. À créez une taille d'annonce adaptative intégrée:
- Obtenez la largeur de l'appareil utilisé ou définissez la largeur de votre choix si vous ne souhaitez pas utiliser toute la largeur de l'écran.
- Utilisez les méthodes statiques appropriées sur la classe de taille d'annonce, par exemple
GADCurrentOrientationInlineBannerAdSizeWithWidth(CGFloat width)pour obtenir un objet de taille d'annonce adaptative intégré pour l'orientation choisie. - Si vous souhaitez limiter la hauteur de la bannière, vous pouvez utiliser la méthode statique
GADInlineAdaptiveBannerAdSizeWithWidthAndMaxHeight(CGFloat width, CGFloat maxHeight).
L'exemple de code ci-dessous illustre ces étapes:
Swift
// Step 1: Create an inline adaptive banner ad size. This size is used to
// request your adaptive banner. You can pass in the width of the device, or
// set your own width. This example sets a static width.
let adSize = GADCurrentOrientationInlineAdaptiveBannerAdSizeWithWidth(320)
// Step 2: Create banner with the inline size and set ad unit ID.
let bannerView = GADBannerView(adSize: adSize)
bannerView.adUnitID = "<var>ad unit ID</var>"
bannerView.rootViewController = self
// Step 3: Load an ad.
let request = GADRequest()
bannerView.load(request)
// TODO: Insert banner view in table view or scroll view, etc.
Objective-C
// Step 1: Create an inline adaptive banner ad size. This size is used to
// request your adaptive banner. You can pass in the width of the device, or set
// your own width. This example sets a static width.
GADAdSize *adSize = GADCurrentOrientationInlineAdaptiveBannerAdSizeWithWidth(320);
// Step 2: Create banner with the inline size and set ad unit ID.
GADBannerView bannerView = [[GADBannerView alloc] initWithAdSize:adSize];
bannerView.adUnitID = @"<var>ad unit ID</var>";
bannerView.rootViewController = self;
// Step 3: Load an ad.
GADRequest *request = [GADRequest request];
[bannerView loadRequest:request];
// TODO: Insert banner view in table view or scroll view, etc.
Ressources supplémentaires
Exemples sur GitHub
Téléchargez l'exemple d'application pour voir les bannières adaptatives intégrées en action.