Attivare le creatività JavaScript VPAID 2

L'SDK IMA HTML5 supporta le creatività JavaScript VPAID 2. Attivare il supporto è facile, ma devi tenere presente due differenze tra la specifica VPAID 2 e il modo in cui l'SDK IMA supporta VPAID 2. Queste differenze non influiscono sul codice di implementazione del player o dell'SDK, ma sono importanti per gli autori di creatività JavaScript VPAID 2, in quanto le creatività potrebbero generare errori o non funzionare come previsto quando vengono visualizzate dall'SDK IMA HTML5.

Prerequisiti

  • Video player HTML5 con l'SDK IMA HTML5 integrato. Se non ne hai uno, consulta l'articolo Configurare l'SDK IMA.
  • Un URL del tag annuncio VAST che rimanda a una creatività JavaScript VPAID 2.

Approfondimenti utili

Attivazione del supporto di VPAID 2

Per abilitare il supporto di VPAID 2 JS, chiama il seguente metodo prima di inizializzare AdDisplayContainer:

      google.ima.settings.setVpaidMode(google.ima.ImaSdkSettings.VpaidMode.ENABLED);
      ...
      var adDisplayContainer = new google.ima.AdDisplayContainer(adContainerElement);
      var adsLoader = new google.ima.AdsLoader(adDisplayContainer);
      ...

Le modalità VPAID disponibili sono le seguenti:

  • ENABLED: consente gli annunci VPAID con le impostazioni predefinite.
  • INSECURE: consente gli annunci VPAID in modalità non sicura. Per ulteriori informazioni, consulta Sicurezza degli iframe ed Elemento proxy del video player.
  • DISABLED: gli annunci VPAID non vengono riprodotti. Se un annuncio richiesto restituisce una creatività VPAID, viene generato un errore.
Per ulteriori informazioni sulle modalità VPAID, consulta la documentazione dell'API per ImaSdkSettings.VpaidMode.

Limitazioni del supporto di VPAID 2

Sicurezza degli iframe

Per impostazione predefinita, l'SDK IMA utilizza un iframe sicuro anziché un iframe semplice (stesso dominio) o uno script in-page per eseguire il rendering delle creatività JavaScript VPAID 2. Ciò significa che se una creatività prevede di accedere al DOM della pagina principale, potrebbe causare un errore. Per eseguire il rendering dell'annuncio in un iframe semplice, puoi utilizzare ImaSdkSettings.setVpaidMode(...) nel seguente modo: 

adsLoader.getSettings().setVpaidMode(google.ima.ImaSdkSettings.VpaidMode.INSECURE);

Elemento proxy del video player

Per motivi di sicurezza e per garantire la funzionalità mobile, in modalità ENABLED l'SDK IMA per HTML5 non fornisce l'elemento video effettivo all'annuncio, ma un elemento proxy che imita gran parte della funzionalità dell'elemento video normale. Per le creatività degli annunci che chiamano solo i metodi API supportati, non dovrebbero verificarsi modifiche al comportamento durante il rendering delle creatività. Con la modalità VpaidMode.INSECURE, l'SDK fornisce l'elemento video player anziché il proxy.

Di seguito sono riportati i metodi, gli ascoltatori e gli attributi disponibili nell'elemento proxy video:

Metodi

  • addEventListener
  • canPlayType
  • load
  • play
  • pause
  • setattribute

Tipi di eventi per addEventListener

  • abort
  • canplay
  • canplaythrough
  • click
  • durationchange
  • emptied
  • ended
  • error
  • loadeddata
  • loadedmetadata
  • loadstart
  • pause
  • play
  • playing
  • progress
  • ratechange
  • suspend
  • seeked
  • seeking
  • timeupdate
  • waiting

Attributi

  • currentTime
  • duration
  • ended
  • paused
  • playbackRate
  • src
  • type

Domande frequenti

Le creatività JavaScript VPAID 2 sono supportate negli SDK per iOS o Android?
L'SDK IMA HTML5 è l'unica piattaforma SDK IMA che attualmente supporta le creatività JavaScript VPAID 2.
Questo abilita le creatività VPAID nell'SDK IMA HTML5?
Sì, l'SDK IMA HTML5 supporta le creatività JavaScript VPAID 2.