אם יש לכם דרישות ספציפיות לגבי יחידות רספונסיביות עם מודעות Multiplex, תוכלו להוסיף פרמטרים לקוד המודעות כדי להתאים אישית את המראה שלהן. בעזרת הפרמטרים האלה תוכלו, בין היתר, לשנות את הפריסה של יחידות עם מודעות Multiplex או לקבוע את סדר השורות והעמודות של המודעות שהן כוללות.
אתם יכולים להשתמש בפרמטרים גם כדי לקבוע הגדרות נפרדות לניידים ולמחשבים. לדוגמה, אם בחרתם להקצות לפרמטר הפריסה ערך יחיד, הפריסה של יחידה עם מודעות Multiplex תהיה זהה בנייד ובמחשב. אבל אם בחרתם להקצות שני ערכים לפרמטר הפריסה, הפריסה של יחידה עם מודעות ה-Multiplex תהיה שונה בנייד (הערך הראשון) מאשר במחשב (הערך השני).
הערה: האפשרויות האלה זמינות רק ליחידות רספונסיביות עם מודעות Multiplex. כדי שההתאמה האישית תפעל כהלכה, יש להשתמש בכל הפרמטרים. אחרי שמשנים את קוד המודעה, יש לבדוק את היחידות עם מודעות ה-Multiplex במכשירים ובמסכים שונים כדי לוודא שהן פועלות כהלכה.
שינוי הפריסה של יחידת מודעות 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>
בפריסה זו, התמונה והטקסט מסודרים זו על גבי זה. כדי לבחור בפריסה הזאת, מוסיפים את הפרמטר 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 לא רחבה מספיק כדי להכיל את כולן. במקרה כזה, כדי לספק חוויית משתמש טובה, נתאים את מספר העמודות או השמורות כך שהמודעות יתאימו לשטח הזמין.
דוגמאות לשורות ולעמודות
דוגמת הקוד הבאה ממחישה איך ליצור יחידה עם מודעות 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>
דוגמת הקוד הבאה ממחישה איך ליצור יחידה עם מודעות 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 עם 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 עם רשת בגודל 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>פתרון בעיות
לאחר התאמה אישית של יחידה עם מודעות Multiplex, יכול להיות שהיא לא תוצג בדיוק כפי שציפיתם. ריכזנו כמה בעיות נפוצות ביחידות עם מודעות Multiplex, ופתרונות שלהן:
יש שתי סיבות אפשריות לכך:
- מספר המודעות הכולל ביחידה עם מודעות Multiplex חייב להיות קטן מ-1 או גדול מ-30. עליכם לשנות את מספר השורות או העמודות ביחידה עם מודעות ה-Multiplex, כך שמספר המודעות הכולל יהיה במסגרת המגבלה.
- היחידה עם מודעות ה-Multiplex רחבה מדי ביחס למספר המודעות שהגדרת. במקרה כזה, צריך להקטין את הרוחב של היחידה עם מודעות ה-Multiplex.
שימוש במסוף כדי לאתר שגיאות ביחידות עם מודעות Multiplex
ניתן להשתמש במסוף שבדפדפן כדי לוודא ששינית בצורה נכונה את הקוד של מודעת ה-Multiplex. לדוגמה, במסוף אפשר לראות אם בקוד המודעה חסר פרמטר נדרש או אם פרמטר מכיל ערך לא חוקי.
בדפדפן Chrome אפשר לבצע את הצעדים הבאים כדי לבדוק את קוד המודעה באמצעות DevTools Console:
- נכנסים לדף שמכיל את היחידות עם מודעות ה-Multiplex.
- מקישים על Ctrl+Shift+J (Windows / Linux) או על Cmd+Opt+J (Mac).
- בודקים אם יש הודעות שגיאה בחלונית המסוף.
