Se usó la API de Cloud Translation para traducir esta página.

Comience a usar Google Publisher Tags

Google Publisher Tag (GPT) es una biblioteca de etiquetado de anuncios de Google Ad Manager que se usa para crear solicitudes de anuncios de forma dinámica. Toma detalles clave (como el código de la unidad de anuncios, el tamaño del anuncio y la segmentación personalizada), compila la solicitud y muestra el anuncio en páginas web.

Para obtener una breve descripción general de GPT, además de sus beneficios, funcionalidad y características básicas, visita el Centro de ayuda de Ad Manager.

Cómo mostrar un anuncio de prueba

En el siguiente ejemplo, se explica el proceso de creación de una página de prueba que usa GPT para cargar un anuncio genérico desde la red de prueba de Google.

Puedes encontrar el código completo de este ejemplo en la página de muestra Muestra un anuncio de prueba.

Cómo crear un documento HTML básico

En un editor de texto, crea un documento HTML básico llamado hello-gpt.html.

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Hello GPT</title>
  </head>
  <body>
  </body>
</html>

Cómo cargar la biblioteca de GPT

Para cargar la biblioteca de GPT, agrega lo siguiente al <head> del documento HTML.
```
<head>
  <meta charset="utf-8">
  <title>Hello GPT</title>
  <script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
</head>
```
Este código cargará la biblioteca de GPT desde https://securepubads.g.doubleclick.net/tag/js/gpt.js. Una vez que se haya cargado por completo la biblioteca, procesará cualquier comando en cola en el objeto googletag.

Importante: Solo carga GPT desde un dominio de Google.
Cómo definir un espacio publicitario

Defina un espacio publicitario e inicialice GPT con el método googletag.enableServices().
```
<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(
              '/6355419/Travel/Europe/France/Paris', [300, 250], 'banner-ad')
          .addService(googletag.pubads());
      googletag.enableServices();
    });
  </script>
</head>
```
Este código primero garantiza que el objeto googletag esté disponible y, luego, pone en cola un comando que construye un espacio publicitario y habilita GPT.

El espacio publicitario en este ejemplo cargará un anuncio de tamaño 300x250 desde la unidad de anuncios especificada por la ruta de acceso /6355419/Travel/Europe/France/Paris. El anuncio se mostrará en un elemento <div id="banner-ad"> en el cuerpo de la página, que se agregará a continuación.
La ruta de acceso de la unidad de anuncios sigue el formato /network-code/[parent-ad-unit-code/.../]ad-unit-code, en el que:
- network-code es un identificador único de la red de Ad Manager a la que pertenece la unidad de anuncios.
- parent-ad-unit-code son los códigos de todas las unidades de anuncios superiores (solo se aplica a las unidades de anuncios que no son de nivel superior)
- ad-unit-code es el código de la unidad de anuncios que se mostrará.
Ten en cuenta que todos los códigos de unidades de anuncios incluidos en la ruta de la unidad de anuncios deben cumplir con las reglas de formato que especifica Ad Manager.
Especificar dónde aparecerá el anuncio

Agrega el siguiente código al <body> del documento HTML para especificar dónde aparecerá el anuncio en la página.
```
<body>
  <div id="banner-ad" style="width: 300px; height: 250px;">
    <script>
      googletag.cmd.push(function() {
        googletag.display('banner-ad');
      });
    </script>
  </div>
</body>
```
Ten en cuenta que el ID de este <div> coincide con el especificado cuando se define el espacio publicitario.
Cómo obtener una vista previa de la página de prueba

Guarda el archivo hello-gpt.html y ábrelo en un navegador web. Una vez cargada, la página mostrará un anuncio de prueba en el cuerpo de la página web.

Precaución: Si no ves un anuncio, asegúrate de que el ID de div especificado en el <head> de la página coincida con el ID del elemento <div> que agregaste a la <body> de la página.

Muestre su propio anuncio

Con el archivo hello-gpt.html creado en la sección Cómo mostrar un anuncio de prueba, reemplaza el código del encabezado por código que especifique el inventario de tu propia red de Ad Manager.

Genere una etiqueta para la unidad de anuncios que desea mostrar. Obtén más información para generar etiquetas de anuncios en el Centro de ayuda de Ad Manager.

Copia el código de etiqueta de anuncio que se proporciona en la sección Encabezado del documento y úsalo para reemplazar el código correspondiente en el <head> de tu documento 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>

Guarda el archivo hello-gpt.html actualizado y ábrelo en un navegador web.

Aprende los conceptos básicos