สอนใช้ LINE ขั้นสูง | ทำให้หน้าเว็บที่เปิดจาก LIFF App แสดงขนาดเล็กลงได้อย่างไร?

ครั้งก่อนเราแนะนำวิธีเพิ่ม LIFF App ใน LINE Login ของ LINE Developers ไปแล้ว หลายคนจึงถามต่อว่า ปรับขนาดหน้าเบราว์เซอร์ที่เปิดจาก LIFF App ได้ไหม? ไม่ต้องกังวล คุณปรับได้ 3 ขนาดในแท็บ LIFF ของ LINE Login บนหลังบ้าน LINE Developers ได้แก่ Full (แสดง 100%), Tall (แสดง 70%) และ Compact (แสดง 50%)

Howard HuangMarketing Specialist2021-10-07

ครั้งก่อนเราแนะนำวิธีเพิ่ม LIFF App ใน LINE Login ของ LINE Developers ไปแล้ว หลายคนจึงถามต่อว่า ปรับขนาดหน้าเบราว์เซอร์ที่เปิดจาก LIFF App ได้ไหม? ไม่ต้องกังวล คุณปรับได้ในแท็บ LIFF ของ LINE Login บนหลังบ้าน LINE Developers!

‍

3 ขนาดหน้าเว็บที่เปิดจาก LIFF App

ก่อนเริ่มสอนตั้งค่า มาดู 3 ขนาดหน้าจอกันก่อน เรียงตามพื้นที่ที่แสดงบนหน้าจอดังนี้

Full: แสดงเต็มจอ
Tall: แสดง 70% ของหน้าจอ
Compact: แสดง 50% ของหน้าจอ

มือถือ 3 เครื่องเปรียบเทียบหน้าเว็บ LIFF ที่แสดงแบบเต็มจอ สูง 70% และสูง 50%

‍

วิธีปรับการตั้งค่า LIFF App

ไปที่หน้า LINE Developers คลิก “Log in” ที่มุมขวาบน แล้วเข้าสู่หลังบ้าน LINE Developers ด้วย LINE Business ID

หน้าแรกของ LINE Developers มีกรอบแดงและลูกศรชี้ปุ่ม “Log in” ที่มุมขวาบน แสดงตำแหน่งเข้าสู่ระบบหลังบ้าน

‍

เมื่อเข้า LINE Developers แล้ว ให้ไปที่ Provider ที่เกี่ยวข้อง แล้วคลิก LINE Login Channel ที่มี LIFF App ที่ต้องการปรับ

รายการ Channel ของ OakMega มีกรอบแดงที่ LINE Login Channel สำหรับคลิกเพื่อเพิ่ม LIFF App

‍

เมื่อเข้า LINE Login Channel แล้ว ให้หาแท็บ “LIFF” ที่แถบด้านบนแล้วคลิก

หน้าตั้งค่าพื้นฐานของ LINE Login Channel มีกรอบแดงและลูกศรชี้แท็บ LIFF สำหรับเข้าไปจัดการแอป

‍

ในแท็บ LIFF เลื่อนลงมาจะเห็น LIFF App ที่เพิ่มไว้แล้ว และขนาดที่แสดงอยู่ตอนนี้ (Size) คลิก LIFF App ที่ต้องการปรับขนาด

หน้าจัดการ LIFF App ใน LINE Developers สำหรับเลือกแอปที่ต้องการปรับขนาดการแสดงผล

รายการแอปในหลังบ้าน LINE Developers มีกรอบที่ LIFF App ที่เพิ่มไว้และขนาดปัจจุบัน สำหรับเลือกเพื่อปรับ

‍

เมื่อเข้า LIFF App แล้ว เลื่อนลงมาหาตัวเลือก Size แล้วคลิก “Edit”

หน้ารายละเอียด LIFF ในแพลตฟอร์ม LINE Developers สำหรับตรวจสอบข้อมูลและหาตัวเลือก Size เพื่อปรับขนาด

หน้าตั้งค่า LIFF App มีกรอบแดงและลูกศรชี้ปุ่ม Edit ของ Size สำหรับปรับขนาดหน้าเว็บ

‍

จะมีตัวเลือก 3 แบบขึ้นมา ได้แก่ Full, Tall และ Compact เลือกขนาดที่ต้องการแล้วคลิก “Update” เพื่อบันทึก

หน้าตั้งค่า LIFF ในหลังบ้าน LINE Developers สำหรับเลือกขนาดการแสดงผลและบันทึกการเปลี่ยนแปลง

หน้าตั้งค่า LIFF ใน LINE Developers ตัวอย่างการเลือก 1 ใน 3 ขนาดแล้วบันทึก

‍

หลังบันทึก หน้าจอจะแสดงผลการเปลี่ยนแปลง และเมื่อย้อนกลับไปหน้าก่อนหน้า ก็จะเห็นว่า Size ของ LIFF App เปลี่ยนแล้วเช่นกัน

หน้ารายละเอียด LIFF แสดงว่าขนาดถูกเปลี่ยนเป็น Tall แล้ว ยืนยันผลการเปลี่ยนขนาด

รายการ LIFF App ใน LINE Developers แสดงว่าขนาดของ OakMega เปลี่ยนเป็น Tall แล้ว

‍

ทำไมต้องปรับขนาดการแสดงผล?

เมื่อปรับขนาดแล้ว หากเพื่อนคลิกลิงก์ใน LINE Official Account เพื่อเปิดหน้าเว็บ LIFF App หน้าเว็บจะไม่แสดงเต็มจอเหมือนเดิม บางครั้งแบรนด์ไม่อยากให้เพื่อนออกจาก LINE Official Account เพียงเพราะเปิดหน้าเว็บ LIFF App หรืออยากให้เนื้อหาในหน้า LIFF โต้ตอบกับหน้าแชตของ LINE Official Account ได้ การปรับขนาดการแสดงผลจึงช่วยลดโอกาสที่ผู้ใช้จะออกจาก LINE Official Account ไปเลย

‍

อยากรู้วิธีดูแล LINE เพิ่มเติมไหม? LINE Developers ช่วยอะไร LINE Official Account ได้อีกบ้าง? ไปที่ LINE Official Account ของ OakMega เพื่อดูเนื้อหาการทำ LINE เพิ่มเติม หรือติดตาม “คลังความรู้ LINE ของ OakMega” ที่สอนการสร้าง LINE Official Account ของแบรนด์ตั้งแต่เริ่มต้นจนครบถ้วน