יישום קוד מודעה

איך יוצרים יחידת מודעות תואמת ל-AMP?

במדריך הזה מפורט איך ליצור יחידת מודעות תואמת ל-AMP, כדי להציג מודעות AdSense בדפי AMP.

אפשר ליצור שני סוגים של יחידות של מודעות AdSense תואמות ל-AMP: יחידות מודעות רספונסיביות או יחידות מודעות בגודל קבוע. מומלץ להשתמש ביחידות של מודעות רספונסיביות ל-AMP. יש לכך כמה סיבות:

  • הגודל של יחידות מודעות רספונסיביות ל-AMP מותאם באופן אוטומטי למכשיר שבו צופים בהן, והן מוצגות על כל רוחב המסך של המשתמש.
  • Google מבצעת אופטימיזציה של מימדי המודעות, כדי להבטיח שהם יגיעו לרמת ביצועים טובה בדפים שלכם.
כל תכונות AdSense (למשל, בקרות חסימה, מאזן מודעות, דוחות וכו') תומכות במודעות AMP.

לפני שמתחילים

חשוב לוודא שהוספתם את הסקריפט הנדרש ל-AMP לדפים שבהם אתם רוצים להציג מודעות תואמות ל-AMP.

  • כדי להוסיף את הסקריפט, מעתיקים את הקוד הבא ומדביקים אותו בין תגי <head></head> של קוד HTML ל-AMP.

    <script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>

הסקריפט יגרום לטעינה של ספריות amp-ad הנדרשות, אבל אם מוסיפים רק אותו, הוא לא יגרום להצגה של מודעות בדף AMP. כדי שמודעות יוצגו, צריך להוסיף לדפים גם קוד מודעה תואם ל-AMP. אפשר למצוא מידע נוסף על הרכיב amp-ad כאן: https://www.ampproject.org/docs/reference/components/amp-ad

יצירה של יחידת מודעות רספונסיביות תואמת ל-AMP

כרגע, כדי ליצור יחידת מודעות ל-AMP, צריך לבצע ידנית את התהליך הבא:

  1. יוצרים יחידת מודעות רספונסיבית חדשה בחשבון AdSense.
  2. בקוד המודעה של יחידת המודעות הרספונסיבית שיצרתם בשלב 1, מאתרים ורושמים לעצמכם את הפרטים הבאים:
    • מזהה בעל האתר שלכם (data-ad-client), לדוגמה: ca-pub-1234567891234567.
    • המזהה של יחידת המודעות (data-ad-slot), לדוגמה: 1234567890.

    דוגמה להמחשה

    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    <ins class="adsbygoogle"
         style="display:inline-block;width:120px;height:600px"‎
         data-ad-client="ca-pub-1234567891234567"‎‏
         data-ad-slot="1234567890"></ins>
    <script>
    ‎(adsbygoogle = window.adsbygoogle || []).push({});‎
    <‎/script>
  3. יוצרים קוד מודעה ל-AMP
    מעתיקים את הקטע הבא של קוד המודעה, ומחליפים את הערכים במשתנים data-ad-client ו-data-ad-slot בערכים שרשמתם לעצמכם בשלב 2.
    <amp-ad width="100vw" height=320
      type="adsense"
      data-ad-client="ca-pub-1234567891234567"
      data-ad-slot="1234567890"
      data-auto-format="rspv"
      data-full-width>
        <div overflow></div>
    </amp-ad>
    מומלץ מאוד לא לשנות אף חלק אחר בקוד המודעה שמוצג למעלה, כיוון שכל שינוי יכול לגרום לו להפסיק לפעול.
  4. מדביקים את קוד המודעה ל-AMP בקוד המקור ב-HTML של הדף לניידים שבו רוצים שיוצגו מודעות. לתשומת ליבכם, מותר למקם את המודעה בחלק העליון והקבוע ובחלק הנגלל. חשוב לזכור שחובה לציית למדיניות של תוכנית AdSense בדפים שכוללים יחידות מודעות ל-AMP. 
    חשוב להקפיד לא להציב את קוד המודעה במאגר אב (‎<div>‎‏, <iframe> וכו') שמוגדרת לו מגבלת גובה או שמוגדר לו גובה קבוע, כיוון שהגודל של המודעה עשוי להשתנות ולהרוס את הפריסה של הדף.
  5. (אופציונלי) אחרי שמציבים את קוד המודעה ל-AMP, מומלץ לבדוק את המודעות במכשירים ניידים שונים, כדי לוודא שהרפונסיביות שלהן פועלת היטב.
    כשאתם מנסים לבדוק את המודעות בדף AMP של האתר שלכם, ייתכן שייקח קצת זמן עד שיוצגו לכם מודעות, כיוון שבדפי AMP מוגדר תעדוף לתוכן על פני מודעות. אפשר למצוא מידע נוסף במאמר איך דפי AMP נשמרים במטמון.

תרחישים לדוגמה לשימוש מתקדם: מודעות בגודל קבוע ל-AMP, עיצוב של מודעות ל-AMP ועוד

רוצים להגדיר ליחידת המודעות ל-AMP רוחב או גובה קבוע? אפשר למצוא הוראות במאמר איך משנים את הקוד של מודעות רספונסיביות ל-AMP.

בתרחישי שימוש מתקדמים יותר, אפשר לעצב אלמנטים של מודעות ל-AMP כמו כל אלמנט AMP אחר. למידע נוסף על שיטות שונות לשליטה בפריסות.

מעקב אחר הביצועים של יחידת מודעות ל-AMP

אפשר לעקוב אחר הביצועים של יחידות מודעות ל-AMP בדוח 'פלטפורמות תוכן'.

האם המאמר היה מועיל?
איך נוכל לשפר את המאמר?