יחידות מודעות

איך מתאימים יחידה רספונסיבית עם מודעות Multiplex לכל מיני מצבים

הבא: מידע על ‎Accelerated Mobile Pages‏ (AMP)

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

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

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

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

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

הרחבת כל הסעיפים כיווץ כל הסעיפים

שינוי הפריסה של יחידת מודעות Multiplex

פרמטר הפריסה (data-matched-content-ui-type) מאפשר לקבוע את הסדר של הטקסט והתמונות ביחידות עם מודעות Multiplex. לדוגמה, אפשר לקבוע שתמונה וטקסט יופיעו זו לצד זה, זו מעל זה וכן הלאה.

אלו הן אפשרויות הפריסה:

תמונה וטקסט, זו לצד זה

בפריסה זו, התמונה והטקסט מופיעים זו לצד זה. כדי לבחור בפריסה הזאת, מוסיפים את הפרמטר ‎data-matched-content-ui-type="image_sidebyside"‎ לקוד המודעה.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>

      <!-- pbad -->

      <ins class="adsbygoogle"

           style="display:block"

           data-ad-client="ca-pub-1234567890123456"

           data-ad-slot="1234567890"

           data-matched-content-ui-type="image_sidebyside"

           data-matched-content-rows-num="4"

           data-matched-content-columns-num="1"

           data-ad-format="autorelaxed"></ins>

      <script>

      (adsbygoogle = window.adsbygoogle || []).push({});

      </script>

דוגמה לפריסת מודעות מסוג תמונה לצד טקסט.

תמונה וטקסט זו לצד זה, עם כרטיס

בפריסה זו, התמונה והטקסט מופיעים זו לצד זה בתוך כרטיס. כדי להשתמש בפריסה הזאת, מוסיפים את הפרמטר ‎data-matched-content-ui-type="image_card_sidebyside"‎ לקוד המודעה.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>

      <!-- pbad -->

      <ins class="adsbygoogle"

           style="display:block"

           data-ad-client="ca-pub-1234567890123456"

           data-ad-slot="1234567890"

           data-matched-content-ui-type="image_card_sidebyside"

           data-matched-content-rows-num="4"

           data-matched-content-columns-num="1"

           data-ad-format="autorelaxed"></ins>

      <script>

      (adsbygoogle = window.adsbygoogle || []).push({});

      </script>

Example of an ad with Image and text side-by-side with card layout.

תמונה מוערמת מעל טקסט

בפריסה זו, התמונה והטקסט מסודרים זו על גבי זה. כדי לבחור בפריסה הזאת, מוסיפים את הפרמטר ‎data-matched-content-ui-type="image_stacked"‎ לקוד המודעה.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>

      <!-- pbad -->

      <ins class="adsbygoogle"

           style="display:block"

           data-ad-client="ca-pub-1234567890123456"

           data-ad-slot="1234567890"

           data-matched-content-ui-type="image_stacked"

           data-matched-content-rows-num="3"

           data-matched-content-columns-num="1"

           data-ad-format="autorelaxed"></ins>

      <script>

      (adsbygoogle = window.adsbygoogle || []).push({});

      </script>

דוגמה לפריסת המודעות מסוג תמונות מוערמות מעל טקסט.

תמונה מעל טקסט, עם כרטיס

בפריסה זו, התמונה והטקסט מסודרים זו על גבי זה, בתוך כרטיס. כדי להשתמש בפריסה הזאת, מוסיפים את הפרמטר ‎data-matched-content-ui-type="image_card_stacked"‎ לקוד המודעה.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>

      <!-- pbad -->

      <ins class="adsbygoogle"

           style="display:block"

           data-ad-client="ca-pub-1234567890123456"

           data-ad-slot="1234567890"

           data-matched-content-ui-type="image_card_stacked"

           data-matched-content-rows-num="3"

           data-matched-content-columns-num="1"

           data-ad-format="autorelaxed"></ins>

      <script>

      (adsbygoogle = window.adsbygoogle || []).push({});

      </script>

דוגמה לפריסת המודעות מסוג תמונות מוערמות מעל טקסט, עם כרטיס.

טקסט בלבד

פריסה של טקסט בלבד, בלי תמונות. כדי לבחור בפריסה הזו צריך להוסיף את הפרמטר ‎data-matched-content-ui-type="text"‎ לקוד המודעה.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>

      <!-- pbad -->

      <ins class="adsbygoogle"

           style="display:block"

           data-ad-client="ca-pub-1234567890123456"

           data-ad-slot="1234567890"

           data-matched-content-ui-type="text"

           data-matched-content-rows-num="4"

           data-matched-content-columns-num="1"

           data-ad-format="autorelaxed"></ins>

      <script>

      (adsbygoogle = window.adsbygoogle || []).push({});

      </script>

דוגמה לפריסת המודעות באתר מסוג טקסט בלבד.

טקסט עם כרטיס

פריסה של טקסט בלבד, עם כרטיס. כדי לבחור בפריסה הזו צריך להוסיף את הפרמטר ‎data-matched-content-ui-type="text_card"‎ לקוד המודעה.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>

      <!-- pbad -->

      <ins class="adsbygoogle"

           style="display:block"

           data-ad-client="ca-pub-1234567890123456"

           data-ad-slot="1234567890"

           data-matched-content-ui-type="text_card"

           data-matched-content-rows-num="4"

           data-matched-content-columns-num="1"

           data-ad-format="autorelaxed"></ins>

      <script>

      (adsbygoogle = window.adsbygoogle || []).push({});

      </script>

