Script ให้เรียกดูหน้าเว็บเมื่อเข้าจากอุปกรณ์มือถือหรือคอมพิวเตอร์ ~ ทำการตลาดออนไลน์ด้วย Content Marketing

วันนี้เราจะมาดูว่าจะทำอย่างไรให้ผู้ใช้เรียกดูหน้าเว็บไซต์ของเราแล้วเหมาะสมทั้งการเรียกดูจากคอมพิวเตอร์ หรือเรียกดูจากมือถือ ซึ่งมีวิธีหลากหลายวิธี แต่วันนี้เราจะมาดูกันที่วิธีง่ายๆโดยใช้ Code Redirect Script ให้เรียกดูหน้าเว็บเมื่อเข้าจากอุปกรณ์มือถือหรือคอมพิวเตอร์ อาจทำได้ 2 วิธี คือถ้าเข้าจากมือถือให้เรียก URL หนึ่ง ถ้าเข้าจาก Browser จะไปอีก URL หนึ่ง หรือให้เข้า URL ที่กำหนดเมื่อเรียกดูตาม Screen ที่กำหนดไว้

Mobile Website & Mobile Apps

1. ลำดับแรกเลยคือ ต้องทำหน้าเว็บไว้ 2 แบบคือ

- แบบสำหรับเรียกดูจากคอมพิวเตอร์
- แบบสำหรับเรียกดูด้วยมือถือ

เพื่อความเหมาะสมและความสะดวกในการใช้งานของผู้ใช้ ควรจะออกแบบเว็บไซต์ที่เหมะสมทั้งรูปแบบและฟังชั่นการใช้งาน ที่แตกต่างกันเมื่อเปิดดูด้วยคอมพิวเตอร์และเปิดดูด้วยมือถือ

2. ใส่โค้ดเข้าไปที่หน้าเว็บ (index.html)

โดยวาง Script ไว้อยู่ระหว่าง กับ ซึ่งในที่นี้จะนำเสนอ 2 วิธีด้วยกัน ดังนี้

1. Redirect web ไปหน้าสำหรับมือถือ โดยกำหนดแพลตฟอร์มที่ใช้
การทำงานของ Script จะมีขั้นตอนดังนี้
1. เช็คดูว่าเข้าเว็บ Browser จากอุปกรณ์อะไร
2. ถ้าข้าผ่านโทรศัพท์มือถือ ให้ redirect ไปยังหน้า http://m.yourdomain.com หรือหน้าอื่นที่ต้องการ
3. ถ้าเข้าผ่านคอมพอวเตอร์ ให้ไปที่ http://www.yourdomain.com

2. Redirect web ไปหน้าสำหรับมือถือ โดยกำหนดจากขนาดความกว้าง screen หรือ หน้าจอแสดงผล

การทำงานของ Script จะมีขั้นตอนดังนี้
1. เช็คดูว่าเข้าเว็บ ด้วย Screen เท่าไหร่
2. ถ้าข้าด้วย Screenทีน้อยกว่าที่กำหนดไว้ ให้ redirect ไปยังหน้า http://m.yourdomain.com หรือหน้าอื่นที่ต้องการ
3. ถ้าข้าด้วย Screenทีมากกว่ากว่าที่กำหนดไว้ ให้ไปที่ http://www.yourdomain.com