Partagez vos commentaires et contribuez à l'élaboration de la feuille de route du SDK Google Mobile Ads. Répondez à l'enquête annuelle sur le SDK Google Mobile Ads 2023 avant sa fermeture le 5 mai 2023.

Bannières

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

Les bannières sont des annonces illustrées ou textuelles rectangulaires qui occupent une partie de l'écran. Elles restent à l'écran lorsque les utilisateurs interagissent avec l'application et peuvent s'actualiser automatiquement après un certain temps. Si vous découvrez la publicité mobile, c'est un bon point de départ. Étude de cas :

Ce guide vous explique comment intégrer des bannières dans AdMob à une application Unity. En plus des extraits de code et des instructions, vous y trouverez des informations sur le dimensionnement correct des bannières et des liens vers des ressources supplémentaires.

Prérequis

Toujours tester avec des annonces tests

L'exemple de code ci-dessous contient un ID de bloc d'annonces que vous pouvez utiliser pour demander des annonces tests. Il a été spécialement configuré pour renvoyer des annonces tests plutôt que des annonces de production pour chaque requête, ce qui permet de les utiliser en toute sécurité.

Toutefois, une fois que vous avez enregistré une application dans l'interface utilisateur AdMob et que vous avez créé vos propres ID de blocs d'annonces à utiliser dans votre application, vous devez configurer votre appareil en tant qu'appareil de test de manière explicite lors du développement.

Android

ca-app-pub-3940256099942544/6300978111

iOS

ca-app-pub-3940256099942544/2934735716

Initialiser le SDK Mobile Ads

Avant de charger des annonces, demandez à votre application d'initialiser le SDK Mobile Ads en appelant MobileAds.Initialize(). Cette opération ne doit être effectuée qu'une seule fois, idéalement au lancement de l'application.

using GoogleMobileAds;
using GoogleMobileAds.Api;

public class GoogleMobileAdsDemoScript : MonoBehaviour
{
    public void Start()
    {
        // Initialize the Google Mobile Ads SDK.
        MobileAds.Initialize((InitializationStatus initStatus) =>
        {
            // This callback is called once the MobileAds SDK is initialized.
        });
    }
}

Si vous utilisez la médiation, attendez que le rappel ait lieu avant de charger les annonces. Ainsi, tous les adaptateurs de médiation seront initialisés.

Exemple BannerView

L'exemple de code ci-dessous explique comment utiliser la vue Bannière. Dans cet exemple, vous créez une instance de vue sous forme de bannière, utilisez un AdRequest pour charger une annonce dans cette vue, puis étendez les fonctionnalités en gérant les événements de cycle de vie.

Créer une vue sous forme de bannière

La première étape de l'utilisation d'une vue de bannière consiste à créer une instance de vue de bannière dans un script C# associé à un GameObject.

  // These ad units are configured to always serve test ads.
#if UNITY_ANDROID
  private string _adUnitId = "ca-app-pub-3940256099942544/6300978111";
#elif UNITY_IPHONE
  private string _adUnitId = "ca-app-pub-3940256099942544/2934735716";
#else
  private string _adUnitId = "unused";
#endif

  BannerView _bannerView;

  /// <summary>
  /// Creates a 320x50 banner at top of the screen.
  /// </summary>
  public void CreateBannerView()
  {
      Debug.Log("Creating banner view");

      // If we already have a banner, destroy the old one.
      if (_bannerView != null)
      {
          DestroyAd();
      }

      // Create a 320x50 banner at top of the screen
      _bannerView = new BannerView(_adUnitId, AdSize.Banner, AdPosition.Top);
  }

Le constructeur d'une BannerView comporte les paramètres suivants:

  • adUnitId : ID du bloc d'annonces AdMob à partir duquel BannerView doit charger les annonces.
  • AdSize: taille d'annonce AdMob que vous souhaitez utiliser (consultez la page Tailles des bannières pour en savoir plus).
  • AdPosition: emplacement où la bannière doit être placée. L'énumération AdPosition répertorie les valeurs de position d'annonce valides.

Notez la façon dont les différents blocs d'annonces sont utilisés, en fonction de la plate-forme. Vous devez utiliser un bloc d'annonces iOS pour envoyer des demandes d'annonces sur iOS et un bloc d'annonces Android pour les demandes sur Android.

(Facultatif) Créer une vue de bannière avec une position personnalisée

Pour mieux contrôler l'emplacement de l'élément BannerView à celui proposé par les valeurs AdPosition, utilisez l'élément BannerViewconstructor qui contient les coordonnées x et y en tant que paramètres:

