Интеграция библиотеки тегов издателя Google (GPT) на ваш веб-сайт во многом аналогична интеграции любого другого стороннего скрипта. Однако есть некоторые уникальные аспекты работы с GPT, которые необходимо учитывать, чтобы максимально эффективно использовать свое рекламное пространство с минимальным влиянием на производительность сайта. В конце концов, быстрая реклама имеет значение .
В следующих разделах описаны лучшие практики, которые можно использовать при работе над интеграцией.
Загрузите GPT из официального источника.
Всегда запрашивайте библиотеку GPT из официального источника:
Тип интеграции | Тег сценария |
---|---|
Стандартный Включая издателей, интегрированных с IAB Europe TCF . | <script src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" crossorigin="anonymous" async></script> |
Ограниченное количество объявлений Для издателей, которые хотят вручную включить ограниченное количество объявлений . | <script src="https://pagead2.googlesyndication.com/tag/js/gpt.js" async></script> |
Используйте URL-адрес ограниченной рекламы только на тех сайтах, где вы собираетесь вручную включить ограниченную рекламу . Запрос GPT с URL-адреса ограниченной рекламы, когда эта функция не используется, приводит к тому, что браузер открывает дополнительное ненужное сетевое соединение, что может замедлить загрузку рекламы.
Чтобы обеспечить соблюдение нормативных требований издателя, GPT можно загрузить со стандартного URL-адреса с атрибутом crossorigin="anonymous"
, чтобы предотвратить отправку файлов cookie с запросом сценария.
Не использовать кэшированные версии GPT.
Никогда не используйте версии 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, чтобы выявлять и устранять проблемы с производительностью, а также находить правильный баланс оптимизации для вашего сайта.