วิธีติดตั้ง Google Analytics 4 โดยใช้วิธีผ่าน Google Tag Manager

google analytics 4 setup with GTM

หลังจากที่ผมถูกบังคับให้เลิกใช้ Google Analytics Universal (UA) หรือ GA3 แล้วต้องจำใจมาใช้งาน Google Analytics 4 ผมเลยมาศึกษาวิธีการติดตั้ง Google Analytics 4 โดยผ่านการ track ด้วย Google Tag Manager โดยในที่นี้ผมได้ platform เป็น WordPress ซึ่งเป็นเว็บของลูกค้าที่ผมดูแลอยู่นั่นเอง

การติดตั้ง Google Analytics 4 ทำอย่างไร ?

1. setup Google Analytics 4 Account

หน้าแรก GA4

สำหรับลูกค้าที่มีบัญชี Google Analytics universal แล้วสามารถใช้บัญชีเดิมในการติดตั้ง Google Analytics 4 ได้เลย แต่ในรายละเอียดจะมีการเปลี่ยนแปลงเล็กๆน้อยๆนิดหน่อย ส่วนผู้ที่เริ่มต้นใหม่ ให้ทำการสมัครบัญชี Google Analytics 4 Account ผูกกับบัญชี Gmail ของเราได้เลย

2. สร้าง data สำหรับจัดเก็บ

เลือกวิธีเก็บ data ให้เป็น web platform
เลือกวิธีเก็บ data ให้เป็น web platform

ตรงนี้หากเราทำเว็บไซต์ ให้เราเลือกหมวดหมู่เว็บ โดย step ก่อนหน้านี้ไม่มีอะไรยาก แค่คลิกตามคำถามที่ Google Analytics 4 เขาถามเรา คำถามก็ตรงตัวเลย เลยขอข้ามขั้นตอนเหล่านี้ไปเลยนะครับ

3. ติดตั้งค่า DATA Stream

หลังจากเราเลือก platform แล้ว ขั้นตอนต่อมา อันนี้สำคัญ เราจะสร้างตัวเลขชุดหนึ่งขึ้นมา เรียกว่า “DATA Stream

data stream

 

ให้เรากำหนด เว็บไซต์ที่เราต้องการ ติดตั้ง Google Analytics 4 ลงไป พร้อมกับตั้งชื่อ Stream Name ตามชื่อเว็บไซต์ของเราได้เลย

หลังจากที่เรากดปุ่ม [create stream] เราจะได้เลข measurement ID มา ตามภาพด้านล่าง

web stream details

เดี๋ยวเราต้องใช้เลขพวกนี้นำไปลงใน google tag manager เพื่อทำการ tracking website ครับ

4. ติดตั้ง Google Tag Manager

ติดตั้ง google tag manager account

เข้าไปทำการตั้งค่าเพื่อการติดตั้ง Google Tag Manager โดยถ้าใครไม่ได้สมครบัญชี Google Tag Manager ให้ทำการสมัครก่อน แล้วใส่ website ของเราเข้าไป เพื่อให้ Google Tag Manager ทำการสร้าง Container ID มาให้เรา โดยกดปุ่มสีฟ้าด้าน “ขวา-บน”

 

โดยตรงรายละเอียด ตอน Create Account ให้เราใส่ชื่อเว็บของเรา แล้วตรง เลือก target platform ให้เราเลือก web เช่นเดียวกับที่เราเลือก ใน Google Analytics 4 นะครับ

install google tag manager

จากนั้น หน้าบัญชีเราจะมีให้กดเลือก account setting ให้เราไปที่เมนู “Install Google Tag Manager” เมื่อเขาไปเราจะเห็น Javascript สำหรับนำไปติดตั้งในเว็บไซต์ครับ

ให้เราทำการ copy code javascript อันบน แล้วทำตามขั้นตอนต่อไป

5. ติดตั้ง Javascript ลงใน <Head> ของ WordPress

<Head> Javascript wordpress plugin - Google tag manager

สำหรับ WordPress นั้นง่ายมาก ให้เราทำการ download Plugin ชื่อว่า “Head/footer Injection” มาลงในเว็บของเรา แล้วเราไปตั้งค่าโดยกดที่ setting แล้วเลือกเมนู Head Injection เพื่อใช้งาน Plugin ตัวนี้

ทำการ paste code javascript จาก Google Tag Manager ของเราลงไป

6. Testing Code Verification

หลังจากเราลง javascript ในเว็บแล้ว ให้เราทำการทดสอบ โดยการกด test โดยใส่ชื่อเว็บที่เราทำการติดตั้ง code Google Tag Manager ลงไป ถ้ามีเครื่องหมาย tick ถูกสีเขียว แปลว่าเราได้ทำการติดตั้งอย่างถูกต้องแล้ว

test verification

เมื่อทำการ ทดสอบ code ติดตั้งเรียบร้อยแล้ว เราสามารถเช็คว่า code ทำงานปกติในเว็บเราหรือไม่ โดยใช้ Google Tag Assistant ตามภาพนี้ครับ

Google tag assistant - tag found

 

7. ติดตั้ง Google Analytics 4 ลงใน Google Tag Manager

ขั้นตอนนี้เป็นขั้นตอนที่สำคัญ หลังจากที่เราทำการ ติดตั้ง Google Tag manager ลงในเว็บไซต์ของเราเรียบร้อยแล้ว ขั้นตอนนี้เป็นการนำ code Google Analytics 4 ไปใส่ลงใน Google Tag Manager อีกทีนึง เพื่อให้ เว็บเราทำการ track ด้วย tool “Google Analytics 4” ได้อย่างสมบูรณ์แบบ

 

ไปที่ dashboard Google Analytics แล้วคลิกที่ ซ้าย-ล่าง = Admin Menu

จากนั้นให้เลือก Data Stream

data stream

เมื่อเราเลือเมนูนี้ไปแล้ว เราจะเข้ามาที่แถบแสดงข้อมูล Data Stream ตามภาพ

data stream

ให้เราลองเข้าไปดูที่เมนูล่างสุด >> View Tag Instruction เราจะพบว่ามันมีให้เลือกการติดตั้งแบบ Manual ลองเข้าไปดูจะพบ code Google Analytics ของเราตามภาพ

 

gtag.js

จากนั้นกลับไปที่ data stream ให้เรา copy code “Measurement ID” แล้วกลับไปที่ Google Tag Manager ของเรา แล้วให้ทำการกดปุ่ม “Add New Tag

 

tag configuration - ga4

ให้เราทำการเลือก Google Analytics Configuration แล้วใส่ Tag ID (Measurement ID) ลงไป ส่วนตรง triggering ให้เป็น All pages

จากนั้นให้เรากด submit และ publish ตามลำดับ เพียงเท่านั้น การติดตั้ง Google Analytics 4 โดยผ่าน Google Tag Manager เป็นอันเสร็จสมบูรณ์

 

 

 

 

 

 

 

 

 

 

Be the first to comment

Leave a Reply

Your email address will not be published.


*