มีปุ่ม 3 ประเภทสำหรับเข้าถึงเว็บแอปพลิเคชันของคุณ:
- ปุ่มในข้อความ;
- ปุ่มในคีย์บอร์ด;
- ปุ่มเมนูบอท
ปุ่ม Web App ในแท็บปุ่ม
สำหรับสองตัวเลือกแรก ให้สร้างปุ่มและตั้งค่าฟังก์ชันเป็น "Telegram Web App"
ขั้นตอนที่ 1. ในช่อง ข้อความ ให้ป้อนป้ายชื่อสำหรับปุ่ม
ขั้นตอนที่ 2. เลือกมินิแอปที่จะเปิด ซึ่งอาจเป็นเว็บไซต์หรือมินิแอปที่สร้างใน MaviBot
จากนั้น เพียงเลือกเว็บไซต์จากรายการหรือระบุเว็บไซต์ภายนอก
ขั้นตอนที่ 3. ป้อน URL สำหรับเว็บไซต์ของคุณ
ขั้นตอนที่ 4. คลิก "เพิ่ม" จากนั้นบันทึกการตั้งค่าบล็อก
ขั้นตอนที่ 5. เลือกประเภทปุ่ม จากนั้นกำหนดการตั้งค่าเฉพาะของปุ่ม
ประเภทปุ่มเริ่มต้นคือปุ่มคีย์บอร์ด แม้ว่าปุ่มคีย์บอร์ดและปุ่มอินไลน์จะแสดงผลแตกต่างกัน แต่ฟังก์ชันหลักของปุ่มทั้งสองนั้นเหมือนกัน
นี่คือตัวอย่างที่กำหนดค่าในการตั้งค่าขั้นสูง:
ปุ่มในข้อความ:
[{"line":0,"index_in_line":0,"text":"Web App","type":"inline","web_app":"here will be the link to your app"}]
ปุ่มในคีย์บอร์ด:
[{"line":0,"index_in_line":0,"text":"Web-App","type":"web_app","web_app":"here will be the link to your app"}]
ตัวอย่าง
ผลลัพธ์ที่ได้คือคุณจะได้ปุ่มถัดจากช่องป้อนข้อความที่จะมองเห็นได้เสมอ
ปุ่มทั้งสามประเภทจะเปิดเว็บแอปพลิเคชันที่เชื่อมโยงในหน้าต่างแยกต่างหาก
อย่าลืมว่าเว็บแอปพลิเคชันของคุณต้องได้รับการกำหนดค่าในลักษณะเฉพาะ
โปรดทราบว่าเว็บแอปพลิเคชันของคุณต้องมีการกำหนดค่าเฉพาะ คุณสามารถดูแนวทางการตั้งค่าอย่างเป็นทางการจากนักพัฒนา Telegram ได้ที่นี่: Web Apps สำหรับบอท.
Web App สามารถเชื่อมโยงกับเว็บไซต์ที่สร้างใน MaviBot เช่น บริการจองออนไลน์หรือร้านค้าอีคอมเมิร์ซ
ปุ่ม Web App ในเครื่องคิดเลข
ปุ่มประเภทที่สามถูกสร้างขึ้นโดยใช้ฟังก์ชันเครื่องคิดเลข
tg_set_chat_menu_button(type, text, web_app_url, platform_id) โดยที่:
- type — พารามิเตอร์ที่ไม่บังคับ ซึ่งระบุหนึ่งในสามประเภทปุ่ม ("default", "commands", "web_app"),
- text — พารามิเตอร์ที่ไม่บังคับ; หากไม่ได้เลือก type ค่านี้จะกำหนดข้อความบนปุ่ม,
- web_app_url — พารามิเตอร์ที่ไม่บังคับ; ลิงก์ไปยังเว็บแอปพลิเคชันของคุณ (ใช้เฉพาะเมื่อ type เป็น "web_app"),
- platform_id — พารามิเตอร์ที่ไม่บังคับ; ระบุแชทของผู้ใช้เฉพาะ หากคุณต้องการแสดงปุ่มให้ผู้ใช้เฉพาะเท่านั้น
นี่คือตัวอย่างการสร้างปุ่มเพื่อเข้าถึงเว็บแอปพลิเคชัน:
tg_set_chat_menu_button('web_app', 'Web app', 'here will be the link to your app')
ผลลัพธ์:
