Impostare le funzionalità native avanzate

Seleziona la piattaforma: Android (beta) Android iOS

Gli annunci nativi hanno molte funzionalità avanzate che ti consentono di apportare personalizzazioni aggiuntive e offrire la migliore esperienza pubblicitaria possibile. Questa guida mostra come utilizzare le funzionalità avanzate degli annunci nativi.

Prerequisiti

• Integra il formato dell'annuncio nativo.

Controlli degli asset

Questa sezione descrive in dettaglio come personalizzare gli asset delle creatività negli annunci nativi. Puoi specificare un formato preferito per gli asset multimediali e la modalità di download e visualizzazione degli asset immagine.

Controlli del formato multimediale preferito

I controlli del formato multimediale ti consentono di specificare una preferenza per il formato delle creatività degli annunci.

Imposta GADNativeAdMediaAdLoaderOptions mediaAspectRatio con un GADMediaAspectRatio.

• Se non è impostato, l'annuncio restituito può avere qualsiasi formato multimediale.

• Se è impostato, potrai migliorare l'esperienza utente specificando il tipo di formato preferito.

L'esempio seguente indica all'SDK di preferire un'immagine o un video di ritorno con un formato specifico.

let nativeOptions = NativeAdMediaAdLoaderOptions()
nativeOptions.mediaAspectRatio = .any

adLoader = AdLoader(
  adUnitID: "nativeAdUnitID",
  rootViewController: self,
  adTypes: [.native],
  options: [nativeOptions])
NativeAdOptionsSnippets.swift

GADNativeAdMediaAdLoaderOptions *nativeOptions = [[GADNativeAdMediaAdLoaderOptions alloc] init];
nativeOptions.mediaAspectRatio = GADMediaAspectRatioAny;

self.adLoader = [[GADAdLoader alloc] initWithAdUnitID:"nativeAdUnitID"
                                   rootViewController:self
                                              adTypes:@[ GADAdLoaderAdTypeNative ]
                                              options:@[ nativeOptions ]];
NativeAdOptionsSnippets.m

Sostituisci nativeAdUnitID con l'ID unità pubblicitaria.

Controllo del download delle immagini

Il controllo del download delle immagini ti consente di decidere se l'SDK deve restituire gli asset immagine o solo gli URI.

Imposta GADNativeAdImageAdLoaderOptions disableImageLoading con un valore BOOL.

• Il controllo del download delle immagini è disattivato per impostazione predefinita.

• Se è disattivato, Google Mobile Ads SDK compila sia l'immagine sia l'URI.

• Se è attivato, l'SDK compila solo l'URI, consentendoti di scaricare le immagini effettive a tua discrezione.

L'esempio seguente indica all'SDK di restituire solo l'URI.

let nativeOptions = NativeAdImageAdLoaderOptions()
nativeOptions.isImageLoadingDisabled = true

adLoader = AdLoader(
  adUnitID: "nativeAdUnitID",
  rootViewController: self,
  adTypes: [.native],
  options: [nativeOptions])
NativeAdOptionsSnippets.swift

GADNativeAdImageAdLoaderOptions *nativeOptions = [[GADNativeAdImageAdLoaderOptions alloc] init];
nativeOptions.disableImageLoading = YES;

self.adLoader = [[GADAdLoader alloc] initWithAdUnitID:"nativeAdUnitID"
                                   rootViewController:self
                                              adTypes:@[ GADAdLoaderAdTypeNative ]
                                              options:@[ nativeOptions ]];
NativeAdOptionsSnippets.m

Controlli del payload delle immagini

Alcuni annunci hanno una serie di immagini anziché una sola. Utilizza questa funzionalità per indicare se la tua app è pronta a visualizzare tutte le immagini o solo una.

• I controlli del payload delle immagini sono disattivati per impostazione predefinita.

• Se è disattivata, la tua app indica all'SDK di fornire solo la prima immagine per gli asset che contengono una serie.

• Se è attivata, la tua app indica che è pronta a visualizzare tutte le immagini per gli asset che ne hanno più di una.

L'esempio seguente indica all'SDK di restituire più asset immagine.

let nativeOptions = NativeAdImageAdLoaderOptions()
nativeOptions.shouldRequestMultipleImages = true

