คู่มือติดตั้ง Tracking Script + ปุ่ม LINE บนเว็บ/Landing Page

เรื่องน่าเจ็บใจที่เจอบ่อยที่สุดเวลาช่วยธุรกิจตรวจระบบวัดผล ไม่ใช่การไม่มีระบบ — แต่คือการมีระบบที่ ‘เกือบครบ’: ติดสคริปต์แล้ว สร้างลิงก์ UTM แล้ว ตั้งใจทำทุกอย่างดี... ยกเว้นปุ่ม LINE บนหน้าเว็บที่ยังลิงก์ตรงเข้า OA แบบดิบ ๆ เหมือนวันแรกที่ทำเว็บ ผลคือข้อมูลที่อุตส่าห์เก็บมาทั้งเส้นทาง หายวับตรงประตูสุดท้ายพอดี — ลูกค้าเข้าแชทมาแบบไร้ที่มา เหมือนเดินทะลุกำแพงเข้ามา

เพราะการวัดผลธุรกิจแชทคือการส่งไม้ต่อสามช่วง: โฆษณาส่งที่มาให้หน้าเว็บ (ผ่าน UTM) → หน้าเว็บจำไว้แล้วส่งต่อให้ปุ่ม (ผ่านสคริปต์) → ปุ่มพาข้ามไปผูกกับแชท (ผ่านลิงก์ติดตาม) ไม้ต่อหลุดช่วงไหน ข้อมูลจบช่วงนั้น และช่วงที่หลุดบ่อยสุดคือช่วงสุดท้ายนี่แหละ

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

สคริปต์ทำอะไรให้บ้าง: เข้าใจก่อนติดจะไม่งงตอนทดสอบ

หน้าที่ของสคริปต์ติดตามบนเว็บสรุปได้สามอย่าง: หนึ่ง อ่านและจำที่มา — ตอนผู้ชมเข้าหน้าเว็บ สคริปต์อ่านค่า UTM และรหัสคลิกจากแพลตฟอร์มโฆษณา (เช่น gclid/fbclid ที่ติดมากับลิงก์) แล้วเก็บไว้ในเบราว์เซอร์ของเขา สอง จำข้ามหน้า — ผู้ชมเดินจากหน้าแรกไปหน้าสินค้ากี่หน้าก็ตาม ที่มาเดิมยังติดตัวไป ไม่หายตอนเปลี่ยนหน้า สาม ส่งไม้ตอนกดปุ่ม — วินาทีที่เขากดปุ่ม LINE สคริปต์แนบที่มาทั้งหมดไปกับการคลิกนั้น เพื่อให้ระบบผูกได้ว่าแชทที่กำลังจะเกิด มาจากแคมเปญไหน

จุดที่คนเข้าใจผิดบ่อย: สคริปต์นี้ไม่ใช่ตัวเดียวกับ Pixel หรือ LINE Tag — พวกนั้นรายงานให้แพลตฟอร์มโฆษณา ส่วนสคริปต์ติดตามรายงานให้ระบบของเราเอง เพื่อเป้าหมายเฉพาะ: ตามลูกค้าข้ามเส้นแบ่งระหว่างเว็บกับแชทให้ได้ ติดคู่กันได้ทั้งหมด ไม่แย่งงานกัน

ขั้นที่หนึ่ง: วางสคริปต์ลงเว็บ

1. คัดลอกโค้ดสคริปต์จากหน้าตั้งค่าของระบบติดตามที่ใช้ — โค้ดจะมีรหัสโปรเจกต์ของคุณฝังอยู่ ใช้ข้ามโปรเจกต์ไม่ได้ ถ้าดูแลลูกค้าหลายราย ระวังหยิบสลับ
2. วางในส่วน head ของทุกหน้า ด้วยวิธีเดียวกับแท็กทั่วไป: ช่อง Custom Code ของเว็บสำเร็จรูป, ฝากคนดูแลเว็บวาง, หรือผ่าน Google Tag Manager (แนะนำ — ตั้ง Trigger เป็น All Pages จบในที่เดียว)
3. หน้าที่ห้ามตกหล่นคือ ‘ทุกหน้าที่มีปุ่ม LINE’ และ ‘ทุกหน้าที่โฆษณายิงคนเข้า’ — โดยเฉพาะหน้า Landing แยกที่ทีมชอบสร้างใหม่ตอนมีแคมเปญ แล้วลืมใส่สคริปต์เพราะไม่ได้ใช้เทมเพลตหลัก
4. เช็กเบื้องต้นว่าโหลดจริง: เปิดหน้าเว็บ กด F12 ดูแท็บ Network ว่ามีการเรียกสคริปต์และไม่มี Error สีแดงที่เกี่ยวกับมันใน Console