// Create a 320x50 banner ad at coordinate (0,50) on screen.
_bannerView = new BannerView(_adUnitId, AdSize.Banner, 0, 50);

L'angle supérieur gauche de BannerView est positionné aux valeurs x et y transmises au constructeur, l'origine étant en haut à gauche de l'écran.

(Facultatif) Créer une vue de bannière avec une taille personnalisée

En plus d'utiliser une constante AdSize, vous pouvez également spécifier une taille personnalisée pour votre annonce:

// Use the AdSize argument to set a custom size for the ad.
AdSize adSize = new AdSize(250, 250);
_bannerView = new BannerView(_adUnitId, adSize, AdPosition.Bottom);

Charger une bannière

La deuxième étape de l'utilisation de la vue bannière consiste à créer un AdRequest et à le transmettre à la méthode LoadAd().

/// <summary>
/// Creates the banner view and loads a banner ad.
/// </summary>
public void LoadAd()
{
    // create an instance of a banner view first.
    if(_bannerView == null)
    {
        CreateBannerView();
    }
    // create our request used to load the ad.
    var adRequest = new AdRequest.Builder()
        .AddKeyword("unity-admob-sample")
        .Build();

    // send the request to load the ad.
    Debug.Log("Loading banner ad.");
    _bannerView.LoadAd(adRequest);
}

Écouter des événements de vue sous forme de bannière

Pour personnaliser le comportement de votre annonce, vous pouvez vous accrocher à plusieurs événements du cycle de vie de l'annonce: chargement, ouverture, fermeture, etc. Pour écouter ces événements, enregistrez un délégué:

/// <summary>
/// listen to events the banner may raise.
/// </summary>
private void ListenToAdEvents()
{
    // Raised when an ad is loaded into the banner view.
    _bannerView.OnBannerAdLoaded += () =>
    {
        Debug.Log("Banner view loaded an ad with response : "
            + _bannerView.GetResponseInfo());
    };
    // Raised when an ad fails to load into the banner view.
    _bannerView.OnBannerAdLoadFailed += (LoadAdError error) =>
    {
        Debug.LogError("Banner view failed to load an ad with error : "
            + error);
    };
    // Raised when the ad is estimated to have earned money.
    _bannerView.OnAdPaid += (AdValue adValue) =>
    {
        Debug.Log(String.Format("Banner view paid {0} {1}.",
            adValue.Value,
            adValue.CurrencyCode));
    };
    // Raised when an impression is recorded for an ad.
    _bannerView.OnAdImpressionRecorded += () =>
    {
        Debug.Log("Banner view recorded an impression.");
    };
    // Raised when a click is recorded for an ad.
    _bannerView.OnAdClicked += () =>
    {
        Debug.Log("Banner view was clicked.");
    };
    // Raised when an ad opened full screen content.
    _bannerView.OnAdFullScreenContentOpened += ()
    {
        Debug.Log("Banner view full screen content opened.");
    };
    // Raised when the ad closed full screen content.
    _bannerView.OnAdFullScreenContentClosed += ()
    {
        Debug.Log("Banner view full screen content closed.");
    };
}

Détruire la vue de la bannière

Lorsque vous avez terminé d'utiliser la vue bannière, veillez à appeler Destroy() pour libérer des ressources.

/// <summary>
/// Destroys the ad.
/// </summary>
public void DestroyAd()
{
    if (_bannerView != null)
    {
        Debug.Log("Destroying banner ad.");
        _bannerView.Destroy();
        _bannerView = null;
    }
}

Et voilà ! Votre application est maintenant prête à diffuser des bannières AdMob.

Le tableau ci-dessous liste les tailles de bannière standards.

Taille en dp (LxH) Description Garantie de disponibilité Constante AdSize
320 x 50 Bannière standard Téléphones et tablettes BANNER
320 x 100 Grande bannière Téléphones et tablettes LARGE_BANNER
300 x 250 Rectangle moyen IAB Téléphones et tablettes MEDIUM_RECTANGLE
468 x 60 Bannière complète de l'IAB Tablettes FULL_BANNER
728 x 90 Classement IAB Tablettes LEADERBOARD
Largeur fournie x Hauteur adaptative Bannière adaptative Téléphones et tablettes N/A
Largeur de l'écran x 32|50|90 Bannière intelligente Téléphones et tablettes SMART_BANNER
En savoir plus sur les bannières adaptatives, destinées à remplacer les bannières intelligentes

Ressources supplémentaires

Exemples

Témoignages