คำแนะนำเลย์เอาท์โฆษณาบน Audience Network สำหรับ iOS

เมื่อโฆษณาปรากฏบนหน้าจอ ผู้ใช้จะไม่ได้รับประสบการณ์ที่ดีที่สุดหากโฆษณาบางส่วนมีแถบการนำทาง แถบแท็บ แทบเครื่องมือ และมุมมองหลักอื่นๆ บดบังอยู่ ตัวอย่างด้านล่างทางซ้ายแสดงถึงโฆษณาที่ปรากฏอยู่ด้านบนของหน้าจอ iPhone X และมีขอบด้านบนบังอยู่บางส่วน ส่วนตัวอย่างด้านขวาแสดงให้เห็นการออกแบบที่ดีกว่า โดยมีการเว้นพื้นที่อย่างเหมาะสมระหว่างขอบด้านบนของหน้าจอ iPhone X กับมุมมองโฆษณา

iOS 11 ขึ้นไปมีการนำคำแนะนำเลย์เอาท์แบบใหม่ที่เรียกว่า safeAreaLayoutGuide เข้ามาใช้ โดยจะใช้เพื่อกำหนดพื้นที่ปลอดภัยในการลงเนื้อหาของแอพ ซึ่งรวมถึงโฆษณาที่คุณต้องการให้แสดงผลบนหน้าจอ ระบบจะกำหนดพื้นที่ปลอดภัยนี้จากกรอบระบุขอบเขตสีเขียวในตัวอย่างข้างต้น เมื่อใช้คำแนะนำเลย์เอาท์รูปแบบใหม่นี้แล้ว เรามาดูเทคนิควิธีในการแสดงโฆษณาแบบเนทีฟในแอพของคุณกันดีกว่า คุณสามารถใช้วิธีเดียวกันนี้ในการแสดงโฆษณาแบบแบนเนอร์ได้

ข้อกำหนดเบื้องต้น

ตรวจสอบให้แน่ใจว่าคุณได้ศึกษาตัวอย่างโฆษณาแบบเนทีฟ, โฆษณาแบบแบนเนอร์แบบเนทีฟ หรือโฆษณาแบบแบนเนอร์เสร็จสมบูรณ์แล้ว

iOS 11 ขึ้นไป: คำแนะนำเลย์เอาท์พื้นที่ปลอดภัย

iOS เวอร์ชั่นก่อนๆ: คำแนะนำเลย์เอาท์ด้านบนและด้านล่าง

iOS 11 ขึ้นไป: คำแนะนำเลย์เอาท์พื้นที่ปลอดภัย

1. หากแอพของคุณใช้เครื่องมือสร้างอินเทอร์เฟซที่มี Xcode 9 ขึ้นไป และกำหนดเป้าหมายเป็น iOS 11 ขึ้นไป คุณควรเปิดใช้งานคำแนะนำเลย์เอาท์พื้นที่ปลอดภัย เปิดเครื่องมือสร้างอินเทอร์เฟซของคุณ และคลิกที่ "View Controller Scene" (ฉากของตัวควบคุมมุมมอง) คุณจะเห็นตัวเลือก "Interface Builder Document" (เอกสารของเครื่องมือสร้างอินเทอร์เฟซ) อยู่ทางด้านขวา จากนั้นทำเครื่องหมายที่กล่อง Use Safe Area Layout Guides (ใช้คำแนะนำเลย์เอาท์พื้นที่ปลอดภัย)
   
   
2. เลือก "Ad UI View" (มุมมอง UI ของโฆษณา) จาก "View Controller Scene" (ฉากของตัวควบคุมมุมมอง) และไปที่ "Size Inspector" (ตัวตรวจสอบขนาด) เพิ่มการเว้นระยะที่ด้านซ้าย ขวา บน และล่างระหว่างเลย์เอาท์ความปลอดภัย และระบุค่าการเว้นระยะที่เหมาะสมที่สุดดังที่แสดงด้านล่าง
   
   
3. สร้างและเรียกใช้แอพของคุณ คุณจะพบโฆษณาที่แสดงบนหน้าจอซึ่งมีระยะระหว่างมุมโค้ง เซ็นเซอร์ และแถบสถานะบนหน้าจอที่เหมาะสมที่สุด
   
   