ขั้นที่สอง: ผ่าตัดปุ่ม LINE — หัวใจของทั้งระบบ

นี่คือขั้นที่พลาดกันมากที่สุด: ปุ่ม LINE บนเว็บส่วนใหญ่ถูกทำไว้นานแล้วด้วยลิงก์ตรงแบบ line.me/R/ti/p/@บัญชีร้าน — ลิงก์แบบนี้พาคนเข้า OA ได้จริง แต่มันคือประตูหลังที่ข้ามระบบติดตามทั้งหมด: ไม่มีการบันทึกคลิก ไม่มีการส่งต่อที่มา แชทที่เกิดจากปุ่มนี้จะเป็นแชทนิรนามตลอดกาล

งานที่ต้องทำ: ไล่หา ‘ทุกจุด’ ที่ลิงก์เข้า LINE บนเว็บ — ปุ่มหลัก ปุ่มลอย (Floating Button) ลิงก์ในเนื้อหา แบนเนอร์ ไอคอนท้ายหน้า — แล้วเปลี่ยนปลายทางทั้งหมดให้ชี้ไปที่ลิงก์ติดตามที่ระบบสร้างให้แทน (รูปแบบจะเป็นโดเมนของระบบติดตาม เช่น /go/ชื่อโปรเจกต์ ซึ่งบันทึกคลิกพร้อมที่มา แล้วค่อยพาต่อเข้า LINE ในเสี้ยววินาที — ผู้ใช้ไม่รู้สึกถึงความต่างเลย)

เคล็ดลับกันหลงเหลือ: ใช้ฟังก์ชันค้นหาในโค้ดหรือระบบหลังบ้านเว็บ ค้นคำว่า line.me ทั้งเว็บ — ทุกผลลัพธ์ที่เจอคือประตูหลังที่ต้องปิด ถ้าเว็บมีหลายภาษาหรือหลายเวอร์ชัน (มือถือ/เดสก์ท็อป) ต้องไล่ครบทุกเวอร์ชัน เพราะปุ่มบนมือถือมักเป็นคนละชิ้นกับเดสก์ท็อป

ขั้นที่สาม: ทดสอบครบวงจร — เล่นบทลูกค้าเองหนึ่งรอบ

1. สร้างลิงก์ทดสอบเข้าหน้าเว็บ พร้อม UTM ปลอมที่จำง่าย เช่น utm_source=test-runthrough (วิธีประกอบลิงก์ดูได้ที่คู่มือสร้าง Tracking URL) แล้วเปิดจากมือถือจริงในโหมดไม่ระบุตัวตน เพื่อจำลองลูกค้าใหม่แท้ ๆ
2. เดินตามเส้นทางลูกค้า: เข้าหน้าเว็บ → เลื่อนดู → เปลี่ยนหน้าสักหนึ่งหน้า → กดปุ่ม LINE → เข้าแอปแล้วทักข้อความทดสอบไปจริง ๆ
3. กลับมาเปิดระบบติดตามฝั่งหลังบ้าน: ต้องเห็นคลิกที่เพิ่งเกิด พร้อมที่มา test-runthrough แปะอยู่ และแชททดสอบที่เข้ามาต้องผูกกับที่มานั้นถูกต้อง — ถ้าเห็นครบ แปลว่าไม้ต่อทั้งสามช่วงไม่หลุด
4. ทดสอบซ้ำกับปุ่มตัวอื่น ๆ อย่างน้อยหนึ่งปุ่มต่อประเภท (ปุ่มลอย, ลิงก์ในเนื้อหา) และทดสอบจากลิงก์ที่ไม่มี UTM ด้วย — เคสหลังควรถูกบันทึกเป็นทราฟฟิกตรง ซึ่งบอกว่าระบบแยกแยะเป็น ไม่ใช่เหมารวมทุกอย่างเป็นก้อนเดียว

