تحدث متغيّرات التصميم عندما يتغيّر موضع عنصر مرئي على صفحتك أو
حجمه، ما يؤثّر في موضع المحتوى المحيط به. يكون التحول أحيانًا
مقصودًا، مثل عندما يتم توسيع حاوية نتيجةً لفعل أحد المستخدِمين.
ومع ذلك، يمكن أن تؤدي الطبيعة الديناميكية للإعلانات إلى تغييرات غير متوقّعة في التنسيق، ما يؤدي بدوره إلى
تأثير سلبي في تجربة المستخدم ويمكن أن يتسبّب في
مشاكل خطيرة في سهولة الاستخدام.
يشرح هذا الدليل كيفية قياس تغيُّر التصميم والحدّ منه عند العمل باستخدام
علامات الناشر من Google (GPT).
كيفية تسبب الإعلانات في حدوث متغيّرات تصميم
يتم عادةً طلب الإعلانات بشكل غير متزامن وتضيف ديناميكيًا محتوى إلى
صفحتك أثناء تحميل الصفحة أو بعدها. أثناء جلب الإعلانات، يستمر تحميل بقية
الصفحة وقد يصبح المحتوى غير الإعلاني مرئيًا للمستخدم. إذا
لم تحجز مساحة كافية للإعلانات التي يتم تحميلها، قد يؤدي ذلك إلى
إزاحة المحتوى المرئي غير الإعلاني عند إضافتها في النهاية إلى الصفحة.
عند استخدام علامات Google Publisher Tags، هناك بضع نقاط في دورة حياة الإعلان
يمكن أن يحدث فيها تغيير في التنسيق:
عند استدعاء display() قد يتم توسيع خانة أو تصغيرها، وذلك استنادًا إلى كيفية
إعدادها.
عند عرض محتوى الإعلان قد يتم تغيير حجم خانة إذا تم عرض إعلان متغيّر أو
إذا لم تتوفّر مساحة كافية. قد يتم أيضًا توسيع خانة أو تصغيرها في هذه المرحلة، وذلك حسب طريقة ضبطها.
بعد عرض محتوى الإعلان تم تصميم أنواع معيّنة من تصميمات الإعلانات بحيث تتمدد
بعد ظهورها على الصفحة.
يُرجى العِلم أنّه كلما ارتفعت مساحة الإعلان في إطار العرض، زاد المحتوى الذي يمكن أن تحلّ محلّه. يجب الانتباه بشكل خاص إلى الشرائح الإعلانية القريبة من الجزء العلوي
لإطار العرض الأولي (فوق المحتوى المرئي). يمكن أن تتسبب هذه المواضع في حدوث مقدار غير متناسب
من تغيير التنسيق لأنّه من المرجّح أن تكون مرئية عند تحميل محتوى إعلانها.
تاريخ التعديل الأخير: 2024-11-24 (حسب التوقيت العالمي المتفَّق عليه)
[null,null,["تاريخ التعديل الأخير: 2024-11-24 (حسب التوقيت العالمي المتفَّق عليه)"],[[["Unexpected layout shifts caused by ads negatively impact user experience and usability."],["Layout shifts primarily occur when ads are fetched and rendered, potentially displacing existing content."],["Cumulative Layout Shift (CLS) is a metric used to measure these shifts, with a recommended score below 0.1."],["Minimizing layout shifts involves reserving space for ad slots using CSS, particularly `min-height` and `min-width`."],["Fluid ad slots inherently cause layout shifts and are best placed below the fold or fetched early to reduce impact."]]],["Layout shifts, especially unexpected ones from dynamic ads, negatively impact user experience. They occur when visible page elements change position or size, often during ad loading. Google Publisher Tags (GPT) can cause shifts when `display()` is called, when ad content renders, or after rendering. To minimize this, reserve space for ad slots using CSS's `min-height` and `min-width`, ideally based on historical ad fill data. Avoid reserving space with JavaScript. Fluid ad slots inherently cause shifts, so use them below the fold and fetch them early. Empty ad slot collapsing/expanding can also shift layouts.\n"]]