![]() |
| วิธีติดตั้ง Google Tag Manager |
สวัสดีครับ Webmaster ทุกท่าน GTM คือ "สวิตช์ควบคุมหลัก" ของเว็บไซต์คุณครับ เมื่อติดตั้ง GTM เสร็จแล้ว คุณจะสามารถใส่โค้ดของเครื่องมือต่าง ๆ ได้จากหน้า Dashboard ของ GTM เลย โดยไม่ต้องเข้าไปแก้ไข HTML ของ Blogger ซ้ำ ๆ ให้เสี่ยงต่อความผิดพลาดอีกต่อไป
1. ทำไม Publisher ต้องใช้ GTM? (โค้ดสะอาด เว็บเร็ว)
- โค้ดสะอาด: ลดจำนวนโค้ดติดตามผลใน Template HTML ของ Blogger ทำให้โค้ดไม่ยุ่งเหยิง
- ติดตั้งง่าย: ติดตั้งโค้ด GA4, โค้ด Ad Network, หรือ Pixel ของ Affiliate ได้เองทันทีผ่าน GTM โดยไม่ต้องพึ่ง Developer
- ความเร็ว: GTM ช่วยจัดการการโหลด Script ได้อย่างมีประสิทธิภาพ ซึ่งช่วยรักษาคะแนน Core Web Vitals ของเว็บไซต์คุณไว้ได้
2. 5 ขั้นตอนติดตั้ง GTM บน Blogger (Step-by-Step)
การติดตั้ง GTM มีขั้นตอนง่าย ๆ คือการนำโค้ด 2 ส่วนไปวางใน Template HTML ของ Blogger เท่านั้นเองครับ (อย่าลืมคีย์ลัด Ctrl + F ช่วยค้นหาโค้ดได้เร็วมาก!):
- สร้างบัญชี GTM และรับโค้ด: เข้าสู่เว็บไซต์ Google Tag Manager แล้วสร้างบัญชีใหม่สำหรับเว็บไซต์ของคุณ ระบบจะแสดงโค้ดติดตั้งมาให้ 2 ส่วน (ส่วน Head และส่วน Body)
- สำรองข้อมูล Template: เข้าไปที่เมนู "ธีม" (Theme) ใน Dashboard ของ Blogger แล้วเลือก "สำรองข้อมูล" (Backup) เสมอ เพื่อป้องกันความผิดพลาดก่อนแก้ไขโค้ด
- วางโค้ดส่วนแรก (<head>): คลิก "แก้ไข HTML" (Edit HTML) แล้วกดคีย์ลัด Ctrl + F (หรือ Cmd + F สำหรับ Mac) เพื่อค้นหาแท็ก
<head>ให้นำโค้ด GTM ส่วนแรกไปวางไว้ ทันทีหลัง แท็ก<head> - วางโค้ดส่วนที่สอง (<body>): กดคีย์ลัด Ctrl + F อีกครั้ง เพื่อค้นหาแท็ก
<body>ให้นำโค้ด GTM ส่วนที่สองไปวางไว้ ทันทีหลัง แท็ก<body>(การวางโค้ดในตำแหน่งนี้มีความสำคัญมาก หากค้นหาแล้วไม่เจอ ให้สังเกตุ แท็ก </head> จะอยู่หลังแท็กนี้) - บันทึกและตรวจสอบ: กดปุ่ม "บันทึก" (Save) ที่มุมบนขวา จากนั้นกลับไปที่ Dashboard ของ GTM แล้วกด "ส่ง" (Submit) หรือ "เผยแพร่" (Publish) เพื่อให้โค้ดเริ่มทำงาน
สรุป: ก้าวสู่การเป็น Publisher ระดับ Pro
การติดตั้ง GTM เป็นการอัปเกรดเว็บไซต์ครั้งใหญ่ครับ เพราะหลังจากนี้คุณจะสามารถจัดการโค้ดทำเงินทั้งหมดได้จากหน้าเดียว ไม่ว่าจะเป็นการติดโค้ด Monetag, GA4, หรือ Affiliate Pixel ก็จะทำได้ง่ายและเร็วขึ้นมากครับ



