Тег издателя 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">
в теле страницы, который будет добавлен следующим.<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
и откройте его в веб-браузере.
Тег издателя 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">
в теле страницы, который будет добавлен следующим.<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
и откройте его в веб-браузере.
Тег издателя 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">
в теле страницы, который будет добавлен следующим.<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
и откройте его в веб-браузере.