الوحدات الإعلانية

كيفية تخصيص وحدة المحتوى المطابق المتجاوبة

إذا كانت لديك متطلبات محدّدة لوحدات المحتوى المطابق المتجاوبة، يمكنك تخصيص طريقة ظهورها من خلال إضافة معلمات إلى شفرتك الإعلانية. وتتيح لك هذه المعلمات إمكانية تغيير تنسيق وحدات المحتوى المطابق وتحديد الطريقة التي تفضلها في ترتيب الصفوف والأعمدة الموصى بها داخلها.

كما يمكنك استخدام المعلمات لتعيين إعدادات مختلفة للجوّال مقارنة بسطح المكتب. على سبيل المثال، إذا منحت معلمة التنسيق قيمة فردية، يتم تخصيص التنسيق نفسه لوحدة المحتوى المطابق على الجوّال وسطح المكتب. ولكن عندما تمنح معلمة التنسيق قيمتين، ستحصل وحدة المحتوى المطابق على تنسيق واحد على الجوّال (القيمة الأولى) وتنسيق مختلف على سطح المكتب (القيمة الثانية).

وتجدر الإشارة إلى أن هذه الخيارات لا تتوفر إلا مع وحدات المحتوى المطابق وأن جميع المعلمات مطلوبة حتى تعمل محاولات التخصيص. وبعد تعديل الشفرة الإعلانية، احرص على اختبار وحدات المحتوى المطابق على أجهزة وشاشات مختلفة للتأكد من أنها تعمل على نحو سليم.

يُرجى الاطمئنان إلى أن الأمثلة الموضحة في هذه المقالة تُعد تعديلات مقبولة لشفرة إعلان AdSense. ولن تنتهك سياسات برنامج AdSense عند تعديل شفرة المحتوى المطابق بهذه الطرق التي تمت الموافقة عليها.

تغيير تنسيق وحدة المحتوى المطابق

تتيح لك معلمة التنسيق (data-matched-content-ui-type) إمكانية التحكم في ترتيب النص والصور في وحدات المحتوى المطابق. على سبيل المثال، يمكنك اختيار وضع الصورة والنص جنبًا إلى جنب، وأن تكون الصورة أعلى من النص، وهكذا.

تتوفّر خيارات التنسيق التالية:

صورة ونص جنبًا إلى جنب

في هذا التنسيق، يظهر كل من الصورة والنص جنبًا إلى جنب. لاختيار هذا التنسيق، يمكنك إضافة معلمة data-matched-content-ui-type="image_sidebyside" إلى شفرة الإعلان.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- pbad -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-xxxxxxxxx"
     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>

Image and text side by side layout

صورة ونص جنبًا إلى جنب مع الشفرة

في هذا التنسيق، يظهر كل من الصورة والنص جنبًا إلى جنب داخل شفرة. لاختيار هذا التنسيق، يمكنك إضافة معلمة data-matched-content-ui-type="image_card_sidebyside" إلى شفرة الإعلان.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- pbad -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-xxxxxxxxx"
     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>

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"></script>
<!-- pbad -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-xxxxxxxxx"
     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>

Image stacked above text layout

تنضيد الصورة أعلى النص مع الشفرة

يتم في هذا التنسيق ترتيب الصورة والنص بحيث يظهر أحدهما فوق الآخر مع شفرة. ولاختيار هذا التنسيق، يمكنك إضافة المعلمة data-matched-content-ui-type="image_card_stacked" إلى شفرة الإعلان.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- pbad -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-xxxxxxxxx"
     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>

Image stacked above text with card layout

نص فقط

تنسيق نص فقط بدون صور. لاختيار هذا التنسيق، يمكنك إضافة معلمة data-matched-content-ui-type="text" إلى شفرة الإعلان.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- pbad -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-xxxxxxxxx"
     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>

text-only layout

نص مع شفرة

تنسيق نص فقط داخل شفرة. لاختيار هذا التنسيق، يمكنك إضافة معلمة data-matched-content-ui-type="text_card" إلى شفرة الإعلان.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- pbad -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-xxxxxxxxx"
     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>

Text with card layout

تحديد عدد الصفوف والأعمدة في وحدة المحتوى المطابق

يتم ترتيب التوصيات داخل وحدة المحتوى المطابق في شبكة. ويمكنك تحديد عدد الصفوف والأعمدة التي تريد عرضها داخل تلك الشبكة. على سبيل المثال، يمكنك تعيين وحدة المحتوى المطابق على مربع 2X2 أو عمود 4X1 وما إلى ذلك.

يمكنك تعيين عدد الصفوف باستخدام المعلمة data-matched-content-rows-num، بينما يمكنك تعيين عدد الأعمدة باستخدام المعلمة data-matched-content-columns-num. ويجب عليك تعيين كلا المعلمتين وdata-matched-content-ui-type معًا.

