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

Google Publisher Tag (GPT) היא ספריית תיוג מודעות ל-Google Ad Manager, המשמשת ליצירה דינמית של בקשות למודעות. הוא מתבסס על פרטים עיקריים (כמו קוד יחידת מודעות, גודל מודעה וטירגוט מותאם אישית), בונה את הבקשה ומציג את המודעה בדפי אינטרנט.

במרכז העזרה של Ad Manager תוכלו לקרוא סקירה כללית קצרה על ה-GPT, כולל היתרונות, הפונקציונליות הבסיסית והתכונות שלו.

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

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

הקוד המלא עבור דוגמה זו מופיע בדף לדוגמה הצגת מודעת בדיקה.

  1. יצירת מסמך HTML בסיסי

    בכלי לעריכת טקסט, יוצרים מסמך HTML בסיסי בשם hello-gpt.html.

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

  2. טעינה של ספריית ה-GPT

    טענו את ספריית ה-GPT על ידי הוספת הפרטים הבאים ל-<head> של מסמך ה-HTML.

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

    הקוד הזה יטען את ספריית ה-GPT מהכתובת https://securepubads.g.doubleclick.net/tag/js/gpt.js. ברגע שכל הספרייה תיטען, כל הפקודות שבתור יעובדו באובייקט googletag.

  3. הגדרת משבצת מודעה

    מגדירים מיקום מודעה ומפעילים את GPT בשיטה 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>

    הקוד הזה קודם כל עוזר לוודא שהאובייקט של Google Tag זמין, ומציב בתור פקודה פקודה שיוצרת משבצת מודעה ומפעילה GPT.

    מיקום המודעה בדוגמה זו יטען מודעה בגודל 300x250 מיחידת המודעות שצוינה בנתיב /6355419/Travel/Europe/France/Paris. המודעה תוצג ברכיב <div id="banner-ad"> בגוף הדף, והפעולה הזו תתווסף.

  4. צריך לציין איפה המודעה תופיע

    ניתן לציין היכן תוצג המודעה בדף על ידי הוספת הקוד הבא ל-<body> של מסמך ה-HTML.

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

    שימו לב שהמזהה של <div> זה תואם למזהה שצוין כשמגדירים את משבצת המודעה.

  5. תצוגה מקדימה של דף הבדיקה

    שומרים את הקובץ hello-gpt.html ופותחים אותו בדפדפן אינטרנט. לאחר הטעינה, הדף יציג מודעת בדיקה בגוף דף האינטרנט.

הצגה של המודעה שלך

השתמשו בקובץ hello-gpt.html שנוצר בקטע הצגת מודעת בדיקה והחליפו את הקוד בכותרת בקוד שמציין מלאי שטחי פרסום מרשת Ad Manager משלכם.

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

  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 המעודכן ופותחים אותו בדפדפן.

הבא
שימוש ב-TypeScript