สรุปสั้น ๆ
การติด LINE Tag ผ่าน Google Tag Manager คือวิธีที่ปลอดภัยที่สุดสำหรับคน WordPress เพราะไม่ต้องแตะโค้ดธีม ขั้นตอนหลักมีสี่ช่วง: ติดตั้งกล่อง GTM ลงเว็บ, เอา Base Code ของ LINE Tag มาสร้างเป็นแท็ก, ตั้งทริกเกอร์ให้ยิงทุกหน้า, แล้วทดสอบด้วยโหมด Preview ก่อนกด Publish จริง
เวลามีคนบอกว่า ‘ต้องฝัง LINE Tag ลงเว็บนะ’ คนทำ WordPress ส่วนใหญ่จะขนลุก เพราะกลัวต้องไปแก้ไฟล์ header.php แล้วเว็บพัง จริง ๆ ไม่ต้องเสี่ยงขนาดนั้นครับ ถ้าคุณมี Google Tag Manager อยู่แล้ว งานนี้ใช้เวลาไม่ถึงสิบนาที และไม่ต้องแตะโค้ดธีมเลยแม้แต่บรรทัดเดียว
ข้อดีของการติดผ่าน GTM คือทุกอย่างรวมอยู่ในที่เดียว วันหลังจะเพิ่มแท็กอื่น จะแก้ จะปิดชั่วคราว ก็ทำในหน้า GTM ได้หมด ไม่ต้องกลับไปยุ่งกับเว็บอีก และถ้าคุณดูแลหลายลูกค้า วิธีนี้ยังต่อยอดไปเป็น การจัดการ GTM หลายลูกค้า ได้สะดวกด้วย
บทความนี้ผมจะพาทำทีละคลิก สมมติว่าคุณยังไม่เคยติด GTM มาก่อนเลยก็ตามได้ ขอแค่มีสิทธิ์ผู้ดูแล WordPress กับบัญชี LINE Official Account ที่เปิดใช้ LINE Tag ไว้
เตรียมของให้พร้อมก่อนเริ่ม
อย่าเพิ่งรีบเข้า GTM ให้เตรียมสามอย่างนี้ไว้ในมือก่อน จะได้ไม่ต้องสลับหน้าจอไปมาจนงง
- บัญชี Google Tag Manager — ถ้ายังไม่มี สมัครฟรีที่เว็บ Tag Manager แล้วสร้าง Container สำหรับเว็บของคุณ
- LINE Tag ID / Base Code — เข้าไปที่หลังบ้าน LINE Official Account Manager ในส่วนของ LINE Tag แล้วคัดลอก Base Code เก็บไว้
- สิทธิ์ผู้ดูแล WordPress — ต้องเข้าไปติดตั้งปลั๊กอินหรือแก้ธีมได้ เพื่อวางกล่อง GTM ลงเว็บ
ขั้นที่ 1: วางกล่อง GTM ลงบน WordPress
GTM จะทำงานได้ ต้องมี ‘กล่อง’ ของมันฝังอยู่ในทุกหน้าเว็บก่อน วิธีที่ง่ายและปลอดภัยที่สุดสำหรับ WordPress คือใช้ปลั๊กอิน ไม่ต้องแก้โค้ดเอง
- ใน GTM คัดลอกโค้ดสองชิ้นที่ระบบให้มา (ชิ้นสำหรับ และชิ้นสำหรับ )
- ใน WordPress ติดตั้งปลั๊กอินที่ใส่โค้ด header/footer ได้ หรือปลั๊กอินสำหรับ GTM โดยเฉพาะ แล้วเปิดใช้งาน
- วางโค้ดชิ้นแรกลงในช่อง header และชิ้นที่สองลงในช่อง body (หรือกรอกแค่ GTM Container ID ถ้าปลั๊กอินให้กรอกแบบนั้น) แล้วบันทึก
- เปิดหน้าเว็บของคุณ กด View Source แล้วค้นหาคำว่า GTM- ถ้าเจอรหัส Container แสดงว่ากล่องติดแล้ว
ขั้นที่ 2: สร้างแท็ก LINE Tag ใน GTM
ตอนนี้กล่องพร้อมแล้ว ทีนี้เอา Base Code ของ LINE ที่คัดลอกไว้มาใส่เป็นแท็ก
- ใน GTM ไปที่เมนู Tags แล้วกด New ตั้งชื่อแท็กให้จำง่าย เช่น ‘LINE Tag - Base’
- เลือกชนิดแท็กเป็น Custom HTML แล้ววาง Base Code ของ LINE ทั้งก้อนลงในช่อง
- ตรวจว่าโค้ดที่วางมีแท็ก script ปิดครบ ไม่ตกหล่น เพราะโค้ดที่ขาดจะทำให้แท็กไม่ทำงาน
- ยังไม่ต้องกดบันทึก ไปตั้งทริกเกอร์ในขั้นถัดไปก่อน
ขั้นที่ 3: ตั้งทริกเกอร์ให้ยิงทุกหน้า
แท็กจะยิงเมื่อไหร่ ขึ้นกับทริกเกอร์ สำหรับ Base Code ของ LINE Tag เราอยากให้มันยิงทุกหน้าเพื่อเก็บผู้เข้าชมให้ครบ
- ในการตั้งค่าแท็กเดิม กดที่ส่วน Triggering แล้วเลือก All Pages (Page View)
- กด Save เพื่อบันทึกแท็ก ตอนนี้แท็กจะผูกกับทริกเกอร์ทุกหน้าเรียบร้อย
- ถ้าอยากวัดเหตุการณ์เฉพาะ เช่น คนกดปุ่มทัก LINE ค่อยสร้างทริกเกอร์แบบ Click แยกอีกตัวทีหลัง
ขั้นที่ 4: ทดสอบก่อน Publish อย่ากดเผยแพร่ทันที
ขั้นตอนที่คนชอบข้าม แต่สำคัญที่สุดคือการทดสอบ เพราะการเผยแพร่แท็กที่ยังไม่ได้เช็กคือต้นเหตุของ อาการแท็กไม่ยิง ที่ตามแก้ทีหลังยาก
GTM มีโหมด Preview ให้ทดสอบก่อน กด Preview แล้วกรอก URL เว็บของคุณ ระบบจะเปิดหน้าเว็บพร้อมแผงตรวจสอบว่าแท็กไหนยิงบ้างในแต่ละหน้า ถ้าเห็นแท็ก LINE ขึ้นในช่อง Tags Fired แปลว่าใช้ได้
เมื่อมั่นใจแล้วค่อยกลับมากด Submit แล้ว Publish เพื่อเผยแพร่จริง หลังจากนี้ให้ลองเข้าเว็บด้วยมือถือจริงอีกรอบ แล้วเช็กในหลังบ้าน LINE ว่าเริ่มมีข้อมูลผู้เข้าชมเข้ามาไหม ถ้าเว็บคุณโหลดช้าอยู่แล้ว อย่าลืมดูเรื่อง ความเร็วหน้าเว็บ ควบคู่ไปด้วย เพราะแท็กที่ซ้อนกันมากอาจถ่วงเว็บได้
สรุป
การติด LINE Tag ผ่าน Google Tag Manager บน WordPress ไม่ได้ยากอย่างที่กลัว หัวใจคือทำตามลำดับ: วางกล่อง GTM ลงเว็บ, สร้างแท็กจาก Base Code, ตั้งทริกเกอร์ให้ยิงทุกหน้า, แล้วทดสอบด้วย Preview ก่อนเผยแพร่จริง
ข้อที่ห้ามข้ามคือขั้นทดสอบ เพราะการกด Publish โดยไม่เช็กคือต้นเหตุของปัญหาที่ตามแก้ทีหลังยาก ใช้เวลาเพิ่มอีกสองนาทีในโหมด Preview คุ้มกว่ามานั่งงมทีหลังหลายเท่า
- ติดผ่าน GTM ไม่ต้องแตะโค้ดธีม จัดการรวมศูนย์ที่เดียว
- ลำดับ: วางกล่อง → สร้างแท็ก Custom HTML → ทริกเกอร์ All Pages
- ทดสอบด้วย Preview ก่อน Publish เสมอ อย่ากดเผยแพร่ทันที
คำถามที่พบบ่อย
ไม่มี Google Tag Manager มาก่อน ติดยากไหม
ไม่ยาก การสมัคร GTM ฟรีและใช้เวลาไม่กี่นาที ส่วนที่ต้องระวังคือการวางกล่อง GTM ลงเว็บให้ครบทั้งสองชิ้น เมื่อกล่องติดแล้ว การเพิ่มแท็กอื่น ๆ ในอนาคตจะง่ายขึ้นมาก
ติดผ่าน GTM กับฝังโค้ดในธีมโดยตรง ต่างกันยังไง
ผลลัพธ์คล้ายกันคือเว็บมีแท็ก แต่การผ่าน GTM ปลอดภัยกว่าเพราะไม่ต้องแก้ไฟล์ธีมที่เสี่ยงพัง และจัดการรวมศูนย์ได้ วันหลังจะแก้หรือปิดแท็กก็ทำในหน้าเดียวโดยไม่ต้องยุ่งกับเว็บ
ติด LINE Tag แล้วเว็บจะโหลดช้าลงไหม
แท็กหนึ่งตัวมักกระทบความเร็วน้อยมาก แต่ถ้าติดหลายแท็กพร้อมกันโดยไม่จัดระเบียบ อาจเริ่มถ่วงเว็บได้ ควรติดเท่าที่จำเป็นและตรวจความเร็วหน้าเว็บเป็นระยะ
ติดตั้งเสร็จแล้ว จะรู้ได้ยังไงว่าแท็กทำงานจริง
ใช้โหมด Preview ของ GTM ทดสอบก่อน Publish ถ้าเห็นแท็ก LINE อยู่ในรายการ Tags Fired ของหน้าที่เปิด แปลว่ายิงจริง จากนั้นค่อยเช็กข้อมูลผู้เข้าชมในหลังบ้าน LINE เพื่อยืนยันอีกชั้น
ใช้ปลั๊กอิน WordPress ตัวไหนดีสำหรับวางกล่อง GTM
ใช้ปลั๊กอินที่ใส่โค้ด header/footer ได้ หรือปลั๊กอินที่ทำสำหรับ GTM โดยเฉพาะก็ได้ ขอแค่มันวางโค้ดในตำแหน่งที่ถูกต้องและไม่ชนกับปลั๊กอินอื่น ควรเลือกตัวที่อัปเดตสม่ำเสมอ
บทความที่เกี่ยวข้อง
