วิธีติดตั้ง Facebook Pixel อย่างละเอียด สำหรับมือใหม่ อัปเดต 2026
วิธีติดตั้ง Facebook Pixel อย่างละเอียด Step by Step
Facebook Pixel หรือ Meta Pixel คือเครื่องมือสำหรับติดตามพฤติกรรมผู้ใช้งานบนเว็บไซต์ เช่น การเข้าชมหน้าเว็บ การกดปุ่ม การเพิ่มสินค้าลงตะกร้า และการสั่งซื้อ เพื่อช่วยให้การยิงโฆษณา Facebook และ Instagram วัดผลได้แม่นยำขึ้น รีมาร์เก็ตติ้งได้ดีขึ้น และปรับแคมเปญให้เกิด Conversion ได้มากขึ้น
Facebook Pixel คืออะไร?
Facebook Pixel หรือปัจจุบันเรียกว่า Meta Pixel คือโค้ดติดตามที่นำไปวางไว้บนเว็บไซต์ เพื่อส่งข้อมูลเหตุการณ์สำคัญกลับไปยัง Meta Events Manager เมื่อมีผู้ใช้เข้ามาทำกิจกรรมบนเว็บไซต์
ตัวอย่างกิจกรรมที่ Pixel สามารถเก็บข้อมูลได้ เช่น คนเข้าเว็บไซต์ คนดูสินค้า คนกดเพิ่มลงตะกร้า คนเริ่มชำระเงิน หรือคนสั่งซื้อสำเร็จ ข้อมูลเหล่านี้จะช่วยให้ระบบโฆษณาเรียนรู้และหากลุ่มลูกค้าที่มีโอกาสซื้อหรือทักหาธุรกิจมากขึ้น
สิ่งที่ต้องเตรียมก่อนติดตั้ง Pixel
- บัญชี Facebook ส่วนตัวที่มีสิทธิ์เข้าใช้งาน Business Manager หรือ Meta Business Suite
- บัญชีโฆษณา Meta Ads Account
- เว็บไซต์ที่ต้องการติดตั้ง Pixel
- สิทธิ์เข้าถึงหลังบ้านเว็บไซต์ หรือสิทธิ์แก้ไขไฟล์เว็บไซต์
- โดเมนเว็บไซต์ที่ใช้งานจริง เช่น example.com
- Google Chrome สำหรับตรวจสอบ Pixel หลังติดตั้ง
ขั้นตอนที่ 1: เข้า Meta Events Manager
เปิดหน้า Events Manager
ให้เข้าสู่ระบบ Facebook ด้วยบัญชีที่ใช้จัดการโฆษณา จากนั้นไปที่ Meta Events Manager ซึ่งเป็นหน้าสำหรับจัดการ Pixel, Dataset และ Event ต่าง ๆ ของเว็บไซต์
เมนูนี้มักจะอยู่ใน Business Manager หรือ Meta Business Suite โดยให้เลือกหัวข้อเกี่ยวกับ Events Manager หรือ ตัวจัดการเหตุการณ์
เลือก Connect Data หรือเชื่อมต่อข้อมูล
เมื่อเข้ามาใน Events Manager แล้ว ให้เลือกเมนูสำหรับเชื่อมต่อแหล่งข้อมูลใหม่ โดยทั่วไปให้เลือกประเภทเป็น Web เพราะเราต้องการติดตั้ง Pixel บนเว็บไซต์
ตั้งชื่อ Pixel หรือ Dataset
ตั้งชื่อให้จำง่าย เช่น ชื่อเว็บไซต์ ชื่อแบรนด์ หรือชื่อโปรเจกต์ เช่น My Website Pixel หรือ example.com Pixel
ขั้นตอนที่ 2: สร้าง Pixel และรับ Pixel Code
หลังจากสร้างแหล่งข้อมูลเว็บไซต์แล้ว ระบบจะให้เลือกรูปแบบการติดตั้ง โดยทั่วไปจะมีตัวเลือก เช่น ติดตั้งด้วยตนเอง ติดตั้งผ่านพาร์ทเนอร์ หรือใช้เครื่องมือ Event Setup Tool
เลือกติดตั้งด้วยตนเอง
หากคุณสามารถแก้ไขโค้ดเว็บไซต์ได้ ให้เลือกวิธี Install code manually หรือ ติดตั้งโค้ดด้วยตนเอง
คัดลอก Base Code
ระบบจะแสดงโค้ด Pixel Base Code ให้คัดลอกเก็บไว้ โค้ดนี้ต้องนำไปวางในเว็บไซต์ทุกหน้าที่ต้องการติดตามข้อมูล
ขั้นตอนที่ 3: ตัวอย่างโค้ด Facebook Pixel Base Code
ด้านล่างคือตัวอย่างโค้ด Pixel Base Code ให้เปลี่ยน YOUR_PIXEL_ID เป็น Pixel ID จริงของคุณ
<!-- Meta Pixel Code --> <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', 'YOUR_PIXEL_ID'); fbq('track', 'PageView'); </script> <noscript> <img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=YOUR_PIXEL_ID&ev=PageView&noscript=1"/> </noscript> <!-- End Meta Pixel Code -->ขั้นตอนที่ 4: วิธีติดตั้ง Pixel ในเว็บไซต์ทั่วไป
กรณีเว็บไซต์ HTML / PHP
ให้นำ Pixel Base Code ไปวางในไฟล์ส่วนกลางของเว็บไซต์ เช่น header.php, layout.php หรือไฟล์ template ที่ถูกเรียกใช้ทุกหน้า
กรณีเว็บไซต์ Next.js
หากใช้ Next.js ควรติดตั้งผ่าน layout หลักของโปรเจกต์ หรือใช้ Script Component ของ Next.js เพื่อควบคุมการโหลดสคริปต์ให้เหมาะสม
import Script from "next/script"; export default function RootLayout({ children }) { return ( <html lang="th"> <body> {children} <Script id="meta-pixel" strategy="afterInteractive"> {` !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', 'YOUR_PIXEL_ID'); fbq('track', 'PageView'); `} </Script> </body> </html> ); }กรณี WordPress
ถ้าใช้ WordPress สามารถติดตั้งได้หลายวิธี เช่น ใช้ปลั๊กอิน Meta Pixel, ใช้ปลั๊กอิน Insert Headers and Footers หรือแก้ไขไฟล์ theme โดยตรง
ขั้นตอนที่ 5: ตั้งค่า Event สำคัญบนเว็บไซต์
หลังจากติดตั้ง Base Code แล้ว เว็บไซต์จะเริ่มส่ง Event พื้นฐานชื่อ PageView ทุกครั้งที่มีคนเข้าเว็บไซต์ แต่ถ้าต้องการวัดผลโฆษณาให้แม่นยำ ควรติดตั้ง Event เพิ่มเติมตามเป้าหมายของเว็บไซต์
| Event | ใช้เมื่อไหร่ | ตัวอย่างหน้าเว็บ |
|---|---|---|
| PageView | เก็บข้อมูลเมื่อมีคนเข้าเว็บไซต์ | ทุกหน้า |
| ViewContent | เก็บข้อมูลเมื่อมีคนดูสินค้า บริการ หรือบทความสำคัญ | หน้ารายละเอียดสินค้า / หน้าบริการ |
| AddToCart | เก็บข้อมูลเมื่อมีคนกดเพิ่มสินค้าลงตะกร้า | ปุ่มเพิ่มสินค้า |
| InitiateCheckout | เก็บข้อมูลเมื่อมีคนเริ่มเข้าสู่หน้าชำระเงิน | หน้า Checkout |
| Purchase | เก็บข้อมูลเมื่อมีคนสั่งซื้อสำเร็จ | หน้า Thank You / Order Success |
| Lead | เก็บข้อมูลเมื่อลูกค้ากรอกฟอร์มหรือทักแชท | หน้าขอบคุณ / ปุ่มติดต่อ |
ขั้นตอนที่ 6: ตัวอย่างการติดตั้ง Standard Event
Event: ViewContent
ใช้สำหรับหน้าสินค้า หน้าบริการ หรือหน้าบทความสำคัญที่ต้องการวัดว่ามีคนเข้ามาดูเนื้อหานี้กี่คน
<script> fbq('track', 'ViewContent', { content_name: 'ชื่อสินค้า หรือชื่อบริการ', content_category: 'หมวดหมู่สินค้า', value: 0, currency: 'THB' }); </script>Event: Lead
ใช้เมื่อลูกค้ากรอกฟอร์ม กดติดต่อ หรือส่งข้อมูลให้ธุรกิจ
<script> fbq('track', 'Lead'); </script>Event: Purchase
ใช้ในหน้าสั่งซื้อสำเร็จเท่านั้น เช่น หน้า Thank You หรือหน้า Order Success
<script> fbq('track', 'Purchase', { value: 1500, currency: 'THB' }); </script>ขั้นตอนที่ 7: ตรวจสอบว่า Pixel ทำงานหรือไม่
ตรวจใน Events Manager
หลังติดตั้ง Pixel แล้ว ให้กลับไปที่ Meta Events Manager แล้วดูที่หน้า Overview หรือ Test Events หากเว็บไซต์ส่งข้อมูลถูกต้อง จะเริ่มเห็น Event เช่น PageView แสดงขึ้นมา
ใช้เครื่องมือ Test Events
ใส่ URL เว็บไซต์ของคุณในช่องทดสอบ จากนั้นเปิดเว็บไซต์และลองกดใช้งานจริง เช่น เข้าหน้าแรก เข้าหน้าสินค้า กดปุ่มติดต่อ หรือสั่งซื้อทดสอบ
ตรวจด้วย Meta Pixel Helper
สามารถติดตั้งส่วนขยาย Meta Pixel Helper บน Google Chrome เพื่อดูว่าแต่ละหน้าเว็บไซต์มี Pixel ทำงานหรือไม่ และส่ง Event อะไรบ้าง
ขั้นตอนที่ 8: ตรวจสอบ Domain และ Aggregated Event Measurement
สำหรับการยิงโฆษณาที่ต้องการวัด Conversion อย่างจริงจัง ควรตรวจสอบโดเมนใน Business Manager และตั้งค่า Event ที่สำคัญ เช่น Purchase, Lead หรือ InitiateCheckout ให้ถูกต้อง
- เข้า Business Settings
- ไปที่ Brand Safety หรือ Domains
- เพิ่มโดเมนเว็บไซต์ของคุณ
- ยืนยันโดเมนด้วยวิธีที่ระบบกำหนด เช่น DNS, HTML File หรือ Meta Tag
- กลับไปที่ Events Manager เพื่อตรวจสอบ Event ที่ต้องการใช้วัดผล
Checklist หลังติดตั้ง Pixel
ปัญหาที่พบบ่อยหลังติดตั้ง Pixel
1. Events Manager ไม่เห็นข้อมูล
ให้ตรวจสอบว่า Pixel ID ถูกต้องหรือไม่ โค้ดถูกวางในเว็บไซต์จริงหรือยัง และเว็บไซต์มีการบล็อกสคริปต์จากเบราว์เซอร์หรือปลั๊กอินบางตัวหรือไม่
2. Pixel ทำงานซ้ำหลายครั้ง
อาจเกิดจากติดตั้ง Pixel ซ้ำทั้งในโค้ดและปลั๊กอิน ให้เลือกใช้วิธีใดวิธีหนึ่ง หรือจัดการไม่ให้ยิง Event ซ้ำ
3. Purchase ขึ้นเยอะผิดปกติ
มักเกิดจากติด Event Purchase ผิดหน้า เช่น ติดไว้ทุกหน้า หรือหน้า Thank You ถูกรีเฟรชซ้ำโดยไม่มีการป้องกัน
4. Pixel Helper ขึ้น Warning
Warning บางอย่างอาจไม่ใช่ปัญหาร้ายแรง แต่ควรอ่านรายละเอียดว่าระบบแจ้งเรื่องอะไร เช่น Event ไม่มี Parameter, Pixel โหลดช้า หรือ Event ถูกยิงซ้ำ
สรุป
การติดตั้ง Facebook Pixel หรือ Meta Pixel เป็นขั้นตอนสำคัญสำหรับธุรกิจที่ต้องการวัดผลโฆษณาอย่างแม่นยำ โดยเริ่มจากการสร้าง Pixel ใน Events Manager คัดลอก Base Code ไปติดตั้งในเว็บไซต์ ตั้งค่า Event สำคัญ เช่น PageView, ViewContent, Lead และ Purchase จากนั้นตรวจสอบการทำงานผ่าน Test Events และ Meta Pixel Helper
หากติดตั้งถูกต้อง ธุรกิจจะสามารถรู้ได้ว่าโฆษณาพาคนเข้ามาทำอะไรบนเว็บไซต์ และสามารถนำข้อมูลไปใช้ปรับแคมเปญ ทำรีมาร์เก็ตติ้ง และเพิ่มโอกาสปิดการขายได้ดีขึ้น
คำถามที่พบบ่อยเกี่ยวกับ Facebook Pixel
Facebook Pixel จำเป็นไหมถ้ายิงแอด Facebook?
ถ้าคุณมีเว็บไซต์และต้องการวัดผลว่าโฆษณาพาคนเข้ามาทำอะไรบนเว็บไซต์ การติด Pixel ถือว่าสำคัญมาก เพราะช่วยให้ดูข้อมูล Conversion และทำรีมาร์เก็ตติ้งได้ดีขึ้น
ติด Pixel แล้วข้อมูลขึ้นทันทีไหม?
บางครั้งข้อมูลอาจขึ้นใน Test Events ได้เร็ว แต่ข้อมูลในรายงานหรือ Ads Manager อาจใช้เวลาประมวลผลเพิ่มเติม ควรรอและตรวจสอบซ้ำ
เว็บไซต์หนึ่งติด Pixel ได้กี่ตัว?
เว็บไซต์หนึ่งสามารถติดได้มากกว่าหนึ่ง Pixel แต่ไม่ควรติดหลายตัวโดยไม่มีเหตุผล เพราะอาจทำให้ข้อมูลซับซ้อนและตรวจสอบยาก
ควรติด Event Purchase ตรงไหน?
ควรติดเฉพาะหน้าสั่งซื้อสำเร็จ หรือหน้าขอบคุณหลังชำระเงินเท่านั้น ไม่ควรติดไว้ทุกหน้า เพราะจะทำให้ยอด Conversion ผิดพลาด
Pixel กับ Conversions API ต่างกันอย่างไร?
Pixel เก็บข้อมูลจากฝั่งเบราว์เซอร์ ส่วน Conversions API ส่งข้อมูลจากฝั่งเซิร์ฟเวอร์ หากใช้ร่วมกันอย่างถูกต้องจะช่วยให้การวัดผลแม่นยำขึ้น โดยควรตั้งค่า Deduplication เพื่อลดการนับ Event ซ้ำ
Qคำถามที่พบบ่อยเกี่ยวกับบทความนี้
Facebook Pixel คืออะไร?
Facebook Pixel หรือ Meta Pixel คือโค้ดติดตามที่ใช้เก็บข้อมูลพฤติกรรมผู้ใช้งานบนเว็บไซต์ เช่น การเข้าชมหน้าเว็บ การกดปุ่ม การเพิ่มสินค้าลงตะกร้า และการสั่งซื้อ เพื่อช่วยวัดผลโฆษณา Facebook และ Instagram ได้แม่นยำขึ้น
ติดตั้ง Facebook Pixel จำเป็นไหมถ้ายิงแอด Facebook?
จำเป็นมากถ้าคุณมีเว็บไซต์ เพราะ Pixel ช่วยให้รู้ว่าโฆษณาพาคนเข้ามาทำอะไรบนเว็บไซต์บ้าง เช่น เข้าชมสินค้า กรอกฟอร์ม หรือสั่งซื้อสำเร็จ ข้อมูลนี้ช่วยปรับแคมเปญและทำรีมาร์เก็ตติ้งได้ดีขึ้น
ต้องติด Facebook Pixel ไว้ตรงไหนของเว็บไซต์?
โดยทั่วไปควรติด Pixel Base Code ไว้ในส่วนหลักของเว็บไซต์ที่โหลดทุกหน้า เช่น layout หลัก header หรือ template กลาง เพื่อให้ Pixel สามารถเก็บ Event พื้นฐานอย่าง PageView ได้ครบทุกหน้าที่ต้องการติดตาม
จะรู้ได้อย่างไรว่า Facebook Pixel ทำงานถูกต้อง?
สามารถตรวจสอบได้จาก Meta Events Manager ในเมนู Test Events หรือใช้ส่วนขยาย Meta Pixel Helper บน Google Chrome หากติดตั้งถูกต้องจะเห็น Event เช่น PageView, ViewContent, Lead หรือ Purchase ตามหน้าที่ตั้งค่าไว้
Event Purchase ควรติดไว้หน้าไหน?
Event Purchase ควรติดเฉพาะหน้าสั่งซื้อสำเร็จ เช่น หน้า Thank You หรือ Order Success เท่านั้น ไม่ควรติดไว้ทุกหน้า เพราะจะทำให้ระบบนับ Conversion ผิดและข้อมูลโฆษณาเพี้ยน