Cette page a été traduite par l'API Cloud Translation.

Bannières adaptatives intégrées

Les bannières adaptatives constituent la nouvelle génération d'annonces responsives. Elles maximisent les performances en optimisant la taille des annonces pour chaque appareil. En amélioration des bannières de taille fixe, qui n'acceptaient que les hauteurs fixes, les bannières adaptatives permettent aux développeurs de spécifier la largeur de l'annonce et de l'utiliser pour déterminer la taille optimale de l'annonce.

Pour choisir la meilleure taille d'annonce, les bannières adaptatives intégrées utilisent la valeur maximale plutôt que des hauteurs fixes. Il existe donc des opportunités d'améliorer les performances.

Quand utiliser des 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. Ils sont de hauteur variable et peuvent être aussi grands que l’écran de l’appareil.

Ils sont destinés à être placés 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 prendre en compte la largeur de l'appareil et toutes les zones de sécurité applicables.
Assurez-vous d'utiliser la dernière version du SDK Google Mobile Ads et, si vous utilisez la médiation, les dernières versions de vos adaptateurs de médiation.
Les tailles de bannières adaptatives intégrées sont conçues pour fonctionner de manière optimale lorsque la largeur totale est disponible. Dans la plupart des cas, il s'agit de la pleine largeur de l'écran de l'appareil en cours d'utilisation. Prenez en compte les zones de sécurité applicables.

Vous devrez peut-être mettre à jour ou créer des éléments de campagne pour utiliser les tailles adaptatives. En savoir plus

Les méthodes permettant d'obtenir la taille de l'annonce sont les suivantes:
Lorsque vous utilisez les API de bannières adaptatives intégrées, le SDK Google Mobile Ads renvoie un GADAdSize avec la largeur donnée et un indicateur intégré. La hauteur est de zéro ou de maxHeight, selon l'API que vous utilisez. La hauteur réelle de l'annonce est disponible lorsqu'elle est renvoyée.
Une bannière adaptative intégrée est conçue pour être placée dans du contenu à faire défiler. La bannière peut être aussi haute que l'écran de l'appareil ou limitée par une hauteur maximale, selon l'API.

Implémentation

La procédure d'implémentation des bannières adaptatives intégrées est identique à celle des bannières adaptatives ancrées. La seule différence réside dans le fait que les bannières adaptatives intégrées sont chargées à l'aide d'une taille de bannière adaptative intégrée. Pour créer une taille d'annonce adaptative intégrée, procédez comme suit:

Obtenez la largeur de l'appareil en cours d'utilisation ou définissez votre propre largeur 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, telles que GADCurrentOrientationInlineBannerAdSizeWithWidth(CGFloat width) , afin d'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 = GAMBannerView(adSize: adSize)
bannerView.adUnitID = "ad unit ID"
bannerView.rootViewController = self

// For Ad Manager, the `adSize` property is used for the adaptive banner ad
// size. The `validAdSizes` property is used as normal for the supported
// reservation sizes for the ad placement.
bannerView.validAdSizes = [NSValueFromGADAdSize(GADAdSizeBanner)]

// Step 3: Load an ad.
let request = GAMRequest()
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.
GAMBannerView bannerView = [[GAMBannerView alloc] initWithAdSize:adSize];
bannerView.adUnitID = @"ad unit ID";
bannerView.rootViewController = self;

// For Ad Manager, the adSize property is used for the adaptive banner ad size.
// The validAdSizes property is used as normal for the supported reservation
// sizes for the ad placement. This is optional and only needed if you wish to
// support reservation ad sizes.
bannerView.validAdSizes = @[ NSValueFromGADAdSize(GADAdSizeBanner) ];

// Step 3: Load an ad.
GAMRequest *request = [GAMRequest 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 concrètement les bannières adaptatives intégrées.

Swift Objective-C