событие WebComponentsReady не срабатывает

143
15 марта 2018, 11:17

У меня есть html баннер созданный через Google web designer.

<html>
   <head>
     <meta charset="utf-8">
     <meta name="generator" content="Google Web Designer 2.0.5.0124">
     <meta name="template" content="Banner 3.0.0">
     <meta name="environment" content="gwd-genericad">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link href="gwdpage_style.css" rel="stylesheet" data-version="11" data-exports-type="gwd-page">
     <link href="gwdpagedeck_style.css" rel="stylesheet" data-version="10" data-exports-type="gwd-pagedeck">
     <script data-source="googbase_min.js" data-version="4" data-exports-type="googbase" src="googbase_min.js"></script>
     <script data-source="gwd_webcomponents_min.js" data-version="5" data-exports-type="gwd_webcomponents" src="gwd_webcomponents_min.js"></script>
     <script data-source="gwdpage_min.js" data-version="11" data-exports-type="gwd-page" src="gwdpage_min.js"></script>
     <script data-source="gwdpagedeck_min.js" data-version="10" data-exports-type="gwd-pagedeck" src="gwdpagedeck_min.js"></script>
     <script data-source="gwdgenericad_min.js" data-version="5" data-exports-type="gwd-genericad" src="gwdgenericad_min.js"></script>
   </head>
   <body>
     <gwd-genericad id="gwd-ad">
     <div is="gwd-pagedeck" class="gwd-page-container" id="pagedeck">
     <div is="gwd-page" id="page1" class="gwd-page-wrapper gwd-page-size gwd-lightbox" data-gwd-width="300px" data-gwd-height="250px">
     <div class="gwd-page-content gwd-page-size">
        <p class="gwd-p-zx9x">sdfsdfsdfsdfsdfsdf</p>
     </div>
     </div>
     </div>
     </gwd-genericad>
     <script type="text/javascript" id="gwd-init-code">
(function() {
  var gwdAd = document.getElementById('gwd-ad');
  /**
   * Handles the DOMContentLoaded event. The DOMContentLoaded event is
   * fired when the document has been completely loaded and parsed.
   */
  function handleDomContentLoaded(event) {
  }
  /**
   * Handles the WebComponentsReady event. This event is fired when all
   * custom elements have been registered and upgraded.
   */
  function handleWebComponentsReady(event) {
    // Start the Ad lifecycle.
    setTimeout(function() {
      gwdAd.initAd();
    }, 0);
  }
  /**
   * Handles the event that is dispatched after the Ad has been
   * initialized and before the default page of the Ad is shown.
   */
     function handleAdInitialized(event) {}
     window.addEventListener('DOMContentLoaded',
    handleDomContentLoaded, false);
     window.addEventListener('WebComponentsReady',
    handleWebComponentsReady, false);
     window.addEventListener('adinitialized',
    handleAdInitialized, false);
     })();
     </script>
     </body>
     </html>

Я программно добавляю этот код в iframe чтобы отобразить баннер. Почему у меня не срабатывают события DOMContentLoaded, WebComponentsReady, adinitialized ? Подскажите в чём может быть причина?

READ ALSO
Обязательно ли указывать директиву use strict?
javascript

Обязательно ли указывать директиву use strict?

Начал изучать Javascript по учебнику http://learnjavascript

 140
Ошибка при подключении Owl-carousel
javascript

Ошибка при подключении Owl-carousel

Не удаётся подключить карусель в проектСделал всё как здесь: https://github

 192
Баг в bootstrap, как пофиксить?
javascript

Баг в bootstrap, как пофиксить?

Добрый вечер! В Bootstrap есть такая функция как data-size , которая определяет, сколько строк выводить при нажатии на выпадающий списокСуть бага вот...

 149
Смена метки при наведении мышью вне карты
javascript

Смена метки при наведении мышью вне карты

Добавил метки на карту в кластере

 159