Bannières adaptatives intégrées

Restez organisé à l'aide des collections Enregistrez et classez les contenus selon vos préférences.

Les bannières adaptatives constituent la nouvelle génération d'annonces responsives, qui maximisent les performances en optimisant la taille des annonces pour chaque appareil. Véritable progrès par rapport aux bannières à taille fixe, qui n'acceptaient que les hauteurs fixes, les bannières adaptatives permettent aux développeurs de définir la largeur de l'annonce et d'utiliser cette information afin de déterminer la taille d'annonce optimale.

Pour choisir la meilleure taille d'annonce, les bannières adaptatives intégrées utilisent la hauteur maximale plutôt que des hauteurs fixes. Cela permet d'améliorer les performances.

Quand utiliser les bannières adaptatives intégrées ?

Les bannières adaptatives intégrées sont plus grandes, plus larges que les bannières adaptatives ancrées. Elles sont de hauteur variable et peuvent être aussi grandes que l'écran de l'appareil.

Ils sont destinés à être placés dans le contenu à faire défiler, par exemple:

Prerequisites

  • SDK Google Mobile Ads 8.10.0 ou version ultérieure

Avant de commencer

Lorsque vous intégrez 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, en tenant compte de la largeur de l'appareil et des zones sûres applicables.

  • Assurez-vous d'utiliser la dernière version du SDK Google Mobile Ads. Si vous utilisez la médiation, utilisez 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 façon optimale avec la largeur totale disponible. Dans la plupart des cas, il s'agit de la largeur totale de l'écran de l'appareil utilisé. Tenez compte des zones de sûreté applicables.

Implémentation

Pour mettre en œuvre une bannière adaptative intégrée simple, procédez comme suit :

  1. Créez une taille de bannière adaptative intégrée. La taille obtenue sera utilisée pour demander votre bannière adaptative. Pour obtenir la taille adaptative, vérifiez les points suivants :
    • Obtenez la largeur de l'appareil utilisé, 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 de l'annonce, par exemple : GADCurrentOrientationInlineBannerAdSizeWithWidth(CGFloat width) pour obtenir un objet GADAdSize adaptatif 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) .
  2. Créez a GADBannerView un objet avec la taille d'annonce de l'étape 1. Assurez-vous également de définir un ID de bloc d'annonces et un contrôleur de vue racine.
    • Pour une propriété GADBannerView existante, définissez la propriétéadSize.
  3. Créez un objet de demande d'annonce et chargez votre bannière à l'aide de la méthode loadRequest sur la vue de l'annonce préparée, comme vous le feriez avec une demande d'annonce normale.

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 = "ad unit ID"
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 = @"ad unit ID";
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.