ملاحظة:
  • هناك بعض القيود على عدد الصفوف والأعمدة التي تعيّنها. يجب أن يتراوح إجمالي عدد التوصيات في وحدة المحتوى المطابق بين 1 و30. وعند محاولة عرض أقل من 1 أو أكثر من 30 توصية، ستظهر وحدة المحتوى المطابق فارغة.
  • قد لا نتمكن في بعض الأحيان من عرض العدد الدقيق للصفوف و/أو الأعمدة التي حددتها. على سبيل المثال، عند تعيين عدد كبير من الأعمدة بدون أن تكون وحدة المحتوى المطابق واسعة بما يكفي لاستيعابها. وفي هذه الحالة، سندخل تعديلاً على عدد الصفوف و/أو الأعمدة حتى تستوعب المساحة المتاحة توصياتك وحتى يحصل المستخدم على انطباع جيد.

أمثلة على الصفوف والأعمدة

4X1 (الجوّال وسطح المكتب)

يعرض نموذج الشفرة هذا كيفية إنشاء وحدة محتوى مطابق تتضمن أربعة صفوف وعمود واحد لعرض إجمالي عدد التوصيات الأربع.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- pbad -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-xxxxxxxxx"
     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>

4x1 grid

2x2 (الجوّال وسطح المكتب)

يعرض نموذج الشفرة هذا كيفية إنشاء وحدة محتوى مطابق تتضمن أربعة صفين وعمودين لعرض إجمالي عدد التوصيات الأربع.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- pbad -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-xxxxxxxxx"
     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>

2x2 grid

3X3 (الجوّال وسطح المكتب)

يعرض نموذج الشفرة هذا كيفية إنشاء وحدة محتوى مطابق تتضمن ثلاثة صفوف وثلاثة أعمدة لعرض إجمالي عدد التوصيات التسع.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- pbad -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-xxxxxxxxx"
     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>

3x3 grid

1x4 (الأجهزة الجوّالة) و2x2 (الأجهزة المكتبية) مع المواقع المتجاوبة

يعرض نموذج الرمز هذا كيفية إنشاء وحدة محتوى مطابق تتضمن شبكة 1x4 على الأجهزة الجوّالة وشبكة 2x2على الأجهزة المكتبية. وقد تحتاج إلى استخدام هذا الإعداد إذا كان لديك موقع متجاوب.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- pbad -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-xxxxxxxxx"
     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>

4x1 grid

2x2 grid

مشاركة تعليقاتك

يسعدنا معرفة رأيك بشأن تخصيص وحدات المحتوى المطابق. ويمكنك إبداء رأيك لنا وتوضيح ما أعجبك وما يمكن تحسينه عبر نموذج التعليقات.

تحرّي الخلل وإصلاحه

بعد تخصيص وحدة المحتوى المطابق، قد لا تظهر بالشكل المتوقع تمامًا. وإليك بعض المشكلات الشائعة في وحدات المحتوى المطابق وكيفية حلها:

وحدة المحتوى المطابق فارغة

هناك سببان لذلك:

  • ربما يكون إجمالي عدد التوصيات في وحدة المحتوى المطابق أقل من 1 أو أكثر من 30. ويتعين عليك تغيير عدد الصفوف و/أو الأعمدة في وحدة المحتوى المطابق حتى يتراوح إجمالي عدد التوصيات بين هذين الحدين.
  • وحدة المحتوى المطابق واسعة جدًا ولا تناسب عدد التوصيات المحدّد. وفي هذه الحالة، يتعيّن عليك محاولة خفض عرض وحدة المحتوى المطابق.

تحتوي وحدة المحتوى المطابق على عدد توصيات أقل من المتوقع

قد يحدث هذا عندما لا تكفي المساحة لعرض الحدد المحدّد للتوصيات. على سبيل المثال، عند تعيين عدد كبير من التوصيات في حين عدم وجود مساحة كافية في وحدة المحتوى المطابق أو انه تتم مشاهدتها على شاشة صغيرة. وعند حدوث ذلك، فإننا ندخل تعديلاً على عدد الصفوف و/أو الأعمدة لاستيعاب ذلك. ويمكنك تغيير عرض وحدة المحتوى المطابق أو تعيين عدد آخر من الصفوف والأعمدة للجوّال وسطح المكتب.

توصياتك بتنسيق نص فقط

قد يظهر لك هذا إذا كانت وحدة المحتوى المطابق غير واسعة بشكل يكفي لعدد التوصيات الذي تحدده. وفي هذه الحالة، يتعين عليك محاولة زيادة عرض وحدة المحتوى المطابق.

استخدام وحدة التحكم للبحث عن الأخطاء في وحدات المحتوى المطابق

يمكنك الاستفادة من وحدة التحكم في متصفحك لمعرفة ما إذا كنت أجريت تعديلاً صحيحًا في شفرة إعلان المحتوى المطابق أم لا. على سبيل المثال، تخبرك وحدة التحكم بما إذا كان رمز إعلانك يفتقد إلى معلمة مطلوبة أو كانت المعلمة تحتوي على قيمة غير صالحة.

إذا كنت تستخدم Chrome، يمكنك اتّباع الخطوات التالية لاختبار رمز الإعلان في وحدة تحكم DevTools.

  1. انتقل إلى الصفحة التي تحتوي على وحدات المحتوى المطابق.
  2. اضغط على Ctrl+Shift+J (Windows / Linux) أو Cmd+Opt+J (Mac).
  3. حدّد لوحة وحدة التحم للاطلاع على رسائل الخطأ.

 

هل كان ذلك مفيدًا؟
كيف يمكننا تحسينها؟