دليل تخطيط إعلان Audience Network لنظام iOS

عندما يظهر الإعلان على الشاشة، فلن تكون محاولة الاحتفاظ بجزء من الإعلان مغطى بأشرطة التنقل وأشرطة علامات التبويب وأشرطة الأدوات وطرق العرض السابقة الأخرى بمثابة تجربة مستخدم جيدة. يوضح المثال أدناه على اليسار إعلانًا معروضًا في الجزء العلوي من شاشة هاتف iPhone X ومغطى جزئيًا بالحافة العلوية. يوضح المثال الموجود على اليمين تصميمًا أفضل مع المساحة المناسبة بين الحافة العلوية لشاشة هاتف iPhone X وطريقة عرض الإعلان.

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

يرجى الرجوع إلى دليل الإعلانات الأصلية عند تصميم الإعلانات الأصلية في تطبيقك.

المتطلبات الأساسية

تأكد من إكمال مثال الإعلان الأصلي أو إعلان البانر الأصلي أو إعلان البانر.


الإصدار 11 من iOS أو إصدار أحدث: دليل تخطيط المساحة الآمنة

الإصدارات نظام iOS السابقة: دليل التخطيط أعلى وأسفل الشاشة


الإصدار 11 من iOS أو إصدار أحدث: دليل تخطيط المساحة الآمنة

  1. إذا كان تطبيقك يستخدم أداة إنشاء الواجهة مع الإصدار 9 من Xcode أو إصدار أحدث‎ ويستهدف إصدارًا أعلى من iOS 11‎، فيجب تمكين دلائل تخطيط المساحة الآمنة. افتح أداة إنشاء الواجهة وانقر على عرض مشهد أداة التحكم. ستظهر خيارات مستند أداة إنشاء الواجهة على اليسار. حدّد استخدم دلائل تخطيط المنطقة الآمنة.

  2. حدد عرض "واجهة المستخدم الإعلانية" من "عرض مشهد وحدة التحكم" وتصفح وصولاً إلى "عارض الحجم". أضف تباعدًا يسارًا ويمينًا وأعلى وأسفل بين تخطيط الأمان وحدّد قيم تباعد مثالية كما يلي:

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

إصدارات نظام iOS السابقة: دليل التخطيط أعلى وأسفل الشاشة

  1. لدعم إصدارات نظام iOS السابقة للإصدارiOS 11، استخدم دليل تخطيط أعلى وأسفل الشاشة لمعالجة مشكلة المنطقة الآمنة. تأكد من تضمين دلائل التخطيط أعلى وأسفل الشاشة في عرض مشهد أداة التحكم الذي يظهر على النحو التالي:

  2. حدد عرض "واجهة المستخدم الإعلانية" من "عرض مشهد وحدة التحكم" وتصفح وصولاً إلى "عارض الحجم". أضف تباعدًا علويًا وسفليًا بين التخطيط العلوي والسفلي وحدّد قيم تباعد مثالية كما يلي:

الالتزام بسياسة الإعلان الأصلي

من أجل إنشاء منتج عالي الجودة، يجب على المطوّرين اتباع سياسة Meta Audience Network وقتما يتم تنفيذ تخطيط الإعلان الأصلي أو إعلان البانر الأصلي. يجب أن تمنح المستخدمين دائمًا تحكمًا كاملاً في النقر. وبالنسبة للعناصر التي يمكن النقر عليها تحديدًا، يجب التأكد من قابلية النقر على عناوين الإعلان وعناوين URL وأزرار الدعوة لاتخاذ إجراء وأصول الصور فقط. فضلاً عن ذلك، يجب ألا تكون المساحة البيضاء في نص العنوان أو طرق عرض الصور قابلة للنقر.

مثال خاطئ على العناصر القابلة للنقر

عندما تقوم بإنشاء تخطيط لإعلان أصلي أو إعلان بانر أصلي، يجب ألا تستخدم عرضًا وارتفاعًا ثابتين لـ UILabel لتجنب ظهور white space في عنوان الإعلان ونص الإعلان وسياق الإعلان على وسائل التواصل الاجتماعي، وتسمية الإعلانات المُموَّلة. فيما يلي مثال خاطئ يجب ألا تتبعه مطلقًا:

مثال صالح على العناصر القابلة للنقر

لإنشاء إعلان أصلي عالي الجودة، يرجى إنشاء تخطيط ديناميكي مقيد للإعلان الأصلي أو إعلان البانر الأصلي. على سبيل المثال، إذا كنت تستخدم التخطيط التلقائي للقصص المصورة، فيمكنك استخدام Trailing Space >= x بدلاً من Trailing Space = x أو Width <= y بدلاً من Width = y. فيما يلي الشكل الذي يبدو عليه التخطيط إذا اتبعت سياسة Meta Audience Network:

الخطوات التالية

المزيد من الموارد

دليل بدء الاستخدام

دليل فني لبدء استخدام Audience Network

مرجع API

مرجع مجموعة Facebook SDK لنظام iOS