Halaman ini diterjemahkan oleh Cloud Translation API.

Mulai Menggunakan Tag Google Publisher

Tag Google Publisher (GPT) adalah library pemberian tag iklan untuk Google Ad Manager yang digunakan untuk membuat permintaan iklan secara dinamis. Halaman ini mengambil detail penting dari Anda (seperti kode unit iklan, ukuran iklan, dan penargetan kustom), membuat permintaan, serta menampilkan iklan di halaman.

Untuk ringkasan singkat tentang GPT, termasuk manfaat, fungsi dasar, dan fitur-fiturnya, kunjungi pusat bantuan Ad Manager.

Menampilkan iklan percobaan

Contoh berikut memandu Anda melalui proses pembuatan halaman pengujian yang menggunakan GPT untuk memuat iklan umum dari jaringan pengujian Google.

Kode lengkap untuk contoh ini dapat ditemukan di halaman contoh display a test ad.

Membuat dokumen HTML dasar

Di editor teks, buat dokumen HTML dasar bernama hello-gpt.html.

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

Memuat library GPT

Muat library GPT dengan menambahkan kode berikut ke <head> dokumen HTML.
```
<head>
  <meta charset="utf-8">
  <title>Hello GPT</title>
  <script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
</head>
```
Kode ini akan memuat library GPT dari https://securepubads.g.doubleclick.net/tag/js/gpt.js. Setelah dimuat sepenuhnya, library akan memproses perintah dalam antrean di objek googletag.

Penting: Hanya muat GPT dari domain Google.
Menentukan slot iklan

Tentukan slot iklan dan inisialisasi GPT menggunakan metode 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>
```
Kode ini pertama-tama memastikan objek googletag tersedia, lalu mengantrekan perintah yang membuat slot iklan dan mengaktifkan GPT.

Slot iklan dalam contoh ini akan memuat iklan berukuran 300x250 dari unit iklan yang ditentukan oleh jalur /6355419/Travel/Europe/France/Paris. Iklan akan ditampilkan dalam elemen <div id="banner-ad"> di bagian isi halaman, yang akan ditambahkan selanjutnya.
Jalur unit iklan mengikuti format /network-code/[parent-ad-unit-code/.../]ad-unit-code, dengan:
- network-code adalah ID unik untuk jaringan Ad Manager tempat unit iklan berada
- parent-ad-unit-code adalah kode dari semua unit iklan induk (hanya berlaku untuk unit iklan non-level atas)
- ad-unit-code adalah kode untuk unit iklan yang akan ditampilkan
Perhatikan bahwa semua kode unit iklan yang disertakan dalam jalur unit iklan harus mematuhi aturan pemformatan yang ditentukan oleh Ad Manager.

Tentukan tempat munculnya iklan

Tentukan tempat iklan akan muncul di halaman dengan menambahkan kode berikut ke <body> dokumen HTML.

<body>
  <div id="banner-ad" style="width: 300px; height: 250px;">
    <script>
      googletag.cmd.push(function() {
        googletag.display('banner-ad');
      });
    </script>
  </div>
</body>

Perhatikan bahwa ID <div> ini cocok dengan ID yang ditentukan saat menentukan slot iklan.

Melihat pratinjau halaman pengujian

Simpan file hello-gpt.html dan buka di browser web. Setelah dimuat, halaman akan menampilkan iklan percobaan dalam isi halaman web.

Perhatian: Jika Anda tidak melihat iklan, pastikan ID div yang ditentukan dalam <head> halaman cocok dengan ID elemen <div> yang Anda tambahkan ke <body> halaman.

Menampilkan iklan Anda sendiri

Dengan menggunakan file hello-gpt.html yang dibuat di bagian Menampilkan iklan pengujian, ganti kode di header dengan kode yang menentukan inventaris dari jaringan Ad Manager Anda sendiri.

Buat tag iklan untuk unit iklan yang ingin Anda tampilkan. Pelajari lebih lanjut cara membuat tag iklan di pusat bantuan Ad Manager.

Salin kode tag iklan yang diberikan di bagian Header dokumen dan gunakan untuk mengganti kode yang sesuai di <head> pada dokumen HTML Anda.

<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>

Simpan file hello-gpt.html yang telah diupdate dan buka di browser web.

Berikutnya

Pelajari dasar-dasarnya