adLoader = AdLoader(
  adUnitID: "nativeAdUnitID",
  rootViewController: self,
  adTypes: [.native],
  options: [nativeOptions])
NativeAdOptionsSnippets.swift

GADNativeAdImageAdLoaderOptions *nativeOptions = [[GADNativeAdImageAdLoaderOptions alloc] init];
nativeOptions.shouldRequestMultipleImages = YES;

self.adLoader = [[GADAdLoader alloc] initWithAdUnitID:"nativeAdUnitID"
                                   rootViewController:self
                                              adTypes:@[ GADAdLoaderAdTypeNative ]
                                              options:@[ nativeOptions ]];
NativeAdOptionsSnippets.m

Posizionamenti di Scegli Tu!

Questa sezione descrive in dettaglio come posizionare l'overlay Scegli Tu! Puoi impostare il posizionamento in uno dei quattro angoli o eseguirne il rendering all'interno di una visualizzazione personalizzata.

Controlli della posizione di Scegli Tu!

I controlli della posizione di Scegli Tu! ti consentono di scegliere l'angolo in cui eseguire il rendering dell'icona Scegli Tu!

Imposta GADNativeAdViewAdOptions preferredAdChoicesPosition con un valore GADAdChoicesPosition.

• Se non è impostata, la posizione dell'icona Scegli Tu! è impostata in alto a destra.

• Se è impostata, Scegli Tu! viene posizionata nella posizione personalizzata come richiesto.

L'esempio seguente mostra come impostare una posizione personalizzata per l'immagine di Scegli Tu!

let nativeOptions = NativeAdViewAdOptions()
nativeOptions.preferredAdChoicesPosition = .topRightCorner

adLoader = AdLoader(
  adUnitID: "nativeAdUnitID",
  rootViewController: self,
  adTypes: [.native],
  options: [nativeOptions])
NativeAdOptionsSnippets.swift

GADNativeAdViewAdOptions *nativeOptions = [[GADNativeAdViewAdOptions alloc] init];
nativeOptions.preferredAdChoicesPosition = GADAdChoicesPositionTopRightCorner;

self.adLoader = [[GADAdLoader alloc] initWithAdUnitID:"nativeAdUnitID"
                                   rootViewController:self
                                              adTypes:@[ GADAdLoaderAdTypeNative ]
                                              options:@[ nativeOptions ]];
NativeAdOptionsSnippets.m

Visualizzazione personalizzata di Scegli Tu!

La funzionalità di visualizzazione personalizzata di Scegli Tu! ti consente di posizionare l'icona Scegli Tu! in una posizione personalizzata. Questa funzionalità è diversa dai controlli della posizione di Scegli Tu!, che consentono di specificare solo uno dei quattro angoli.

Imposta la GADNativeAd.adChoicesView proprietà con un GADAdChoicesView prima del rendering e il contenuto di Scegli Tu! viene eseguito all'interno del GADAdChoicesView.

L'esempio seguente mostra come impostare una visualizzazione personalizzata di Scegli Tu! L'icona Scegli Tu! viene eseguita all'interno di GADAdChoicesView:

private func createAdChoicesView(nativeAdView: NativeAdView) {
  // Define a custom position for the AdChoices icon.
  let customRect = CGRect(x: 100, y: 100, width: 15, height: 15)
  let customAdChoicesView = AdChoicesView(frame: customRect)
  nativeAdView.addSubview(customAdChoicesView)
  nativeAdView.adChoicesView = customAdChoicesView
}
NativeAdOptionsSnippets.swift

- (void)createAdChoicesViewWithNativeAdView:(GADNativeAdView *)nativeAdView {
  // Define a custom position for the AdChoices icon.
  CGRect customRect = CGRectMake(100, 100, 15, 15);
  GADAdChoicesView *customAdChoicesView = [[GADAdChoicesView alloc] initWithFrame:customRect];
  [nativeAdView addSubview:customAdChoicesView];
  nativeAdView.adChoicesView = customAdChoicesView;
}
NativeAdOptionsSnippets.m

Comandi video

Questa sezione descrive in dettaglio come personalizzare l'esperienza di riproduzione degli annunci video. Puoi impostare lo stato di disattivazione audio iniziale e implementare controlli di riproduzione personalizzati.

