Тег издателя Google (GPT) – это библиотека тегов объявлений для Google Ad Manager.
Вы можете использовать GPT для динамического формирования запросов объявлений. GPT берет ключевые данные, такие как код рекламного блока, размер объявления и настраиваемый таргетинг, формирует запрос и отображает объявление на веб-страницах.
Дополнительную информацию о GPT можно найти в Справочном центре Менеджера рекламы .
Вот несколько примеров, которые вы можете использовать, чтобы начать работу с GPT. Если вам нужна дополнительная помощь по GPT, ознакомьтесь с вариантами поддержки .
Покажите тестовое объявление
В следующем примере показано, как создать тестовую страницу, которая использует GPT для загрузки общего объявления из тестовой сети Google.
Полный код этого примера можно найти на странице с образцом тестового объявления .
Создайте базовый HTML-документ
В текстовом редакторе создайте базовый HTML-документ под названием
hello-gpt.html
.<!doctype html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="description" content="Display a fixed-sized test ad." /> <title>Display a test ad</title> <style></style> </head> <body> </body> </html>
Загрузите библиотеку GPT
Загрузите библиотеку GPT, добавив следующее в
<head>
HTML-документа.Этот код загружает библиотеку GPT из https://securepubads.g.doubleclick.net/tag/js/gpt.js . После полной загрузки библиотеки она обрабатывает все команды в очереди в объекте
googletag
.<head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="description" content="Display a fixed-sized test ad." /> <title>Display a test ad</title> <script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" crossorigin="anonymous" ></script> <style></style> </head>
Определите рекламное место
Определите рекламное место и инициализируйте GPT с помощью метода
googletag.enableServices()
.Этот код сначала проверяет доступность объекта googletag, затем ставит в очередь команду, которая создает рекламное место и включает GPT.
Рекламное место в этом примере загрузит объявление размером
300x250
из рекламного блока, указанного по пути/6355419/Travel/Europe/France/Paris
. Объявление будет отображаться в элементе<div id="banner-ad">
в теле страницы, который будет добавлен следующим.- network-code – уникальный идентификатор сети Менеджера рекламы, к которой принадлежит рекламный блок.
- parent-ad-unit-code — это коды всех родительских рекламных блоков (применяется только к рекламным блокам не верхнего уровня).
- ad-unit-code — код рекламного блока, который будет отображаться.
Обратите внимание, что все коды рекламных блоков, включенные в путь к рекламному блоку, должны соответствовать правилам форматирования , заданным Менеджером рекламы.
<head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="description" content="Display a fixed-sized test ad." /> <title>Display a test ad</title> <script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" crossorigin="anonymous" ></script> <script> window.googletag = window.googletag || { cmd: [] }; googletag.cmd.push(() => { // Define an ad slot for div with id "banner-ad". googletag .defineSlot("/6355419/Travel/Europe/France/Paris", [300, 250], "banner-ad") .addService(googletag.pubads()); // Enable the PubAdsService. googletag.enableServices(); }); </script> <style></style> </head>
Укажите, где будет показываться объявление
Укажите, где на странице будет появляться объявление, добавив следующий код в
<body>
HTML-документа.Обратите внимание, что идентификатор этого
<div>
соответствует идентификатору, указанному при определении рекламного места.<body> <div id="banner-ad" style="width: 300px; height: 250px"></div> <script> googletag.cmd.push(() => { // Request and render an ad for the "banner-ad" slot. googletag.display("banner-ad"); }); </script> </body>
Предварительный просмотр тестовой страницы
Сохраните файл
hello-gpt.html
и откройте его в веб-браузере. После загрузки на странице будет отображаться тестовое объявление в теле веб-страницы.
Покажите свою собственную рекламу
Чтобы отобразить собственное объявление, используйте файл hello-gpt.html
из раздела «Показать тестовое объявление» , а затем замените код в заголовке кодом, определяющим ресурсы из вашей собственной сети Менеджера рекламы.
Создайте рекламный тег для рекламного блока, который вы хотите показывать. Подробную информацию о создании тегов объявлений можно найти в Справочном центре Менеджера рекламы .
Скопируйте код рекламного тега, указанный в разделе «Заголовок документа» , и используйте его для замены соответствующего кода в
<head>
вашего HTML-документа.<head> <meta charset="utf-8"> <title>Hello GPT</title> <script src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" crossorigin="anonymous" async></script> <script> window.googletag = window.googletag || {cmd: []}; googletag.cmd.push(function() { googletag .defineSlot("ad-unit-path", [width, height], "div-id") .addService(googletag.pubads()); googletag.enableServices(); }); </script> </head>
Сохраните обновленный файл
hello-gpt.html
и откройте его в веб-браузере.