Les vues de bannière sont des annonces textuelles ou illustrées rectangulaires qui occupent un emplacement à 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ébutez dans la publicité mobile, c'est un bon point de départ. Étude de cas.
Ce guide vous explique comment intégrer des vues de bannière dans une application Unity. En plus des extraits de code et des instructions, il contient des informations sur le dimensionnement correct des bannières et des liens vers des ressources supplémentaires.
Prérequis
- Suivez le guide de démarrage.
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 est spécialement configuré pour renvoyer des annonces tests 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 WebAdMob et créé vos propres ID de bloc d'annonces à utiliser dans votre application, configurez explicitement votre appareil en tant qu'appareil de test 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 se produise avant de charger les annonces, car cela garantit que tous les adaptateurs de médiation sont initialisés.
Exemple de BannerView
L'exemple de code ci-dessous explique comment utiliser la vue Bannière. Dans cet exemple, vous créez une instance de vue de bannière, utilisez un AdRequest
pour charger une annonce dans la vue de bannière, puis étendez ses capacités en gérant les événements de cycle de vie.
Créer un affichage sous forme de bannière
Pour utiliser le mode Bannière, la première étape consiste à créer une instance de ce type 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 view 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 à partir duquelBannerView
doit charger les annonces.AdSize
: taille d'annonce que vous souhaitez utiliser. Pour en savoir plus, consultez Tailles des bannières.AdPosition
: position où les vues de la bannière doivent être placées. L'énumérationAdPosition
répertorie les valeurs de position d'annonce valides.
Découvrez comment les différents blocs d'annonces sont utilisés en fonction de la plate-forme. Vous devez utiliser un bloc d'annonces iOS pour effectuer des demandes d'annonces sur iOS et un bloc d'annonces Android pour effectuer des demandes sur Android.
(Facultatif) Créer une vue de type bannière avec une position personnalisée
Pour mieux contrôler l'emplacement d'une BannerView
à l'écran que ce qui est proposé par les valeurs AdPosition
, utilisez le constructeur avec des coordonnées x et y comme paramètres:
// Create a 320x50 banner views at coordinate (0,50) on screen.
_bannerView = new BannerView(_adUnitId, AdSize.Banner, 0, 50);
L'angle supérieur gauche de BannerView
est positionné au niveau des valeurs x et y transmises au constructeur, où l'origine est en haut à gauche de l'écran.
(Facultatif) Créer une vue de type bannière avec une taille personnalisée
En plus d'utiliser une constante AdSize
, vous pouvez également spécifier une taille personnalisée pour l'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
Pour charger une annonce, créez un AdRequest
et transmettez-le à 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();
// send the request to load the ad.
Debug.Log("Loading banner ad.");
_bannerView.LoadAd(adRequest);
}
Écouter les événements d'affichage de bannière
Pour personnaliser le comportement de votre annonce, vous pouvez vous connecter à un certain nombre d'événements au cours de son cycle de vie, tels que le chargement, l'ouverture ou la fermeture. Pour écouter ces événements, enregistrez un délégué:
/// <summary>
/// listen to events the banner view 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.");
};
}
Supprimer l'affichage d'une bannière
Lorsque vous avez terminé d'utiliser la vue bannière, veillez à appeler Destroy()
pour libérer les ressources.
/// <summary>
/// Destroys the banner view.
/// </summary>
public void DestroyBannerView()
{
if (_bannerView != null)
{
Debug.Log("Destroying banner view.");
_bannerView.Destroy();
_bannerView = null;
}
}
Et voilà ! Votre application est maintenant prête à diffuser des bannières.
Tailles des bannières
Le tableau ci-dessous liste les tailles de bannières 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 grande taille 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
- Exemple HelloWorld : implémentation minimale de tous les formats d'annonces.