Comportamento di avvio con audio disattivato

Il comportamento di avvio con audio disattivato ti consente di disattivare o attivare l'audio iniziale di un video.

Imposta GADVideoOptions startMuted con un valore BOOL.

• Il comportamento di avvio con audio disattivato è attivato per impostazione predefinita.

• Se è disattivato, la tua app richiede che il video inizi con l'audio.

• Se è attivato, la tua app richiede che il video inizi con l'audio disattivato.

L'esempio seguente mostra come avviare il video con l'audio attivato.

let videoOptions = VideoOptions()
videoOptions.shouldStartMuted = false

adLoader = AdLoader(
  adUnitID: "nativeAdUnitID",
  rootViewController: self,
  adTypes: [.native],
  options: [videoOptions])
NativeAdOptionsSnippets.swift

GADVideoOptions *videoOptions = [[GADVideoOptions alloc] init];
videoOptions.startMuted = NO;

self.adLoader = [[GADAdLoader alloc] initWithAdUnitID:"nativeAdUnitID"
                                   rootViewController:self
                                              adTypes:@[ GADAdLoaderAdTypeNative ]
                                              options:@[ videoOptions ]];
NativeAdOptionsSnippets.m

Controlli di riproduzione personalizzati

In questo modo puoi richiedere controlli di input video personalizzati per riprodurre, mettere in pausa o disattivare l'audio del video.

Imposta GADVideoOptions customControlsRequested con un valore BOOL.

• Il controllo di riproduzione personalizzato è disattivato per impostazione predefinita.

• Se è disattivato, il video mostrerà i controlli di input sottoposti a rendering dall'SDK.

• Se è attivato, puoi utilizzare GADVideoController play , GADVideoController pause e GADVideoController setMute per controllare l'annuncio video.

Se l'annuncio contiene contenuti video e i controlli personalizzati sono attivati, devi visualizzare i controlli personalizzati insieme all'annuncio, perché l'annuncio non mostrerà alcun controllo. I controlli possono quindi chiamare i metodi pertinenti su

GADVideoController.

L'esempio seguente mostra come richiedere un video con controlli di riproduzione personalizzati.

let videoOptions = VideoOptions()
videoOptions.areCustomControlsRequested = true

adLoader = AdLoader(
  adUnitID: "nativeAdUnitID",
  rootViewController: self,
  adTypes: [.native],
  options: [videoOptions])
NativeAdOptionsSnippets.swift

GADVideoOptions *videoOptions = [[GADVideoOptions alloc] init];
videoOptions.customControlsRequested = YES;

self.adLoader = [[GADAdLoader alloc] initWithAdUnitID:"nativeAdUnitID"
                                   rootViewController:self
                                              adTypes:@[ GADAdLoaderAdTypeNative ]
                                              options:@[ videoOptions ]];
NativeAdOptionsSnippets.m

Verificare se i controlli personalizzati sono attivati

Poiché non è noto al momento della richiesta se l'annuncio restituito consentirà i controlli video personalizzati, devi verificare se i controlli personalizzati sono attivati.

private func checkCustomControlsEnabled(nativeAd: NativeAd) -> Bool {
  let videoController = nativeAd.mediaContent.videoController
  return videoController.areCustomControlsEnabled
}
NativeAdOptionsSnippets.swift

- (BOOL)checkCustomControlsEnabledWithNativeAd:(GADNativeAd *)nativeAd {
  GADVideoController *videoController = nativeAd.mediaContent.videoController;
  return videoController.customControlsEnabled;
}
NativeAdOptionsSnippets.m

Eseguire il rendering dei controlli video personalizzati

Esegui il rendering dei controlli video personalizzati utilizzando le seguenti best practice:

1. Esegui il rendering della visualizzazione dei controlli personalizzati come elemento secondario della visualizzazione di annuncio nativo. Questo approccio consente ai calcoli della visibilità della misurazione aperta di considerare i controlli personalizzati come un'ostruzione amichevole.
2. Evita di eseguire il rendering di un overlay invisibile sull'intero pannello multimediale. Gli overlay bloccano i clic sul pannello multimediale, influendo negativamente sul rendimento degli annunci nativi. Crea invece un piccolo overlay sufficientemente grande da contenere i controlli.