เทมเพลตทั่วไป

เทมเพลตทั่วไปคือข้อความที่มีการจัดโครงสร้างแบบง่ายๆ ซึ่งประกอบด้วยชื่อ คำบรรยาย รูปภาพ และปุ่มไม่เกิน 3 ปุ่ม นอกจากนี้ คุณอาจระบุอ็อบเจ็กต์ default_action ที่ตั้งค่า URL ซึ่งจะเปิดในตัวแสดงหน้าเว็บ Messenger เมื่อแตะที่เทมเพลตก็ได้

เนื้อหา

เพย์โหลดเทมเพลต

โปรดดูรายการพร็อพเพอร์ตี้เทมเพลตทั้งหมดที่ข้อมูลอ้างอิงสำหรับเทมเพลตทั่วไป

"payload": {
  "template_type":"generic",
  "elements":[
     {
      "title":"

แพลตฟอร์ม Messenger รองรับการส่งเทมเพลตทั่วไปในรูปแบบภาพสไลด์ที่เลื่อนในแนวนอนได้

หากต้องการสร้างภาพสไลด์ที่เลื่อนได้ ให้รวมเทมเพลตทั่วไปสูงสุด 10 เทมเพลตไว้ในอาร์เรย์ elements ของ payload

"payload": {
  "template_type":"generic",
  "elements":[

ตัวอย่างคำขอ

โปรดดูรายละเอียดและพร็อพเพอร์ตี้ของคำขอทั้งหมดที่ข้อมูลอ้างอิงสำหรับเทมเพลตทั่วไป

curl -X POST -H "Content-Type: application/json" -d '{
  "recipient":{
    "id":"<PSID>"
  },
  "message":{
    "attachment":{
      "type":"template",
      "payload":{
        "template_type":"generic",
        "elements":[
           {
            "title":"Welcome!",
            "image_url":"https://petersfancybrownhats.com/company_image.png",
            "subtitle":"We have the right hat for everyone.",
            "default_action": {
              "type": "web_url",
              "url": "https://petersfancybrownhats.com/view?item=103",
              "messenger_extensions": false,
              "webview_height_ratio": "tall",
              "fallback_url": "https://petersfancybrownhats.com/"
            },
            "buttons":[
              {
                "type":"web_url",
                "url":"https://petersfancybrownhats.com",
                "title":"View Website"
              },{
                "type":"postback",
                "title":"Start Chatting",
                "payload":"DEVELOPER_DEFINED_PAYLOAD"
              }              
            ]      
          }
        ]
      }
    }
  }
}' "https://graph.facebook.com/v2.6/me/messages?access_token=<PAGE_ACCESS_TOKEN>"

ตัวอย่างการตอบกลับ

{
  "recipient_id": "1254477777772919",
  "message_id": "AG5Hz2Uq7tuwNEhXfYYKj8mJEM_QPpz5jdCK48PnKAjSdjfipqxqMvK8ma6AC8fplwlqLP_5cgXIbu7I3rBN0P"
}  

หลักปฏิบัติที่ดีที่สุด

ใช้สำหรับข้อความที่มีลำดับชั้นข้อมูลที่สอดคล้องกัน (เช่น พรีวิวผลิตภัณฑ์หรือบทความ การพยากรณ์อากาศ)

ใช้อัตราส่วนกว้างยาวที่ถูกต้องสำหรับรูปภาพของคุณ รูปภาพในเทมเพลตทั่วไปที่ไม่ใช่ 1.91:1 จะถูกปรับขนาดหรือครอบตัด

ห้ามใช้ หากข้อความของคุณไม่มีข้อมูลที่มีการจัดโครงสร้างหรือจำเป็นต้องมีลำดับชั้น

ห้ามใช้ หากต้องการให้ผู้ใช้สามารถซูมรูปภาพของคุณให้เต็มหน้าจอได้

ห้ามใช้ GIF ในเทมเพลต หากคุณต้องการให้เทมเพลตเป็นภาพเคลื่อนไหว ระบบรองรับ GIF แต่จะไม่ทำให้เป็นภาพเคลื่อนไหว

ใช้ภาพสไลด์เมื่อมีการจัดลำดับความสำคัญให้กับเนื้อหาของคุณ กล่าวคือรายการแรกอาจน่าสนใจมากที่สุด

พยายามให้มีความสอดคล้อง หากบับเบิลหนึ่งมีรูปภาพ ก็ให้ใส่รูปภาพลงในทุกบับเบิล

ลดจำนวนเทมเพลตทั่วไปในภาพสไลด์ของคุณให้เหลือน้อยที่สุด หากมากเกินไป จะทำให้ผู้ใช้จำตัวเลือกทั้งหมดได้ยาก

อย่าผสมเนื้อหาประเภทต่างๆ เข้าด้วยกัน หากคุณใส่บทความอยู่ถัดจากรายการผลิตภัณฑ์ ประสบการณ์การใช้งานของคุณอาจทำให้เกิดความสับสน

อย่าใช้ภาพสไลด์ หากหัวใจสำคัญคือการให้ผู้ใช้เห็นทุกอย่างในรายการ ผู้ใช้อาจไม่เลื่อนดูจนจบ ลองพิจารณาเลือกใช้เทมเพลตรายการแทน