오디오 광고

<style>
  /* a caixa do anúncio fica escondida */
  .ad-container { display: none; }
</style>

<audio id="audio-player" src="meu-programa.mp3"></audio>
<div class="ad-container"></div>
<button id="pular" hidden>Pular anúncio</button>

<script src="//imasdk.googleapis.com/js/sdkloader/ima3.js"></script>
<script>
  var audio = document.getElementById('audio-player');
  var adDisplayContainer = new google.ima.AdDisplayContainer(
      document.querySelector('.ad-container'), audio);
  var adsLoader = new google.ima.AdsLoader(adDisplayContainer);
  var adsManager;

  var adsRequest = new google.ima.AdsRequest();
  adsRequest.adTagUrl = 'https://pubads.g.doubleclick.net/gampad/ads?' +
      'iu=/1234567/exemplo&ad_type=audio&env=instream&vpmute=0' +
      '&gdfp_req=1&output=vast&unviewed_position_start=1' +
      '&description_url=https%3A%2F%2Fwww.exemplo.com%2Faudio&correlator=';
  adsLoader.requestAds(adsRequest);

  adsLoader.addEventListener(
      google.ima.AdsManagerLoadedEvent.Type.ADS_MANAGER_LOADED,
      function (e) {
        adsManager = e.getAdsManager(audio);
        // O IMA não mostra botão de pular em áudio: o site cria o seu
        adsManager.addEventListener(google.ima.AdEvent.Type.AD_PROGRESS,
            function () {
              document.getElementById('pular').hidden =
                  !adsManager.getAdSkippableState();
            });
      });

  document.getElementById('pular').addEventListener('click', function () {
    adsManager.skip();
  });
</script>