Начало работы с тегом издателя Google

Тег издателя Google (GPT) – это библиотека тегов объявлений для Google Ad Manager.

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

Дополнительную информацию о GPT можно найти в Справочном центре Менеджера рекламы .

Вот несколько примеров, которые вы можете использовать, чтобы начать работу с GPT. Если вам нужна дополнительная помощь по GPT, ознакомьтесь с вариантами поддержки .

Покажите тестовое объявление

В следующем примере показано, как создать тестовую страницу, которая использует GPT для загрузки общего объявления из тестовой сети Google.

Полный код этого примера можно найти на странице с образцом тестового объявления .

  1. Создайте базовый 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>
    <script>
      googletag.cmd.push(() => {
        // Request and render an ad for the "banner-ad" slot.
        googletag.display("banner-ad");
      });
    </script>
  </body>
</html>

  2. Загрузите библиотеку 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"></script>
  <style></style>
</head>

  3. Определите рекламное место

    Определите рекламное место и инициализируйте 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"></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>

  4. Укажите, где будет показываться объявление

    Укажите, где на странице будет появляться объявление, добавив следующий код в <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>

  5. Предварительный просмотр тестовой страницы

    Сохраните файл hello-gpt.html и откройте его в веб-браузере. После загрузки на странице будет отображаться тестовое объявление в теле веб-страницы.

Покажите свою собственную рекламу

Чтобы отобразить собственное объявление, используйте файл hello-gpt.html из раздела «Показать тестовое объявление» , а затем замените код в заголовке кодом, определяющим ресурсы из вашей собственной сети Менеджера рекламы.

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

  2. Скопируйте код рекламного тега, указанный в разделе «Заголовок документа» , и используйте его для замены соответствующего кода в <head> вашего HTML-документа.

    <head>
 <meta charset="utf-8">
 <title>Hello GPT</title>
 <script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></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>

  3. Сохраните обновленный файл hello-gpt.html и откройте его в веб-браузере.

Далее
Изучите основы