Hot Posts

6/recent/ticker-posts

คู่มือ Pro: วิธีติดตั้ง Google Tag Manager (GTM) บน Blogger เพื่อจัดการโค้ดและเพิ่มความเร็ว

วิธีติดตั้ง 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 ช่วยค้นหาโค้ดได้เร็วมาก!):

  1.  สร้างบัญชี GTM และรับโค้ด: เข้าสู่เว็บไซต์ Google Tag Manager แล้วสร้างบัญชีใหม่สำหรับเว็บไซต์ของคุณ ระบบจะแสดงโค้ดติดตั้งมาให้ 2 ส่วน (ส่วน Head และส่วน Body)
  2. Code - Google tag

  3.  สำรองข้อมูล Template: เข้าไปที่เมนู "ธีม" (Theme) ใน Dashboard ของ Blogger แล้วเลือก "สำรองข้อมูล" (Backup) เสมอ เพื่อป้องกันความผิดพลาดก่อนแก้ไขโค้ด
  4.  วางโค้ดส่วนแรก (<head>): คลิก "แก้ไข HTML" (Edit HTML) แล้วกดคีย์ลัด Ctrl + F (หรือ Cmd + F สำหรับ Mac) เพื่อค้นหาแท็ก <head> ให้นำโค้ด GTM ส่วนแรกไปวางไว้ ทันทีหลัง แท็ก <head>
  5.  วางโค้ดส่วนที่สอง (<body>): กดคีย์ลัด Ctrl + F อีกครั้ง เพื่อค้นหาแท็ก <body> ให้นำโค้ด GTM ส่วนที่สองไปวางไว้ ทันทีหลัง แท็ก <body> (การวางโค้ดในตำแหน่งนี้มีความสำคัญมาก หากค้นหาแล้วไม่เจอ ให้สังเกตุ แท็ก </head> จะอยู่หลังแท็กนี้)
  6. วางโค้ดส่วนแรกหลัง <head>


    วางโค้ดส่วนที่สอง หลัง <body>



  7. บันทึกและตรวจสอบ: กดปุ่ม "บันทึก" (Save) ที่มุมบนขวา จากนั้นกลับไปที่ Dashboard ของ GTM แล้วกด "ส่ง" (Submit) หรือ "เผยแพร่" (Publish) เพื่อให้โค้ดเริ่มทำงาน

สรุป: ก้าวสู่การเป็น Publisher ระดับ Pro

การติดตั้ง GTM เป็นการอัปเกรดเว็บไซต์ครั้งใหญ่ครับ เพราะหลังจากนี้คุณจะสามารถจัดการโค้ดทำเงินทั้งหมดได้จากหน้าเดียว ไม่ว่าจะเป็นการติดโค้ด Monetag, GA4, หรือ Affiliate Pixel ก็จะทำได้ง่ายและเร็วขึ้นมากครับ

พร้อมเริ่มต้นจัดการโค้ดอย่างมืออาชีพแล้วใช่ไหมครับ?