iOS เวอร์ชั่นก่อนๆ: คำแนะนำเลย์เอาท์ด้านบนและด้านล่าง

1. หากต้องการรองรับ iOS เวอร์ชั่นก่อน 11 ให้ใช้คำแนะนำเลย์เอาท์ด้านบนและด้านล่างเพื่อแก้ปัญหาเกี่ยวกับพื้นที่ปลอดภัย ตรวจสอบให้แน่ใจว่ามีคำแนะนำเลย์เอาท์ด้านบนและด้านล่างอยู่ใน "View Controller Scene" (ฉากของตัวควบคุมมุมมอง) ดังที่แสดงด้านล่าง
   
   
2. เลือก "Ad UI View" (มุมมอง UI ของโฆษณา) จาก "View Controller Scene" (ฉากของตัวควบคุมมุมมอง) และไปที่ "Size Inspector" (ตัวตรวจสอบขนาด) เพิ่มการเว้นระยะที่ด้านบนและล่างระหว่างเลย์เอาท์ด้านบนและด้านล่าง และระบุค่าการเว้นระยะที่เหมาะสมที่สุดดังที่แสดงด้านล่าง
   
   

การปฏิบัติตามนโยบายโฆษณาแบบเนทีฟ

ในการสร้างผลิตภัณฑ์ที่มีคุณภาพ ผู้พัฒนาควรปฏิบัติตามนโยบายของ Meta Audience Network เมื่อใดก็ตามที่ใช้เลย์เอาท์โฆษณาแบบเนทีฟหรือโฆษณาแบบแบนเนอร์แบบเนทีฟ คุณควรให้ผู้ใช้ควบคุมการคลิกได้อย่างเต็มที่อยู่เสมอ โดยเฉพาะอย่างยิ่งในองค์ประกอบที่สามารถคลิกได้ในโฆษณา คุณควรตรวจสอบว่ามีเฉพาะชื่อโฆษณา, URL, การกระตุ้นให้ดำเนินการ และองค์ประกอบภาพเท่านั้นที่สามารถคลิกได้ นอกจากนี้ พื้นที่ว่างสีขาวในข้อความชื่อหรือมุมมองภาพต้องไม่สามารถคลิกได้

ตัวอย่างที่ไม่ดีขององค์ประกอบที่สามารถคลิกได้

เมื่อใดก็ตามที่คุณสร้างเลย์เอาท์สำหรับโฆษณาแบบเนทีฟหรือโฆษณาแบบแบนเนอร์แบบเนทีฟ คุณต้องไม่ใช้ความกว้างและความสูงแบบตายตัวสำหรับ UILabel เพื่อหลีกเลี่ยง white space ในชื่อโฆษณา, เนื้อความของโฆษณา, บริบททางสังคมของโฆษณา และป้ายแสดงการได้รับการสนับสนุนของโฆษณา ด้านล่างนี้เป็นตัวอย่างที่ไม่ดีที่คุณไม่ควรทำ

ตัวอย่างที่ดีขององค์ประกอบที่สามารถคลิกได้

หากต้องการสร้างโฆษณาแบบเนทีฟที่มีคุณภาพ โปรดสร้างเลย์เอาท์ข้อจำกัดแบบไดนามิกสำหรับโฆษณาแบบเนทีฟหรือโฆษณาแบบแบนเนอร์แบบเนทีฟ ตัวอย่างเช่น หากใช้เลย์เอาท์อัตโนมัติสำหรับสตอรี่บอร์ด คุณอาจใช้ Trailing Space >= x แทน Trailing Space = x หรือใช้ Width <= y แทน Width = y ได้ ต่อไปนี้คือลักษณะที่ควรจะเป็นของเลย์เอาท์หากคุณปฏิบัติตามนโยบายของ Meta Audience Network