תחילת העבודה עם Google Publisher Tag

Google Publisher Tag (GPT) הוא ספריית תיוג של מודעות עבור Google Ad Manager.

ניתן להשתמש ב-GPT כדי ליצור בקשות למודעות באופן דינמי. GPT לוקח פרטים חשובים כמו הקוד של יחידת המודעות, גודל המודעה והמיקוד המותאם אישית, בונה את הבקשה ומציג את המודעה בדפי אינטרנט.

פרטים נוספים על GPT זמינים במרכז העזרה של Ad Manager.

הנה כמה דוגמאות שניתן להשתמש בהן כדי להתחיל לעבוד עם GPT. לקבלת עזרה נוספת בנוגע ל-GPT, עיינו באפשרויות התמיכה.

הצגה של מודעת בדיקה

בדוגמה הבאה מוסבר איך ליצור דף בדיקה שמשתמש ב-GPT כדי לטעון מודעה גנרית מרשת הבדיקות של Google.

הקוד המלא בדוגמה הזו מופיע בדף לדוגמה Display a test ad.

  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 מתוך הצגה של מודעת בדיקה, ואז להחליף את הקוד שמופיע בכותרת בקוד שמציין מלאי מרשת Ad Manager שלכם.

  1. יוצרים תג מודעה עבור יחידת המודעות שרוצים להציג. מידע נוסף על יצירת תגי מודעות מופיע במרכז העזרה של Ad Manager.

  2. מעתיקים את הקוד של תג המודעה שמופיע בקטע Document title (כותרת המסמך), ומשתמשים בו כדי להחליף את הקוד המתאים ב-<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 המעודכן ופותחים אותו בדפדפן אינטרנט.

הבא
העקרונות הבסיסיים