Configurer des bannières publicitaires

Les vues de bannière sont des annonces illustrées ou textuelles rectangulaires qui occupent un emplacement à l'écran. Elles restent à l'écran lorsque les utilisateurs interagissent avec l'application et peuvent être actualisées automatiquement au bout d'un certain temps. Si vous débutez dans la publicité mobile, elles constituent un excellent point de départ. Étude de cas.

Ce guide explique comment intégrer des bannières dans une application Unity. En plus d'extraits de code et d'instructions, il inclut également des informations sur le dimensionnement correct des bannières et des liens vers des ressources supplémentaires.

Prérequis

Avant de continuer, configurez Google Mobile Ads Unity Plugin.

Toujours tester avec des annonces tests

L'exemple de code suivant 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 de test plutôt que des annonces de production pour chaque demande, ce qui permet de l'utiliser en toute sécurité.

Toutefois, après avoir enregistré une application dans l'interface Web AdMob et créé vos propres ID de bloc d'annonces à utiliser dans votre application, configurez explicitement votre appareil en tant qu'appareil de test pendant le développement.

Android

ca-app-pub-3940256099942544/1033173712

iOS

ca-app-pub-3940256099942544/4411468910

Initialiser Google Mobile Ads Unity Plugin

Avant de charger des annonces, demandez à votre application d'initialiser Google Mobile Ads Unity Plugin 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 Google Mobile Ads Unity Plugin.
        MobileAds.Initialize((InitializationStatus initStatus) =>
        {
            // This callback is called once the MobileAds SDK is initialized.
        });
    }
}

Si vous utilisez la médiation, attendez que le rappel se produise avant de charger les annonces. Cela garantit que tous les adaptateurs de médiation sont initialisés.

Exemple de BannerView

L'exemple de code suivant explique comment utiliser la vue de bannière. Dans l'exemple, créez une instance d'une vue de bannière, utilisez un AdRequest pour charger une annonce dans la vue de bannière, puis étendez ses fonctionnalités en gérant les événements de cycle de vie.

Créer une vue de bannière

Pour utiliser une vue de bannière, vous devez d'abord en créer une instance.

// Create a 320x50 banner at top of the screen.
bannerView = new BannerView("AD_UNIT_ID", AdSize.Banner, AdPosition.Top);

Remplacez AD_UNIT_ID par l'ID de votre bloc d'annonces.

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

  • adUnitId : ID du bloc d'annonces de la bannière à charger.
  • AdSize : taille de la bannière que vous souhaitez utiliser.
  • AdPosition : position où les vues de la bannière doivent être placées.

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

Pour mieux contrôler l'emplacement d'une vue de bannière à l'écran par rapport à ce que proposent les valeurs AdPosition, utilisez le constructeur qui comporte des coordonnées X et Y comme paramètres :

// Create a 320x50 banner views at coordinate (0,50) on screen.
bannerView = new BannerView("AD_UNIT_ID", AdSize.Banner, 0, 50);

L'angle supérieur gauche de la vue de la bannière est positionné aux valeurs x et y transmises au constructeur, où l'origine est l'angle supérieur 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 :

// Create a 250x250 banner at the bottom of the screen.
AdSize adSize = new AdSize(250, 250);
bannerView = new BannerView("AD_UNIT_ID", adSize, AdPosition.Bottom);

Charger une bannière

Pour charger une annonce, créez un AdRequest et transmettez-le à la méthode LoadAd().

// Send a request to load an ad into the banner view.
bannerView.LoadAd(new AdRequest());

Écouter les événements de vue de bannière

Pour personnaliser le comportement de votre annonce, vous pouvez l'associer à un certain nombre d'événements de son cycle de vie, tels que le chargement, l'ouverture ou la fermeture. Pour écouter ces événements, enregistrez un délégué :

bannerView.OnBannerAdLoaded += () =>
{
    // Raised when an ad is loaded into the banner view.
};
bannerView.OnBannerAdLoadFailed += (LoadAdError error) =>
{
    // Raised when an ad fails to load into the banner view.
};
bannerView.OnAdPaid += (AdValue adValue) =>
{
    // Raised when the ad is estimated to have earned money.
};
bannerView.OnAdImpressionRecorded += () =>
{
    // Raised when an impression is recorded for an ad.
};
bannerView.OnAdClicked += () =>
{
    // Raised when a click is recorded for an ad.
};
bannerView.OnAdFullScreenContentOpened += () =>
{
    // Raised when an ad opened full screen content.
};
bannerView.OnAdFullScreenContentClosed += () =>
{
    // Raised when the ad closed full screen content.
};

Supprimer la vue de la bannière

Pour détruire la bannière, appelez la méthode Destroy() afin de libérer des ressources :

if (bannerView != null)
{
    // Always destroy the banner view when no longer needed.
    bannerView.Destroy();
    bannerView = null;
}

Pour les bannières qui ne se chargent pas, nous vous recommandons d'actualiser la bannière au lieu de la détruire et d'en créer une autre. Pour en savoir plus, consultez Actualiser une annonce.

Actualiser une annonce

Si vous avez configuré votre bloc d'annonces pour qu'il s'actualise, vous n'avez pas besoin de demander une autre annonce lorsque l'annonce ne se charge pas. Google Mobile Ads Unity Plugin respecte la fréquence d'actualisation que vous avez spécifiée dans l'UI AdMob. Si vous n'avez pas activé l'actualisation, envoyez une nouvelle requête. Pour en savoir plus sur l'actualisation des blocs d'annonces, par exemple pour définir une fréquence d'actualisation, consultez Utiliser l'actualisation automatique pour les bannières.

Les grandes bannières adaptatives offrent un format plus grand conçu pour les mises en page sans défilement. Par rapport aux bannières adaptatives ancrées standards, ces bannières permettent une hauteur maximale plus élevée (jusqu'à 20% de la hauteur de l'écran, entre 50 et 150 dp). Cet espace plus grand est optimisé pour les contenus vidéo.

Le tableau suivant liste les tailles de bannières standards :

Taille en dp (LxH) Description 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 IAB de taille standard Tablettes FULL_BANNER
728 x 90 Leaderboard 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