如何在Angular App中集成Google DFP视频广告

如何解决如何在Angular App中集成Google DFP视频广告

我有一个angular8应用。我想在我的应用程序中集成google DFP视频广告。我得到了我的赞助商添加的链接。但是我找不到在我的角度应用程序中集成Google DFP广告管理系统的正确方法。

我尝试将ngx-dfp npm软件包用于其他展示广告。在同一个程序包中，他们还演示了视频广告。到目前为止，这是我的集成代码。

<dfp-video width="640" height="480" [adActions]="adInput" (adEvents)="adEvent($event)" adTag="https://pubads.g.doubleclick.net/gampad/ads?iu=/[XXXXID]/[XXXAdUnit]&tfcd=0&npa=0&sz=320x480%7C480x320%7C1024x768%7C768x1024&gdfp_req=1&output=vast&unviewed_position_start=1&env=vp&impl=s&correlator=">
      <video class="video-js" controls preload="auto" data-setup="{}" poster="https://google-developers.appspot.com/interactive-media-ads/images/vsi_poster.jpg">
          <source src="//s0.2mdn.net/4253510/google_ddm_animation_480P.mp4">
      </video>
      <div class="ad-container" (click)="adInput.emit('play')"></div>
  </dfp-video>

正如您所看到的，视频源标签中指定了一个值。每次我运行该应用程序时，只会显示该视频。它应该是动态的，对不对？我应该在那传递什么值？

我是广告集成的新手。如果有人可以帮助，将不胜感激。还有其他可用于视频广告的有效npm软件包吗？