Интеграция библиотеки тегов издателя Google (GPT) на ваш веб-сайт во многом аналогична интеграции любого другого стороннего скрипта. Однако есть некоторые уникальные аспекты работы с GPT, которые необходимо учитывать, чтобы максимально эффективно использовать свое рекламное пространство с минимальным влиянием на производительность сайта. В конце концов, быстрая реклама имеет значение .
Ниже мы рассмотрим некоторые рекомендации, которые следует учитывать при работе над собственной интеграцией.
Загрузите GPT из официального источника.
Всегда запрашивайте библиотеку GPT из официального источника:
| Тип интеграции | URL-адрес |
|---|---|
| Стандартный | https://securepubads.g.doubleclick.net/tag/js/gpt.js |
| Ограниченное количество объявлений | https://pagead2.googlesyndication.com/tag/js/gpt.js |
Вы не должны использовать версии gpt.js, pubads_impl.js или любых библиотек, которые они загружают с вашего собственного сервера, или загружать их из неофициального источника.
Использование локально кэшированной версии GPT может не всегда работать в новых версиях браузеров или операционных систем и может не обновляться новыми функциями и улучшениями. Поддержка старых версий библиотеки GPT может быть прекращена в любой момент, что может привести к потере дохода от рекламы, если объявления перестанут показываться в ваших тегах.
Это касается и работников сферы обслуживания . Если вы используете сервис-воркеров для кэширования или изменения ответов на HTTP-запросы, поступающие с вашего сайта, используйте стратегию только для сети при обработке запросов для gpt.js , чтобы получить актуальную версию.
Загрузить GPT заранее
Библиотека GPT ( gpt.js ) содержит лишь небольшую часть кода, необходимого для загрузки рекламы. Большая часть этого кода содержится в отдельных файлах (например, pubads_impl_XX.js ), которые загружаются gpt.js по мере необходимости.
При ранней загрузке основной библиотеки GPT эти зависимые сценарии также можно загрузить раньше. Это позволяет избежать дополнительных задержек, связанных с получением этих сценариев (если они не кэшированы), и позволяет быстрее загружать рекламу. Все это способствует сокращению времени обработки первого показателя объявления , что, в свою очередь, повышает видимость ваших объявлений.
Используйте предварительную нагрузку, когда это необходимо.
Иногда вы не можете напрямую контролировать, когда и как загружается GPT. Например, при использовании стороннего рекламного скрипта, который загружает GPT от вашего имени. В этих случаях может оказаться целесообразным предварительно загрузить запрос gpt.js Предварительная загрузка запроса дает браузеру указание немедленно загрузить указанный ресурс, который имеет решающее значение для загрузки вашей страницы. Если указанный ресурс представляет собой файл JavaScript, содержимое сценария извлекается немедленно, но выполнение откладывается до тех пор, пока сценарий не понадобится.
Пример запроса предварительной загрузки для стандартной интеграции
<link rel="preload" href="https://securepubads.g.doubleclick.net/tag/js/gpt.js" as="script">
Пример запроса предварительной загрузки для ограниченной интеграции рекламы
<link rel="preload" href="https://pagead2.googlesyndication.com/tag/js/gpt.js" as="script">
Используйте GPT на предварительно обработанных страницах.
Предварительный рендеринг предписывает браузеру упреждающе загружать и отображать страницы, которые пользователи еще не запросили, но могут посетить. При загрузке на предварительно обработанную страницу библиотека GPT запрашивает рекламу только в том случае, если страница становится видимой.
Загружать GPT статически
Избегайте динамического внедрения библиотеки GPT на вашу страницу или загрузки ее из внешнего скрипта. Вместо этого загрузите библиотеку статически в <head> вашей страницы, как показано в разделе «Начало работы с тегами издателя Google» . Это не позволяет другим ресурсам задерживать получение и загрузку библиотеки GPT, что, в свою очередь, приведет к задержке загрузки рекламы.
Дополнительные сведения см. в документации по аудиту рекламы издателя для сценариев загрузки объявлений Lighthouse, которые проводят статический аудит.
Загружать GPT асинхронно
Включите ключевое слово async в определение тега скрипта, как показано в разделе «Начало работы с тегами издателя Google» . Это предписывает браузеру загружать библиотеку GPT параллельно с другими ресурсами и содержимым страницы, а не блокировать выполнение до тех пор, пока загрузка скрипта не будет завершена.
Дополнительные сведения см. в документации по аудиту рекламы издателя для асинхронного аудита тегов объявлений Lighthouse.
Загружайте GPT безопасно
Всегда загружайте библиотеку GPT через HTTPS, как показано в разделе «Начало работы с тегами издателя Google ». Это не только обеспечивает лучшую безопасность для ваших пользователей, но и повышает производительность. Поскольку рекламные запросы, выдаваемые GPT, всегда используют HTTPS, загрузка самой библиотеки через HTTPS гарантирует, что браузеру потребуется открыть только одно соединение для всех запросов, связанных с показом рекламы.
Дополнительные сведения см. в статье «Аудит рекламы издателя для Lighthouse» , загружающей тег объявления через HTTPS и загружающий GPT из рекомендуемой документации по аудиту хоста .
Практикуйте хорошую производительность страницы
Хотя лучшие практики в этом руководстве сосредоточены конкретно на оптимизации интеграции GPT, на общую производительность вашей страницы влияют многие другие факторы. При внесении изменений в ваш сайт (особенно тех, которые основаны на общих рекомендациях, например, приведенных в этом руководстве), важно оценить влияние этих изменений на все аспекты производительности вашей страницы. Рекомендуется регулярно запускать такие инструменты, как Lighthouse и аудит рекламы издателей для Lighthouse, чтобы выявлять и устранять проблемы с производительностью, а также находить правильный баланс оптимизации для вашего сайта.