Использование изображения загрузки по умолчанию

Эта функция недоступна для объявлений AMPHTML.

Часто во время загрузки объявления имеет смысл показывать специально подобранное изображение.

1. Как установить изображение загрузки

Добавьте в HTML-код тег div с идентификатором loading.

<body style="visibility: hidden;">
   <div id="loading" class="loading-image">
       Загрузка…
   </div>
   <gwd-google-ad id="gwd-ad" polite-load="">
       ...
   </gwd-google-ad>
</body>

2. Как остановить показ изображения загрузки

Чтобы скрыть или удалить изображение загрузки, добавьте соответствующий код в функцию handleAdInitialized. Этот метод вызывается после инициализации объявления. Если включена управляемая загрузка, он вызывается после отправки события PAGE_LOADED (активатор).

Как скрыть изображение загрузки

Выделенная часть приведенного ниже кода скроет изображение загрузки.

/**
 * Обрабатывает событие, отправленное после инициализации объявления
 * и до отображения страницы объявления по умолчанию.
 */
function handleAdInitialized(event) {
  // Обозначает завершение этапа управляемой загрузки. Если
  // пользователь уже увидел изображение загрузки, в этот момент
  // его можно удалить.
  document.getElementById('loading').style.display = 'none';
}

Как удалить изображение загрузки

Выделенная часть приведенного ниже кода удалит изображение загрузки.

/**
 * Обрабатывает событие, отправленное после инициализации объявления
 * и до отображения страницы объявления по умолчанию.
 */
function handleAdInitialized(event) {
  // Обозначает завершение этапа управляемой загрузки. Если
  // пользователь уже увидел изображение загрузки, в этот момент
  // его можно удалить.
  document.body.removeChild(document.getElementById('loading'));
}
Эта информация оказалась полезной?
Как можно улучшить эту статью?