דוגמה לפריסת המודעות באתר מסוג טקסט עם כרטיס.

ציון מספר השורות והעמודות ביחידה עם מודעות Multiplex

המודעות בתוך יחידה עם מודעות Multiplex מסודרות ברשת. אפשר לציין את מספר השורות והעמודות שיופיעו ברשת. לדוגמה, אפשר להגדיר שהיחידה עם מודעות Multiplex תהיה ריבוע בגודל של 2x2, או עמודה בגודל של 4x1 וכן הלאה.

ההגדרה של מספר השורות מתבצעת באמצעות הפרמטר data-matched-content-rows-num וההגדרה של מספר העמודות מתבצעת באמצעות הפרמטר data-matched-content-columns-num. צריך להגדיר את שני הפרמטרים ואת data-matched-content-ui-type יחד.

הערה:

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

דוגמאות לשורות ולעמודות

‫4x1 (נייד ומחשב)

דוגמת הקוד הבאה ממחישה איך ליצור יחידה עם מודעות Multiplex עם 4 שורות ועמודה 1 כדי להציג 4 מודעות בסה"כ.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>

        <!-- pbad -->

        <ins class="adsbygoogle"

             style="display:block"

             data-ad-client="ca-pub-1234567890123456"

             data-ad-slot="1234567890"

             data-matched-content-rows-num="4"

             data-matched-content-columns-num="1"

             data-matched-content-ui-type="image_stacked"

             data-ad-format="autorelaxed"></ins>

        <script>

        (adsbygoogle = window.adsbygoogle || []).push({});

        </script>

דוגמה של תמונה וטקסט שמסודרים זו מעל זה ב-AdSense.

‫2x2 (נייד ומחשב)

דוגמת הקוד הבאה ממחישה איך ליצור יחידה עם מודעות Multiplex עם שתי שורות ושתי עמודות כדי להציג 4 מודעות בסה"כ.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>

        <!-- pbad -->

        <ins class="adsbygoogle"

             style="display:block"

             data-ad-client="ca-pub-1234567890123456"

             data-ad-slot="1234567890"

             data-matched-content-rows-num="2"

             data-matched-content-columns-num="2"

             data-matched-content-ui-type="image_stacked"

             data-ad-format="autorelaxed"></ins>

        <script>

        (adsbygoogle = window.adsbygoogle || []).push({});

        </script>

יחידת מודעות Multiplex ב-AdSense עם שתי שורות ושתי עמודות, שמציגה ארבע מודעות בסך הכול.

‫3x3 (נייד ומחשב)

דוגמת הקוד הבאה ממחישה איך ליצור יחידה עם מודעות Multiplex עם 3 שורות ו-3 עמודות כדי להציג 9 מודעות בסה"כ.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>

        <!-- pbad -->

        <ins class="adsbygoogle"

             style="display:block"

             data-ad-client="ca-pub-1234567890123456"

             data-ad-slot="1234567890"

             data-matched-content-rows-num="3"

             data-matched-content-columns-num="3"

             data-matched-content-ui-type="image_stacked"

             data-ad-format="autorelaxed"></ins>

        <script>

        (adsbygoogle = window.adsbygoogle || []).push({});

        </script>

יחידת מודעות Multiplex ב-AdSense עם 3 שורות ו-3 עמודות, שמציגה תשע מודעות בסך הכול.

‫4x1 (נייד) ו-2x2 (מחשב) לאתרים רספונסיביים

דוגמת הקוד הבאה ממחישה כיצד ליצור יחידה עם מודעות Multiplex עם רשת בגודל 4x1 לנייד ורשת בגודל 2x2 למחשב. אם יש לכם אתר רספונסיבי, מומלץ להשתמש בהגדרה הזו.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>

        <!-- pbad -->

        <ins class="adsbygoogle"

             style="display:block"

             data-ad-client="ca-pub-1234567890123456"

             data-ad-slot="1234567890"

             data-matched-content-rows-num="4,2"

             data-matched-content-columns-num="1,2"

             data-matched-content-ui-type="image_stacked,image_stacked"

             data-ad-format="autorelaxed"></ins>

        <script>

        (adsbygoogle = window.adsbygoogle || []).push({});

        </script>

דוגמה של תמונה וטקסט שמסודרים זו מעל זה ב-AdSense.

יחידת מודעות Multiplex ב-AdSense עם שתי שורות ושתי עמודות, שמציגה ארבע מודעות בסך הכול.

פתרון בעיות

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

היחידה של מודעות Multiplex ריקה

יש שתי סיבות אפשריות לכך:

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

ביחידה של מודעות Multiplex יש פחות מודעות מהצפוי

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

המודעות הן מודעות טקסט בלבד

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

שימוש במסוף כדי לאתר שגיאות ביחידות עם מודעות Multiplex

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

בדפדפן Chrome אפשר לבצע את הצעדים הבאים כדי לבדוק את קוד המודעה ב-DevTools Console:

נכנסים לדף שמכיל את היחידות עם מודעות ה-Multiplex.
מקישים על Ctrl+Shift+J (‏Windows / Linux‏) או על Cmd+Opt+J (‏Mac‏).
בודקים אם יש הודעות שגיאה בחלונית המסוף.

האם המידע הועיל?

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