หลุมที่คนตกบ่อย แม้ติดครบทุกชิ้นแล้ว

• สร้างหน้า Landing ใหม่แล้วลืมทั้งสคริปต์ทั้งปุ่ม — ตั้งกติกาทีม: ทุกหน้าใหม่ต้องผ่านการทดสอบครบวงจรก่อนเอาไปใส่ในโฆษณา ไม่มีข้อยกเว้นแม้จะรีบแค่ไหน
• แปะลิงก์ OA ตรงในที่อื่นนอกเว็บ — ไบโอโซเชียล, QR บนสื่อสิ่งพิมพ์, ลายเซ็นอีเมล — ทุกจุดควรใช้ลิงก์ติดตาม (แยกที่มาต่อช่องทาง) ด้วยหลักเดียวกัน ไม่งั้นช่องทางพวกนี้จะกลายเป็นแหล่งแชทนิรนามแหล่งใหม่
• ทีมแอดสร้างแคมเปญใหม่แต่ใช้ลิงก์ติดตามเก่า — ข้อมูลไม่หายแต่ปนกัน แคมเปญใหม่ควรได้ลิงก์ใหม่เสมอ เพื่อให้การเทียบผลรายแคมเปญไม่ต้องมานั่งแกะทีหลัง
• วัดถึงแค่คลิก ไม่ปิดวงจรถึงยอด — ระบบที่ติดเสร็จวันนี้เก็บได้ถึงระดับแชทพร้อมที่มา แต่มูลค่าจริงจะโผล่ตอนทีมบันทึกผลปิดการขายของทุกแชทต่อเนื่อง เพราะนั่นคือข้อมูลที่ปิดช่องว่างระหว่างคลิกกับยอดจริงได้สมบูรณ์ — วางนิสัยนี้พร้อมกันตั้งแต่สัปดาห์แรก

สรุป

ระบบติดตามที่ดีไม่ได้วัดกันที่ความซับซ้อนของเทคโนโลยี แต่วัดที่ความครบของวงจร: ที่มาถูกจำตอนเข้าเว็บ ถูกส่งต่อตอนกดปุ่ม และถูกผูกกับแชทตอนทักเข้ามา — สามช่วงนี้ครบเมื่อไหร่ คำถามที่เคยตอบไม่ได้อย่าง ‘ลูกค้าคนนี้มาจากแอดตัวไหน’ จะกลายเป็นข้อมูลที่เปิดดูได้ในคลิกเดียว

และอย่าลืมบทเรียนใหญ่ของคู่มือนี้: จุดตายของระบบมักไม่ใช่โค้ด แต่คือปุ่ม LINE ธรรมดา ๆ ที่ลิงก์ตรงข้ามระบบไป — ไล่ปิดประตูหลังให้หมดวันนี้ ทดสอบครบวงจรหนึ่งรอบ แล้วตั้งกติกาว่าทุกหน้าใหม่ต้องผ่านการทดสอบก่อนขึ้นโฆษณาเสมอ เท่านี้ข้อมูลของคุณจะไหลครบเส้นไปอีกนาน

• วงจรสามช่วง: UTM ส่งที่มาให้เว็บ → สคริปต์จำและส่งต่อ → ลิงก์ติดตามพาผูกกับแชท — หลุดช่วงไหนข้อมูลจบช่วงนั้น
• ศัตรูหมายเลขหนึ่ง: ปุ่ม LINE ที่ลิงก์ตรงเข้า OA — ค้น line.me ทั้งเว็บแล้วปิดประตูหลังให้หมด
• ทดสอบครบวงจรด้วยการเล่นบทลูกค้าเอง (UTM ทดสอบ → คลิก → ทัก → เช็กหลังบ้าน) และทำซ้ำเดือนละครั้ง

คำถามที่พบบ่อย