CTA เพิ่มเพื่อนช่วยให้คุณวางปุ่มเชิญชวนให้เพิ่มเพื่อน LINE บนเว็บไซต์ของคุณเองได้ กำหนดข้อความและเงื่อนไขการแสดงในหน้าจัดการของ Lumo แล้ววางโค้ดติดตามบนเว็บไซต์เพื่อแสดง เลือกได้ 4 แบบ ได้แก่ ปุ่มลอย ป๊อปอัป แถบ และบล็อกในหน้า
CTA เพิ่มเพื่อนทำอะไรได้บ้าง
เลือกวางปุ่มเชิญชวนได้ 4 แบบ เพื่อให้ผู้เข้าชมเว็บไซต์เพิ่มเพื่อน LINE ได้ทันทีในหน้านั้น
| ประเภท | ลักษณะที่เห็น | เหมาะกับสถานการณ์ |
|---|---|---|
| ปุ่มลอย | ปุ่มที่อยู่ตรงมุมหน้าจอตลอดเวลา บน PC เมื่อคลิกจะแสดง QR Code | เมื่อต้องการเชิญชวนแบบไม่รบกวนในทุกหน้า |
| ป๊อปอัป | หน้าต่างที่แสดงหลังเวลาที่กำหนดหรือเมื่อเลื่อนหน้า ปิดได้ | เมื่อต้องการโชว์สิทธิพิเศษให้เด่นและกระตุ้นการเพิ่มเพื่อน |
| แถบ | แถบที่ยึดอยู่ด้านบนหรือด้านล่างของหน้าจอ | เมื่อต้องการให้เห็นคำเชิญชวนตลอดเวลาโดยไม่บดบังหน้า |
| บล็อกในหน้า | บล็อกที่ฝังในตำแหน่งใดก็ได้ของหน้า (วางเครื่องหมายไว้ใน HTML ของเว็บไซต์) | เมื่อต้องการวางในตำแหน่งที่แน่นอน เช่น ในเนื้อหาบทความหรือส่วนท้ายของหน้า |
บนสมาร์ตโฟน เมื่อกดปุ่มจะเปิดแอป LINE และเพิ่มเพื่อนได้ทันที บน PC จะใช้ QR Code เป็นหลัก โดยเชิญให้สแกนด้วยสมาร์ตโฟน ข้าง QR Code จะมี "ทำต่อบน PC →" ให้เข้าสู่ระบบ LINE ในเบราว์เซอร์ของ PC ได้ด้วย
เพื่อนที่เพิ่มผ่าน CTA จะถูกบันทึกช่องทางเป็น "CTA เพิ่มเพื่อนบนเว็บไซต์" จุดสัมผัสจะบันทึกเป็นชื่อของ CTA จึงรู้ได้ว่าเพื่อนเพิ่มขึ้นจาก CTA ใด (เบื้องหลังคือ Lumo จะสร้าง QR Code ให้ CTA ละ 1 รายการโดยอัตโนมัติและใช้บันทึกช่องทาง) นอกจากนี้ยังบันทึก URL ของหน้าที่เริ่มเพิ่มเพื่อนด้วย ช่องทาง จุดสัมผัส และหน้าที่บันทึกไว้ ใช้เป็นเงื่อนไขในรายงาน เวิร์กโฟลว์ และกลุ่มเป้าหมายได้ทันที
หากแสดงบนร้านค้า Shopify คำเชิญชวนจะสลับเป็นการเชื่อมต่อ ID ให้อัตโนมัติตามสถานะการเข้าสู่ระบบของลูกค้า วิธีใช้บนร้านค้าอยู่ในบทความ "แสดง CTA เพิ่มเพื่อน LINE บนร้านค้า"
เงื่อนไขในการใช้ฟีเจอร์นี้
การแสดง CTA ต้องใช้แผน Starter ขึ้นไปและตั้งค่า LINE Login
- เวิร์กสเปซอยู่ในแผน Starter ขึ้นไป
- ตั้งค่า LINE Login ในบัญชี LINE Official Account แล้ว (ใช้สำหรับขั้นตอนเพิ่มเพื่อน)
- วางโค้ดติดตามในทุกหน้าของเว็บไซต์ได้ (มอบหมายให้บริษัทผู้พัฒนาเว็บไซต์ทำก็ได้)
ใช้ร่วมกับป๊อปอัปของเครื่องมืออื่นได้ หากแยกตำแหน่งกันก็จะไม่ซ้อนทับกันบนหน้าจอ
เปิดรายการ CTA
รายการ CTA อยู่ในเมนูด้านข้างของบัญชี LINE Official Account
เลือกบัญชี LINE Official Account ที่ต้องการจากเมนูนำทาง แล้วคลิก "CTA" ในเมนูด้านข้าง (อยู่ใต้ "QR โค้ด")
รายการจะแสดงชื่อ ประเภท สถานะของแต่ละ CTA รวมถึงจำนวนการแสดง จำนวนคลิก และจำนวนเพิ่มเพื่อนใน 30 วันล่าสุด หากต้องการสร้างใหม่ ให้คลิก "สร้าง CTA"
สร้าง CTA
ตั้งค่าตามลำดับ ประเภทและข้อความ สิทธิพิเศษ เงื่อนไขการแสดง การวัดผล และการติดตั้ง แล้วคลิก "บันทึก CTA" เพื่อเสร็จสิ้น เมื่อเปลี่ยนการตั้งค่า พรีวิวทางขวาจะเปลี่ยนตามทันที จึงตรวจสอบลักษณะที่เห็นไปพร้อมกันได้
การตั้งค่าพื้นฐาน
กำหนดชื่อ ประเภท และตำแหน่งการแสดงของ CTA
| รายการ | คำอธิบาย |
|---|---|
| ชื่อ CTA | ชื่อสำหรับจัดการ ไม่แสดงบนเว็บไซต์ |
| ประเภท | เลือกจากปุ่มลอย ป๊อปอัป แถบ หรือบล็อกในหน้า ค่าเริ่มต้นคือปุ่มลอย |
| ตำแหน่ง | ปุ่มลอยเลือกได้ระหว่างล่างขวาและล่างซ้าย แถบเลือกได้ระหว่างด้านบนและด้านล่าง |
ข้อความ
หัวข้อ เนื้อหา และข้อความปุ่ม แม้เว้นว่างไว้ก็จะแสดงข้อความเริ่มต้นของ Lumo สลับ "ภาษาที่แก้ไข" เพื่อแก้ไขภาษาญี่ปุ่น อังกฤษ จีนตัวเต็ม และไทยแยกกันได้ ระบบจะสลับภาษาตามเบราว์เซอร์ของผู้เข้าชมโดยอัตโนมัติ
ตั้งค่า "หมายเหตุ" ข้อความเล็กใต้ปุ่ม และ "รูปภาพ" ด้านบนของป๊อปอัปได้ด้วย
สิทธิพิเศษ
เลือก "แสดงสิทธิพิเศษ" ใน "สิทธิพิเศษ" เพื่อตั้งค่า "ชื่อสิทธิพิเศษที่แสดงให้ผู้เข้าชม" ชื่อที่แสดงคือชื่อที่ลูกค้าจะเห็น เช่น "คูปองลด 10%" ส่วน {coupon} ในเนื้อหาจะถูกแทนที่ด้วยชื่อนี้
CTA ทำหน้าที่เพียงประกาศสิทธิพิเศษ ตัวคูปองหรือสิทธิพิเศษอื่น ๆ จะส่งผ่านข้อความตอบกลับของ QR Code ที่สร้างขึ้นอัตโนมัติสำหรับ CTA หรือข้อความของเวิร์กโฟลว์
เงื่อนไขการแสดง
กำหนดว่าจะแสดง CTA บนเว็บไซต์ใด หน้าใด และเมื่อใด
| รายการ | คำอธิบาย |
|---|---|
| เว็บไซต์ที่แสดง | กรอก URL ของเว็บไซต์ที่จะแสดง CTA บรรทัดละ 1 รายการ (จำเป็น) ขึ้นต้นด้วย https:// และเขียนถึงโดเมนเท่านั้น CTA จะแสดงเฉพาะบนเว็บไซต์ที่ลงทะเบียนไว้ที่นี่ หากจำกัดเว็บไซต์เป้าหมายไว้ในการตั้งค่าเวิร์กสเปซ "การติดตาม" ให้ลงทะเบียนภายในขอบเขตนั้น |
| URL ที่มีคำว่า | ระบุบรรทัดละ 1 รายการ แล้วจะแสดงเฉพาะหน้าที่ URL มีข้อความนั้น |
| URL ที่ยกเว้น | ระบุบรรทัดละ 1 รายการ URL ที่ระบุจะไม่แสดง |
| เวลาที่แสดง | เลือกจากแสดงทันที แสดงหลังเวลาที่กำหนด หรือแสดงเมื่อเลื่อนถึงสัดส่วนที่กำหนด (สำหรับป๊อปอัป) |
| อุปกรณ์เป้าหมาย | ทุกอุปกรณ์ มือถือเท่านั้น หรือ PC เท่านั้น |
| ความถี่การแสดง | กำหนดจำนวนวันที่ไม่แสดงซ้ำหลังปิด และแสดงเพียงครั้งเดียวต่อการเข้าชมหรือไม่ |
| หลังจากปิด | การทำงานหลังปิดป๊อปอัปหรือแถบ หากเลือก "คงไว้เป็นปุ่มลอย (ค่าเริ่มต้น)" จะเหลือปุ่มเล็กไว้ที่มุมหน้าจอ เปิดใหม่ได้ทุกเมื่อ หากเลือก "ไม่แสดง" จะไม่แสดงจนกว่าจะพ้นจำนวนวันที่ไม่แสดงซ้ำ เมื่อคงไว้ ให้เลือกล่างขวาหรือล่างซ้ายใน "ตำแหน่งปุ่มลอย" |
หากในหน้าเดียวกันมี CTA ประเภทปุ่มลอยอยู่แล้ว ปุ่มเล็กหลังปิดจะไม่แสดง ป๊อปอัปจะแสดงเพียง 1 รายการต่อหน้า
การวัดผล
เมื่อตั้งค่า "สัดส่วนกลุ่มควบคุม (ไม่แสดง)" ผู้เข้าชมบางส่วนจะไม่เห็น CTA เพื่อใช้วัดผล ตั้งเป็น 0% เพื่อปิดการทำงาน
"แหล่งที่มา" จะแสดงแหล่งที่มาที่สร้างขึ้นสำหรับ CTA นี้หลังบันทึก พร้อมเครื่องหมาย "สร้างอัตโนมัติ" เพื่อนที่เพิ่มผ่าน CTA นี้จะถูกบันทึกด้วยแหล่งที่มา "CTA เพิ่มเพื่อนบนเว็บไซต์" และจุดสัมผัสเป็นชื่อของ CTA ใช้ในรายงานและเงื่อนไขเวิร์กโฟลว์ได้ทันที
ข้อความทักทายหรือสิทธิพิเศษที่ส่งทันทีหลังเพิ่มเพื่อน ตั้งค่าได้จาก "ตั้งค่าข้อความทักทายและสิทธิพิเศษ" ระบบจะเปิดหน้าแก้ไขข้อความตอบกลับของ QR Code ให้เพิ่มข้อความแล้วบันทึก ส่วนการตั้งค่าของแหล่งที่มาเอง ดูได้จาก "เปิดรายละเอียดแหล่งที่มา (QR Code)"
การติดตั้ง
"การติดตั้ง" จะแสดงโค้ดติดตามสำหรับวางบนเว็บไซต์
- โค้ดติดตาม: กดปุ่ม "คัดลอก" แล้ววางไว้ก่อนแท็ก
</body>ของทุกหน้าใน "เว็บไซต์ที่แสดง" โค้ดใช้ร่วมกันทั้งเวิร์กสเปซ เว็บไซต์ที่วางไว้แล้วไม่ต้องทำเพิ่ม - HTML สำหรับวางบล็อกในหน้า: แสดงเมื่อเลือกประเภทบล็อกในหน้า วาง HTML นี้ (
<div data-lumo-cta="inline"></div>) ไว้ในตำแหน่งที่ต้องการแสดงบล็อกในหน้า
พรีวิว
ในพรีวิวทางขวา สลับ "อุปกรณ์" ระหว่างสมาร์ตโฟนกับ PC เพื่อตรวจสอบลักษณะที่เห็นจริง
วางโค้ดติดตามบนเว็บไซต์
หลังบันทึก CTA แล้ว ให้วางโค้ดติดตามในทุกหน้าของเว็บไซต์ที่ลงทะเบียนไว้ใน "เว็บไซต์ที่แสดง"
| ขั้นตอน | การดำเนินการ |
|---|---|
| 1 | ในหน้าสร้าง/แก้ไข CTA กดปุ่ม "คัดลอก" ของโค้ดติดตามใน "การติดตั้ง" |
| 2 | วางไว้ก่อนแท็ก </body> ของทุกหน้าในเว็บไซต์ (วางในเทมเพลตร่วมหรือส่วนท้ายของหน้า จะไม่ต้องทำทีละหน้า) |
| 3 | เปิดเว็บไซต์ที่ลงทะเบียนไว้ แล้วตรวจสอบว่า CTA แสดงขึ้น |
โค้ดติดตามเป็นโค้ดเดียวกับที่อยู่ในการตั้งค่าเวิร์กสเปซ "การติดตาม" หากเปิด "ติดตามเฉพาะเว็บไซต์ที่ระบุ" ในการตั้งค่าเวิร์กสเปซ CTA จะแสดงเฉพาะบนเว็บไซต์ที่ลงทะเบียนใน "เว็บไซต์ที่จะติดตาม" บทบาทของโค้ดติดตามและขั้นตอนการติดตั้งโดยละเอียดอยู่ในบทความ "การตั้งค่าโค้ดติดตาม"
เมื่อสแกน QR Code บน PC
ลูกค้าที่ดูบน PC จะได้รับคำแนะนำให้สแกน QR Code ด้วยสมาร์ตโฟน
เมื่อสแกน QR Code การเพิ่มเพื่อนจะเสร็จสิ้นในแอป LINE บนสมาร์ตโฟน เว็บไซต์ไม่สามารถทราบสถานะการเข้าสู่ระบบของลูกค้าได้ จึงไม่มีการเชื่อมต่อ ID เพื่อความปลอดภัย QR Code จะออกใหม่ทุกครั้งที่เปิดป๊อปอัปหรือแผง
หากสแกน QR Code ไม่สะดวก ใช้ "ทำต่อบน PC →" เพื่อเข้าสู่ระบบ LINE ในเบราว์เซอร์ของ PC ได้ เมื่อเพิ่มเพื่อนเสร็จจะกลับมายังหน้าเดิม และเบราว์เซอร์นั้นจะไม่แสดง CTA อีก
ในแผน Starter การแสดง QR Code สำหรับ PC จะมีข้อความ "Powered by Lumo" กำกับ
ตรวจสอบผลลัพธ์
ตรวจสอบและใช้ประโยชน์จากผลของ CTA ได้จากตัวเลขในรายการ รายงาน และเงื่อนไขของเวิร์กโฟลว์
- ตัวเลขในรายการ: จำนวนการแสดง จำนวนคลิก และจำนวนเพิ่มเพื่อนใน 30 วันล่าสุด แยกตาม CTA
- แหล่งที่มาของการเพิ่มเพื่อน: เพื่อนที่มาจาก CTA จะถูกบันทึกช่องทางเป็น "CTA เพิ่มเพื่อนบนเว็บไซต์" และจุดสัมผัสเป็นชื่อของ CTA จึงดูได้ในรายงานแหล่งที่มาของการเพิ่มเพื่อนว่าเพื่อนเพิ่มขึ้นจาก CTA ใด
- รายงานกรวยการได้มา: ในชุดข้อมูลกรวยการได้มาของรายงาน วิเคราะห์จำนวนที่ไปถึงแต่ละขั้นของ CTA ตั้งแต่แสดง→คลิก→เพิ่มเพื่อน ได้บนแกนช่องทางและจุดสัมผัส
- เงื่อนไขของเวิร์กโฟลว์และกลุ่มเป้าหมาย: ใช้ประเภทช่องทาง, QR โค้ด (CTA) และ URL ของหน้าที่เริ่มการเพิ่มเพื่อนเป็นเงื่อนไข เช่น ส่งข้อความสิทธิพิเศษเฉพาะเพื่อนที่เพิ่มจาก CTA นั้น
- สะท้อนไปยังบริการภายนอก: หากเชื่อมต่อ HubSpot หรือ Klaviyo อยู่ ช่องทางและหน้าของการเพิ่มเพื่อนครั้งแรกจะสะท้อนไปยังพร็อพเพอร์ตี้ "LINE Acquisition Route" และ "LINE Acquisition Page" ส่วนชื่อของ CTA ที่เป็นที่มาจะสะท้อนไปยังพร็อพเพอร์ตี้ "LINE Traffic Source"
เมื่อใช้งานไม่ได้
เมื่อ CTA ไม่แสดง ให้ตรวจสอบการลงทะเบียนเว็บไซต์ที่แสดงและการวางโค้ดติดตามตามลำดับ
| อาการ | สิ่งที่ต้องตรวจสอบ |
|---|---|
| ไม่มีอะไรแสดงบนเว็บไซต์ | ตรวจสอบว่า URL ของเว็บไซต์ที่กำลังดูลงทะเบียนไว้ใน "เว็บไซต์ที่แสดง" โดยขึ้นต้นด้วย https:// หรือไม่ โค้ดติดตามวางไว้ก่อน </body> ของทุกหน้าหรือไม่ และ "สถานะ" ของ CTA เปิดใช้งานอยู่หรือไม่ หากจำกัดเว็บไซต์เป้าหมายไว้ในการตั้งค่าเวิร์กสเปซ "การติดตาม" ให้ตรวจสอบด้วยว่าเว็บไซต์นั้นอยู่ใน "เว็บไซต์ที่จะติดตาม" |
| ไม่แสดงในบางหน้า | ตรวจสอบการตั้งค่า "URL ที่มีคำว่า", "URL ที่ยกเว้น" และ "อุปกรณ์เป้าหมาย" |
| ปิดครั้งเดียวแล้วไม่แสดงอีก | ในช่วงจำนวนวันที่ไม่แสดงซ้ำตาม "ความถี่การแสดง" จะไม่แสดงเองโดยอัตโนมัติ ตั้ง "หลังจากปิด" เป็น "คงไว้เป็นปุ่มลอย" แล้วจะเปิดใหม่จากปุ่มเล็กได้ |
| ตัวเองเห็นแต่ลูกค้าบางคนไม่เห็น | ผู้เข้าชมตามสัดส่วนของ "สัดส่วนกลุ่มควบคุม (ไม่แสดง)" จะไม่เห็นโดยตั้งใจ เบราว์เซอร์ที่เพิ่มเพื่อนเสร็จแล้วบน PC ก็จะไม่แสดงเช่นกัน |
| บล็อกในหน้าไม่แสดง | ตรวจสอบว่าวาง "HTML สำหรับวางบล็อกในหน้า" จาก "การติดตั้ง" ไว้ในตำแหน่งที่ต้องการแสดงหรือไม่ และหน้านั้นตรงกับเงื่อนไขการแสดงของ CTA บล็อกในหน้าหรือไม่ |
| คูปองสิทธิพิเศษไม่ส่งถึง | สิทธิพิเศษส่งผ่านข้อความตอบกลับของ QR Code ของ CTA หรือเวิร์กโฟลว์ ตรวจสอบว่าตั้งค่าข้อความแล้ว และแคมเปญกำลังแจกอยู่ |
| ลบ CTA แล้ว QR Code จะเป็นอย่างไร | แม้ลบ CTA แล้ว QR Code ที่สร้างอัตโนมัติและบันทึกช่องทางจะยังคงอยู่ |