Videogular2 Ima implémentation en Ionic 3

Question

J'utilise Videogular 2 sur Ionic 3. Je suis ce tutoriel (https://videogular.github.io/videogular2/modules/ima-ads/) pour la mise en œuvre. Mais lorsque Videogular tente de charger des annonces sur la méthode VgImaAds.loadAds, il donne cette erreur 'googletag n'est pas défini'. J'ai importé tous les modules nécessaires dans App.module.ts.Il s'agit des importations dans App.module.ts.

imports: [ 
IonicModule.forRoot(MyApp,{ 
    backButtonText:'', 
    backButtonIcon:'arrow-back', 
    iconMode:'md', 
    modalEnter: 'modal-slide-in', 
    modalLeave: 'modal-slide-out', 
}), 
IonicStorageModule.forRoot(), 
BrowserModule, 
VgCoreModule, 
VgControlsModule, 
VgOverlayPlayModule, 
VgBufferingModule, 
VgImaAdsModule] 

Voici le composant html de ma page.

<ion-content> 
    <vg-player id="demo-player"> 
     <vg-ima-ads 
      [vgCompanion]="'companion-ad'" 
      [vgCompanionSize]="[728, 90]" 
      [vgNetwork]="'6062'" 
      [vgUnitPath]="'iab_vast_samples'" 
      [vgAdTagUrl]="'http://pubads.g.doubleclick.net/gampad/ads?sz=640x360&iu=/20277799247/Tv8-App-Preroll&impl=s&gdfp_req=1&env=vp&output=vast&unviewed_position_start=1&url=[referrer_url]&description_url=[description_url]&correlator='" 
      [vgSkipButton]="'.skip-button'"> 
     </vg-ima-ads> 

     <video [vgMedia]="media" #media id="singleVideo" preload="auto" crossorigin> 
      <source [src]="liveStreamLink" type="application/x-mpegURL"> 
     </video> 
    </vg-player> 
    <div class='skip-button'>custom skip ad button</div> 
    <div id="companion-ad"></div> 
</ion-content> 

De plus, j'ai ajouté la balise dans la section head de index.html. Mais apparemment, il ne peut pas trouver la propriété googletag de ce script sur VgImaAds.loadAds. Que devrais-je faire?

Answer 1

Vous devez initialiser la propriété googletag avant la déclaration pour le script ima dans index.html

<script> 
    var googletag = googletag || {}; 
    googletag.cmd = googletag.cmd || []; 
    (function() { 
    var gads = document.createElement('script'); 
    gads.async = true; gads.type = 'text/javascript'; 
    gads.src = 'https://www.googletagservices.com/tag/js/gpt.js'; 
    var node = document.getElementsByTagName('script')[0]; 
    node.parentNode.insertBefore(gads, node); 
    })(); 
</script>