הגדרת גובה של מודעה בגוף הפיד

מערכת AdSense מתאימה אוטומטית את גובה המודעות בגוף הפיד כדי לדאוג שישתלבו היטב בשטח הזמין. כשגודל המודעות מותאם באופן אוטומטי, יצרני התוכן לא צריכים לערוך שינויים כלשהם בגובה המודעות בגוף הפיד. אולם, אם יש לך דרישות ספציפיות לגבי גובה המודעה בגוף הפיד, ניתן לשנות את קוד המודעה בגוף הפיד ולהגדיר את הגובה הרצוי. אפשר להגדיר למודעה גובה קבוע אם הפיד מוצג באתר לא רספונסיבי, או גובה משתנה אם הפיד מוצג באתר רספונסיבי.

הערה: הדוגמאות במאמר הזה הן שינויים מותרים בקוד המודעות של AdSense. השינויים האלה בקוד של המודעות בגוף הפיד לא מפירים את המדיניות של AdSense.

איך מגדירים גובה קבוע (באתרים לא רספונסיביים)

אפשר להגדיר גובה קבוע למודעה בגוף הפיד על ידי הוספה של מאפיין גובה לקוד המודעה, לדוגמה height:120px. האפשרות הזו מתאימה אם יחידת המודעות בגוף הפיד נמצאת במאגר קבוע, כלומר יחידת מודעות לא רספונסיבית.

כדי לדעת איזה גובה לקבוע, ניתן לבדוק את הגובה המדויק של המודעה ללא שטח לבן באמצעות הכלים למפתחים שבדפדפן. למידע נוסף, ניתן לעיין במאמר: איך לבדוק את גודל התמונות בפיד.

דוגמה למודעה בגוף הפיד שהוגדר לה גובה קבוע של 120 פיקסלים:

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<ins class="adsbygoogle"
     style="display:block;height:120px"
     data-ad-format="fluid"
     data-ad-layout="image-top"
     data-ad-layout-key="xxxxxxxx"
     data-ad-client="ca-pub-1234567890123456"
     data-ad-slot="123456"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

איך מגדירים גובה משתנה (באתרים רספונסיביים)

אם הרוחב של יחידת המודעה בגוף הפיד תלויה ברוחב המסך, כלומר יחידת מודעות רספונסיבית, צריך להשתמש בשאילתות מדיה של CSS בקוד המודעה כדי להגדיר גובה שונה לכל רוחב מסך.

כדי להחליט אילו גבהים לקבוע, מומלץ:

1. לשנות את גודל האתר לפי מגוון רוחבי מסך, לדוגמה 350 פיקסלים, 500 פיקסלים, 1,000 פיקסלים.
2. בכל רוחב, ניתן לבדוק את הגובה המדויק של המודעה ללא שטח לבן באמצעות הכלים למפתחים שבדפדפן. איך בודקים את גודל התמונות בפיד

בהמשך מופיעה דוגמה למודעה בגוף הפיד שהוגדר לה גובה של 180 פיקסלים למסכים ברוחב של עד 350 פיקסלים, גובה של 130 פיקסלים למסכים ברוחב של 500 פיקסלים עד 800 פיקסלים, וגובה של 200 פיקסלים למסכים ברוחב של יותר מ-800 פיקסלים:

<style>
  @media (min-width: 350px) {
    .infeed {
      height: 180px;
    }
 @media (min-width: 500px) {
    .infeed {
      height: 130px;
    }
  }
 @media (min-width: 800px) {
    .infeed {
      height: 200px;
    }
  }

</style>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<ins class="adsbygoogle infeed"
     style="display:block;"
     data-ad-format="fluid"
     data-ad-layout="image-top"
     data-ad-layout-key="xxxxxxxx"
     data-ad-client="ca-pub-1234567890123456"
     data-ad-slot="123456"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

חשוב: החלקים שמודגשים בדוגמה למעלה הם השינויים שצריך לבצע בקוד המודעות. חשוב לוודא ששם המחלקה זהה (לדוגמה, infeed) לכל אורך קוד המודעות.

לאחר ביצוע השינוי בקוד המודעה, חשוב לבדוק איך המודעה תוצג במגוון רוחבי מסך כדי לוודא שהגובה שהגדרת מתאים לכל המכשירים.

למה במודעות בגוף הפיד מופיעים לפעמים שטחים לבנים מיותרים או כפתור "עוד"?

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

מדי פעם, מודעה בגוף הפיד מופיעה באזור התצוגה של המשתמש (בחלק העליון והקבוע). במקרים כאלה, אין באפשרותנו להתאים את גובה המודעה מבלי להתאים את התוכן שמתחת למודעה. לכן, יכול להיות שנשאיר כמות מסוימת של שטח לבן או נוסיף את הכפתור "עוד" כדי להרחיב את המודעה. אנחנו עושים את זה כדי שחוויית המשתמש תהיה הכי טובה.