วิธีติดตั้ง GTM บนเว็บไซต์ WP ไม่ใช้ปลั๊กอิน พร้อมวิธีติดตั้ง GA4
แนะนำวิธีติดตั้ง Google Tag Manager (GTM) บน WordPress โดยไม่ต้องใช้ปลั๊กอิน พร้อมสอนเชื่อมต่อ Google Analytics ผ่าน GTM ง่าย ทำตามได้ทันที
การติดตั้ง Google Tag Manager (GTM) คือกระบวนการนำระบบจัดการแท็กของ Google มาใช้ในเว็บไซต์ โดยเราสามารถติดตั้งแท็กต่าง ๆ เช่น Google Analytics, Facebook Pixel, Hotjar ฯลฯ ได้จากศูนย์กลางเพียงจุดเดียว ทำให้การจัดการแท็กในเว็บไซต์มีความง่าย ยืดหยุ่น และมีประสิทธิภาพมากขึ้น
✅ เหมาะสำหรับนักการตลาด นักพัฒนา และเจ้าของเว็บไซต์ที่ต้องการเก็บข้อมูลและวิเคราะห์พฤติกรรมผู้ใช้งานเว็บไซต์
ทำไมไม่ใช้ปลั๊กอิน?
แม้ว่าใน WordPress จะมีปลั๊กอินสำหรับติดตั้ง GTM ให้ใช้งานง่าย เช่น “Insert Headers and Footers” หรือ “Site Kit by Google” แต่การใช้ปลั๊กอินจำนวนมากเกินไปอาจทำให้:
- เว็บไซต์โหลดช้าลง
- เพิ่มความเสี่ยงเรื่องความปลอดภัย
- ทำให้การบำรุงรักษาซับซ้อนมากขึ้น
ดังนั้น สำหรับผู้ที่ต้องการลดจำนวนปลั๊กอินลง บทความนี้จะมาแนะนำ วิธีติดตั้ง GTM โดยไม่ใช้ปลั๊กอินเลย
ขั้นตอนการติดตั้ง GTM โดยไม่ใช้ปลั๊กอิน
1. สร้างบัญชี Google Tag Manager
- ไปที่: https://tagmanager.google.com
- คลิก “Create Account”
- ใส่ชื่อบัญชี, ประเทศ, ชื่อ Container (เว็บไซต์ของคุณ), เลือก “Web”
- คลิก “Create” และยอมรับข้อตกลง
2. รับโค้ดติดตั้ง
หลังจากสร้างเสร็จแล้ว Google จะให้โค้ดมา 2 ส่วน:
- ส่วน <script> สำหรับวางใน <head>
- ส่วน <noscript> สำหรับวางใน <body>
3. ดึงเฉพาะ GTM ID เช่น GTM-XXXXXXX
นำ GTM ID มาแทนที่ในโค้ดด้านล่างนี้ แล้วนำไปวางใน functions.php ของธีมที่ใช้งานอยู่
add_action('wp_head', 'google_tag_manager');
function google_tag_manager(){
echo "<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXXX');</script>
<!-- End Google Tag Manager -->";
}
add_action( 'wp_body_open', 'wpdoc_add_custom_body_open_code' );
function wpdoc_add_custom_body_open_code() {
echo '<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->';
}อย่าลืมเปลี่ยน GTM-XXXXXXX เป็นของคุณเอง
วิธีการเข้าไปแก้ไขไฟล์ functions.php
- เข้าสู่ระบบ WordPress ด้วยบัญชี Administrator
- ไปที่เมนู รูปลักษณ์ > ตัวแก้ไขไฟล์ธีม (Theme File Editor)
- เลือกไฟล์ functions.php ของธีมที่ใช้งานอยู่
- วางโค้ดลงไปในไฟล์ แล้วคลิก “อัปเดตไฟล์”
การตรวจสอบว่าติดตั้งสำเร็จหรือไม่
- กลับไปที่ https://tagmanager.google.com
- คลิกที่ Container ที่สร้างไว้
- คลิกปุ่ม “Preview” > ใส่ URL เว็บไซต์ของคุณ
- ถ้าขึ้น Debug Mode แสดงว่าติดตั้งถูกต้องแล้ว
แถมพิเศษ: ติดตั้ง Google Analytics ผ่าน GTM
หลังจากติดตั้ง GTM แล้ว เราสามารถใช้มันเพื่อติดตั้ง Google Analytics 4 ได้ง่ายมาก ๆ
ขั้นตอนดังนี้
- เข้าไปที่ https://analytics.google.com แล้วสร้างบัญชี GA4
- จะได้ Tracking ID ในรูปแบบ G-XXXXXXXXXX
- กลับไปที่ Google Tag Manager > คลิก Tags > New
- ตั้งชื่อ Tag เช่น “GA4 – All Pages”
- เลือก Tag Type: Google Analytics: GA4 Configuration
- วาง Tracking ID (G-XXXXXXXXXX)
- ที่ Triggering เลือก All Pages
- คลิก Save แล้ว Publish
เพียงเท่านี้คุณก็สามารถติดตั้ง Google Analytics ผ่าน GTM ได้เรียบร้อยแล้ว โดยไม่ต้องแก้โค้ดหรือใช้ปลั๊กอินเลยแม้แต่น้อย!
การติดตั้ง GTM โดยไม่ใช้ปลั๊กอินบน WordPress เหมาะสำหรับเว็บไซต์ที่ต้องการความเร็ว ความคลีน และควบคุมโค้ดเองได้อย่างอิสระ พร้อมกับเปิดทางให้ติดตั้งเครื่องมือวิเคราะห์อื่น ๆ เช่น Google Analytics ได้ง่ายดายผ่าน GTM อีกด้วย
