Help improve Publisher Ads Audits for Lighthouse. Share your thoughts in our survey.

Используйте статическую загрузку рекламных скриптов

Обзор

Этот проверка позволяет узнать, есть ли на странице рекламные скрипты. Обработка других ресурсов страницы может приводить к задержке извлечения и загрузки внедренных скриптов, а это, в свою очередь, создает проблемы при загрузке объявлений. Возможны ситуации, когда такие скрипты вообще не извлекаются и не позволяют загрузить рекламные материалы.

Рекомендации

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

Неправильно

<script>
  var el = document.createElement('script');
  el.src = 'https://securepubads.g.doubleclick.net/tag/js/gpt.js';
  var node = document.getElementsByTagName('script')[0];
  node.parentNode.insertBefore(el, node);
</script>
Правильно

<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>

Как найти источник внедренных рекламных скриптов

Иногда бывает непросто узнать, каким образом рекламный скрипт внедрен на страницу и есть ли он на ней вообще. Например, при анализе кода загруженной страницы тег внедренного скрипта может быть неотличим от статически загруженного тега.

В таких случаях для определения источника внедренных скриптов откройте нужную страницу в браузере Chrome, нажмите "Инструменты разработчика" и выберите вкладку Network (Сеть).

  1. Чтобы открыть меню "Инструменты разработчика", нажмите комбинацию клавиш Control+Shift+J или Command+Option+J (Mac).
  2. Перейдите на вкладку Network (Сеть).
  3. Если источник по-прежнему не удается найти, откройте панель фильтрации, нажав на значок Filter (Фильтрация) Значок фильтрации, и введите в текстовом поле название проверяемого скрипта.
  4. Если это не помогло, нажмите правой кнопкой мыши на любой заголовок таблицы и выберите Initiator (Инициатор), чтобы включить соответствующий столбец в каскадную таблицу сетевого запроса.
  5. Перезагрузите страницу, чтобы проверить, как она работает при подключении к Интернету.

Скриншот вкладки Network (Сеть) в меню

На приведенном скриншоте видно, что информация об источнике скрипта находится в столбце Initiator (Инициатор). Вы можете перейти по ссылке непосредственно к коду, отвечающему за запрос скрипта объявлений, или навести указатель мыши на ссылку, чтобы увидеть все вызовы, относящиеся к запросу.

Дополнительная информация

Эта проверка проводится в отношении рекламных скриптов из списка разрешенных, которые можно загружать статически. Действующий список содержит следующие элементы:

Библиотечные скрипты
AdSense pagead2.googlesyndication.com/pagead/js/adsbygoogle.js
Сервисы Amazon для издателей amazon-adsystem.com/aax2/apstag.js
Сервис назначения ставок Criteo Direct Bidder static.criteo.net/js/*/publishertag.js
Тег Google Publisher Tag

googletagservices.com/tag/js/gpt.js

securepubads.g.doubleclick.net/tag/js/gpt.js

Index Exchange js-sec.indexww.com/ht/p/*.js

Недостатки метода document.write()
Недостатки динамического создания асинхронных скриптов