บทความนี้รวบรวมขั้นตอนการใช้งานและคำอธิบายสำหรับฟีเจอร์ขั้นสูง “FB Pixel + GA4” มาดูกันเลย!
- วิธีตั้งค่า Facebook Pixel ใน 8 ขั้นตอน
- การตั้งค่าโค้ด GA4 (Google Analytics 4) ใน 11 ขั้นตอน
- การตั้งค่า GTM (Google Tag Manager) ใน 3 ขั้นตอน
วิธีตั้งค่า Facebook Pixel ใน 8 ขั้นตอน
การฝัง Facebook Pixel ลงในโปรเจ็กต์ของคุณบน OOOPEN Lab จะช่วยให้คุณรวบรวมข้อมูลผู้ตอบแบบสอบถามและกำหนดเป้าหมายโฆษณาได้แม่นยำยิ่งขึ้น!
เพียงทำตามขั้นตอนเหล่านี้เพื่อรับโค้ด Facebook Pixel และทำการตั้งค่าให้เสร็จสมบูรณ์:
ขั้นตอนที่ 1: ไปที่ Facebook Events Manager
ไปที่หน้า “ ตัวจัดการกิจกรรม ” โดยคลิกที่ “เครื่องมือทั้งหมด” ทางด้านซ้ายของหน้าแรกของ Facebook Business Manager แล้วเลือก “ตัวจัดการกิจกรรม”
ขั้นตอนที่ 2: เริ่มเชื่อมโยงแหล่งข้อมูล
ในหน้า “ตัวจัดการกิจกรรม” ให้คลิกที่ “เชื่อมต่อแหล่งข้อมูล”
ขั้นตอนที่ 3: ตั้งชื่อพิกเซลของคุณ
บนหน้าเว็บ ให้เลือก “เว็บ” จากนั้นคลิก “เชื่อมต่อ” ตั้งชื่อพิกเซลของคุณแล้วคลิก “สร้างพิกเซล”
ขั้นตอนที่ 4: ตั้งค่า URL ของเว็บไซต์
ป้อน URL ของลิงก์เผยแพร่ OOOPEN Lab ของคุณ (https://www.ooopenlab.cc/quiz/********************) ลงในหน้าเว็บ คลิก “ตรวจสอบ” และเมื่อเสร็จสิ้นแล้ว ให้คลิก “ดำเนินการต่อ”
ขั้นตอนที่ 5: เลือกวิธีการตั้งค่า
เลือกตัวเลือก “ติดตั้งโค้ดด้วยตนเอง” เพื่อเชื่อมต่อเว็บไซต์ของคุณ จากนั้นคุณจะได้รับ Pixel ID ที่ด้านล่างของหน้า
ขั้นตอนที่ 6: ตั้งค่า Pixel ID ในส่วนหลังบ้านของโปรเจ็กต์
คัดลอก “Pixel ID” แล้ววางลงในช่อง Facebook Pixel ในหน้า “การตั้งค่าการเผยแพร่” ของโปรเจ็กต์ของคุณใน OOOPEN Lab เท่านี้ก็เสร็จสิ้นการตั้งค่าแล้ว
ขั้นตอนที่ 7: ตรวจสอบการติดตั้ง
เข้าไปที่หน้าโปรเจ็กต์ที่มีโค้ดติดตามฝังอยู่ ใช้ส่วนขยาย Chrome “ Meta Pixel Helper ” เพื่อเปรียบเทียบ “Pixel ID” ที่ส่วนขยายตรวจพบกับ “Pixel ID” จากขั้นตอนที่ 5 เพื่อตรวจสอบว่าการติดตั้งสำเร็จหรือไม่
ขั้นตอนที่ 8: ติดตามข้อมูลอย่างสม่ำเสมอ
ในระหว่างช่วงเวลาเผยแพร่โครงการ Meta Pixel Helper จะแสดง “PageView” เมื่อหน้าเว็บโหลด และ “OOOPEN Lab - Submit” เมื่อมีคนทำแบบทดสอบเสร็จสิ้น ปุ่มในหน้าผลลัพธ์ที่เปิดใช้งานการติดตาม Pixel จะส่งเหตุการณ์ของตัวเอง: ปุ่มลิงก์ภายนอกจะส่ง “OOOPEN Lab - ClickCta” และปุ่มเล่นซ้ำจะส่ง “OOOPEN Lab - ClickReplay” ปุ่มแชร์จะไม่ส่งเหตุการณ์ Pixel เลย — การคลิกแชร์จะถูกติดตามใน GA4 แทน โดยใช้ click_button ที่มี share.<provider> ในพารามิเตอร์ button_name
การตั้งค่าโค้ด GA4 (Google Analytics 4) ใน 11 ขั้นตอน
OOOPEN Lab ยังรองรับการฝังโค้ด Google Analytics 4 (GA4) ซึ่งช่วยให้คุณเข้าใจพฤติกรรมการท่องเว็บและองค์ประกอบของกลุ่มเป้าหมายได้ดียิ่งขึ้น
เพียงทำตามขั้นตอนเหล่านี้เพื่อรับรหัส GA4 ของคุณและทำการตั้งค่าให้เสร็จสมบูรณ์:
- หากคุณไม่เคยตั้งค่า GA4 มาก่อน หรือต้องการตั้งค่าที่พัก GA4 ใหม่ โปรดเริ่มจากขั้นตอนที่ 1
- หากคุณได้ตั้งค่า GA4 เรียบร้อยแล้วและต้องการเพิ่มรหัสติดตามใหม่ ให้เริ่มจากขั้นตอนที่ 4
ขั้นตอนที่ 1 (ไม่บังคับ): เริ่มตั้งค่า GA4
หากคุณไม่เคยตั้งค่า GA4 มาก่อน ให้ไปที่ Google Analytics แล้วคลิกที่ “เริ่มการวัดผล”
ขั้นตอนที่ 2 (ไม่บังคับ): การกำหนดค่าบัญชีและทรัพยากร
- ปรับแต่ง “ชื่อบัญชี” และเลือก “การตั้งค่าการแชร์ข้อมูลบัญชี” ตามต้องการ
- ปรับแต่ง “ชื่อทรัพย์สิน” “เขตเวลาการรายงาน” และ “สกุลเงิน” ได้ตามต้องการ
ขั้นตอนที่ 3 (ไม่บังคับ): กรอกข้อมูลธุรกิจ เป้าหมาย และเนื้อหาการเก็บรวบรวมข้อมูล
- เลือก “ประเภทอุตสาหกรรม” และ “ขนาดธุรกิจ” ที่เหมาะสม จากนั้นคลิก “ถัดไป”
- เลือก “เป้าหมายทางธุรกิจ” ที่เหมาะสมสำหรับสถานการณ์ของคุณ แล้วคลิก “สร้าง”
- เลือก “ประเทศ/ภูมิภาค” ของคุณ ตรวจสอบข้อตกลงเงื่อนไขการให้บริการ ทำเครื่องหมายในช่อง “ฉันยอมรับข้อกำหนดการประมวลผลข้อมูลที่กำหนดโดย GDPR ด้วย” จากนั้นคลิก “ฉันยอมรับ” เพื่อทำการตั้งค่าให้เสร็จสมบูรณ์
ขั้นตอนที่ 4: เริ่มสร้างสตรีมข้อมูล
- บนหน้า GA ให้คลิกที่ “ผู้ดูแลระบบ” แล้วไปที่หน้า “สตรีมข้อมูล”
- ในหน้า “สตรีมข้อมูล” ให้คลิกที่ “เว็บ”
ขั้นตอนที่ 5: ตั้งค่าสตรีมข้อมูลและรับรหัสการวัด
- ในหน้า “ตั้งค่าสตรีมข้อมูล” ให้เลือก “https://” แล้วป้อน “ooopenlab.cc/” จากนั้นปรับแต่ง “ชื่อสตรีม” แล้วคลิก “สร้างสตรีม”
- ดู “รหัสการวัด” ได้จากหน้า “รายละเอียดสตรีมเว็บ”
ขั้นตอนที่ 6 (ไม่บังคับ): เปิดใช้งานการรวบรวมสัญญาณของ Google
สำหรับการสร้างบัญชีครั้งแรกหรือเมื่อตั้งค่าสตรีมข้อมูล ให้ไปที่หน้า “ทรัพยากร” และคลิก “เริ่มต้นใช้งาน” ใต้หัวข้อ “การตั้งค่าข้อมูล – การรวบรวมข้อมูล” เพื่อเปิดใช้งานการรวบรวมข้อมูล Google Signals
ขั้นตอนที่ 7 (ไม่บังคับ): ตั้งค่าการเก็บรักษาข้อมูลเหตุการณ์
สำหรับการสร้างบัญชีครั้งแรกหรือเมื่อตั้งค่าสตรีมข้อมูล แนะนำให้ไปที่หน้า “ทรัพยากร” และในหน้า “การตั้งค่าข้อมูล – การเก็บรักษาข้อมูล” ให้ตั้งค่า “การเก็บรักษาข้อมูลเหตุการณ์” เป็น 14 เดือน
ขั้นตอนที่ 8: ตั้งค่ารหัสติดตาม GA4 ในส่วนหลังบ้านของโปรเจ็กต์
คัดลอก “Measurement ID” ที่ได้จากขั้นตอนที่ 5 แล้ววางลงในช่อง Google Analytics 4 ในหน้า “Publish Settings” ของโปรเจ็กต์ OOOPEN Lab เพื่อทำการตั้งค่าให้เสร็จสมบูรณ์
ขั้นตอนที่ 9: ตรวจสอบสถานะการติดตั้งผ่าน “ภาพรวมแบบเรียลไทม์”
- เปิดแท็บเบราว์เซอร์ใหม่ ไปที่หน้าโครงการที่มีโค้ดติดตามฝังอยู่ และอยู่บนหน้านั้นต่อไป
- ไปที่หน้า GA คลิกที่ “รายงาน – แบบเรียลไทม์” แล้วไปยังหน้าภาพรวมแบบเรียลไทม์
- หลังจากผ่านไประยะหนึ่ง หากคุณสามารถดูข้อมูลการเรียกดูโปรเจ็กต์แบบเรียลไทม์ได้สำเร็จ แสดงว่าการติดตั้งเสร็จสมบูรณ์แล้ว
(ขั้นตอนเสริม) ขั้นตอนที่ 10: ตั้งค่าพารามิเตอร์เหตุการณ์ของปุ่ม
OOOPEN Lab ได้ตั้งค่าพารามิเตอร์เหตุการณ์บนปุ่มหน้าผลลัพธ์เหล่านี้ไว้แล้ว:
- การคลิกลิงก์ภายนอก —
ctaในclick_button - แชร์แบบทดสอบ —
shareโดยclick_button - เล่นซ้ำ —
replayโดยclick_button
ค่าต่างๆ จะถูกส่งไปเท่านั้น โดยจะไม่แสดงผล จนกว่าคุณจะลงทะเบียนพารามิเตอร์นั้นเป็นมิติข้อมูลแบบกำหนดเอง หากต้องการเริ่มดูค่าเหล่านั้น ให้ทำตามขั้นตอนนี้เพียงครั้งเดียวใน GA4:
- (ด้านล่างซ้ายของหน้า) ผู้ดูแลระบบ > การแสดงข้อมูล > การกำหนดค่าเอง
- คลิก “สร้างมิติข้อมูลแบบกำหนดเอง”
- ตั้งชื่อ "มิติ" ให้คุณจำได้ง่าย และตั้งค่า "พารามิเตอร์เหตุการณ์" เป็น
button_name
ขั้นตอนที่ 11: ตรวจสอบสถานะการฝังอีกครั้งหลังจาก 24 ชั่วโมง
- หลังจากตรวจสอบให้แน่ใจว่าข้อมูลในส่วน “ภาพรวมแบบเรียลไทม์” แสดงผลตามปกติแล้ว โปรดตอบแบบสอบถามอย่างน้อยหนึ่งข้อ
- หลังจาก 24 ชั่วโมง ให้เข้าไปที่ส่วนหลังบ้าน คุณจะเห็นข้อมูลต่างๆ เช่น "จำนวนการดูหน้าเว็บ" "จำนวนการคลิกปุ่ม" และ "จำนวนการเลื่อนหน้าจอ" ในส่วน "รายงาน – วัตถุประสงค์ทางธุรกิจ – เหตุการณ์"
- ต่อยอดจากประเด็นก่อนหน้า การคลิกที่ “click_button” บนหน้าจอ GA จะช่วยตรวจจับการคลิกปุ่มแชร์ที่ตั้งค่าไว้ (เช่น Facebook, Threads, LINE เป็นต้น)
การตั้งค่า GTM (Google Tag Manager) ใน 3 ขั้นตอน
หากคุณใช้แพลตฟอร์มติดตามผลที่แตกต่างกัน เช่น FB Pixel, GA4 และ Google Ads คุณสามารถใช้ฟังก์ชันของ GTM เพื่อตั้งค่าโค้ด GTM ในโปรเจ็กต์ OOOPEN Lab ของคุณได้ วิธีนี้ช่วยให้คุณติดตามประสิทธิภาพของโปรเจ็กต์ในแพลตฟอร์มต่างๆ ผ่าน GTM โดยไม่ต้องคัดลอกและวางโค้ดลงในแต่ละแพลตฟอร์มด้วยตนเอง
ทำตามขั้นตอนเหล่านี้เพื่อรับและตั้งค่ารหัส GTM:
- หากคุณไม่เคยสร้างบัญชี GTM มาก่อน โปรดเริ่มจากขั้นตอนแรก
- หากคุณมีบัญชี GTM อยู่แล้ว ให้เริ่มจากขั้นตอนที่สอง
ขั้นตอนที่ 1 (ไม่บังคับ): เริ่มเพิ่มบัญชีผู้ใช้
- กรอกชื่อบัญชีและประเทศ/ภูมิภาคของคุณในส่วน “การตั้งค่าบัญชี”
- ในส่วน “การตั้งค่าคอนเทนเนอร์” ให้กรอก URL ของโปรเจ็กต์และเลือก “เว็บ” เป็นแพลตฟอร์มโฆษณาเป้าหมาย
- อ่านและยอมรับ “ข้อตกลงเงื่อนไขการให้บริการของ Google Tag Manager” ทำเครื่องหมายในช่อง “ฉันยอมรับข้อกำหนดการประมวลผลข้อมูลสำหรับ GDPR ด้วย” และคลิก “ใช่” เพื่อดำเนินการในขั้นตอนต่อไป
ขั้นตอนที่ 2: การตั้งค่าแพลตฟอร์มการบูรณาการและการขอรับรหัส GTM
- ในหน้า “เครื่องมือจัดการโค้ด” ให้คลิก “เพิ่มโค้ด” และเพิ่มโค้ดของแพลตฟอร์มต่างๆ ลงในพื้นที่ทำงาน GTM
- ในขณะเดียวกัน คุณสามารถดูรหัส GTM (GTM-XXXXXXXX) ได้ที่ด้านบนของหน้าเว็บ
ขั้นตอนที่ 3: การตั้งค่าโค้ด GTM ในส่วนแบ็กเอนด์ของโปรเจ็กต์
คัดลอก “รหัส GTM” ที่ได้จากขั้นตอนที่สอง แล้ววางลงในช่อง “Google Tag Manager” ในหน้า “การตั้งค่าการเผยแพร่” ของโปรเจ็กต์ OOOPEN Lab
สมัครสมาชิกตอนนี้และทดลองใช้ฟีเจอร์ขั้นสูงทั้งหมด!
คลิก “เข้าสู่ระบบ/ลงทะเบียน” ที่มุมบนขวามือเพื่อเป็น “ครีเอเตอร์” และเพลิดเพลินกับการเข้าถึงฟรีแบบไม่จำกัด เพื่อทดลอง สร้าง และเผยแพร่โปรเจกต์ทั้งหมดในฐานะผู้ใช้แผนฟรี!
แผนบริการฟรีในปัจจุบันให้สิทธิ์ทดลองใช้งานแบบไม่จำกัด แต่มีฟีเจอร์จำกัด คุณสามารถเปรียบเทียบได้โดยเลือก “เลือกแผน” และคลิก “คลิกเพื่อดูการเปรียบเทียบแบบเต็ม” ก่อนการเปิดตัวอย่างเป็นทางการ คุณสามารถซื้อแผนออนไลน์ด้วยบัตรเครดิต ซึ่งจะช่วยให้คุณเปิดใช้งานบัญชีและเข้าถึงโมดูลการเผยแพร่ได้ภายในเวลาเพียงหนึ่งนาที!
