การติดตั้งโค้ดติดตามและโค้ดสแนปเพ็ตบนเว็บไซต์ EdCommerce ของคุณ

Last updated: October 9, 2026

ในการผสานรวมโค้ดตัวอย่างเข้ากับเว็บไซต์ของคุณ โดยทั่วไปคุณจะทำตามขั้นตอนเหล่านี้:

ขั้นตอนที่ 1 รับโค้ดตัวอย่าง

ค้นหาและคัดลอกโค้ดตัวอย่างจากบริการหรือแพลตฟอร์มที่คุณกำลังผสานรวม ซึ่งอาจรวมถึงพิกเซลติดตาม วิดเจ็ตแชต แบบฟอร์มฝัง หรือโค้ดอื่น ๆ ที่บริการจัดเตรียมไว้

หากคุณกำลังพยายามติดตั้งโค้ด Google Tag Manager หรือ Meta Pixel ให้ทำตามส่วนเฉพาะด้านล่าง:

  • การติดตั้ง Meta Pixel
  • การติดตั้ง Google Tag Manager

ขั้นตอนที่ 2 เพิ่มโค้ดตัวอย่างของคุณไปยัง EdCommerce

การเพิ่มสคริปต์ไปยัง EdCommerce นั้นง่ายมาก เพียงเข้าไปที่พื้นที่การเชื่อมต่อของคุณแล้วคลิกที่ "เพิ่มโค้ดสคริปต์"

กรอกข้อมูลในฟิลด์การเชื่อมต่อสคริปต์ดังต่อไปนี้:

  • ชื่อ: เพิ่มชื่อให้กับตัวอย่างโค้ดของคุณ คุณสามารถใช้ชื่อของเครื่องมือที่คุณกำลังผสานรวมได้
  • แทรกลงใน: Head หรือ Body (ขึ้นอยู่กับคำแนะนำจากบริการที่คุณกำลังผสานรวม)
  • โค้ด: คัดลอกโค้ดตัวอย่างที่เกี่ยวข้องซึ่งคุณพบในแพลตฟอร์มของแอปอื่น แล้ววางที่นี่

ขั้นตอนที่ 3 ตรวจสอบอีกครั้งว่าการเชื่อมต่อของคุณทำงานอย่างถูกต้อง

กระบวนการตรวจสอบให้แน่ใจว่าการเชื่อมต่อของคุณทำงานอย่างถูกต้องอาจแตกต่างกันไป ขึ้นอยู่กับแพลตฟอร์มที่คุณกำลังผสานรวม สิ่งสำคัญคือต้องตรวจสอบคำแนะนำการเชื่อมต่อเฉพาะที่บริการหรือแพลตฟอร์มที่คุณกำลังใช้งานจัดเตรียมไว้ เนื่องจากคำแนะนำเหล่านั้นอาจมีข้อกำหนดหรือคำแนะนำเพิ่มเติมสำหรับการผสานรวมโค้ดตัวอย่างของบริการ

การติดตั้ง Google Tag Manager

ขั้นตอนที่ 1 - รับโค้ดตัวอย่างของคุณจาก Google Tag Manager

เริ่มต้นโดยเข้าสู่ระบบบัญชี Google Tag Manager ของคุณที่ <https://tagmanager.google.com>

เมื่อเข้าสู่ระบบแล้ว คุณจะเห็นรายการของ คอนเทนเนอร์ ที่เชื่อมโยงกับบัญชีของคุณ เลือกคอนเทนเนอร์ที่คุณต้องการใช้งาน หรือ สร้างคอนเทนเนอร์ใหม่สำหรับ EdCommerce

หลังจากเลือกคอนเทนเนอร์แล้ว ให้เปิดคอนเทนเนอร์เพื่อเข้าถึงเนื้อหา ในภาพรวมของคอนเทนเนอร์ ให้มองหา ID ของคอนเทนเนอร์ในเมนูแถบด้านบน แล้วคลิกที่ ID (โดยปกติจะขึ้นต้นด้วย GTM-XXX)

คุณจะพบโค้ดตัวอย่างสองชุด: ชุดหนึ่งสำหรับส่วน <head> และอีกชุดสำหรับส่วน <body> ของเว็บไซต์ของคุณ สำหรับ EdCommerce เราจะใช้เฉพาะโค้ดในส่วน <head> เท่านั้น

ขั้นตอนที่ 2 เพิ่มโค้ดตัวอย่างของคุณไปยัง EdCommerce

การเพิ่มโค้ดตัวอย่างของคุณไปยัง EdCommerce นั้นง่ายมาก เพียงเข้าไปที่พื้นที่การเชื่อมต่อ แล้วคลิกปุ่ม "เพิ่มโค้ดสคริปต์"

กรอกข้อมูลในฟิลด์การเชื่อมต่อสคริปต์ดังต่อไปนี้:

  • ชื่อ: เพิ่มชื่อให้กับสไนปเป็ตของคุณ เช่น Google Tag Manager
  • แทรกใน: ส่วนหัว (เราจะไม่ใช้ส่วนเนื้อหาสำหรับ Google Tag Manager)
  • โค้ด: คัดลอกโค้ดสไนปเป็ต "header" ที่เกี่ยวข้องซึ่งคุณพบใน Google Tag Manager มาที่นี่

ขั้นตอนที่ 3: ตรวจสอบว่า Google Tag Manager ของคุณทำงานอย่างถูกต้อง

วิธีที่ง่ายที่สุดในการตรวจสอบว่าคุณติดตั้งอย่างถูกต้องหรือไม่ คือการติดตั้งส่วนขยาย Google Tag Assistant Chrome จาก Chrome Web Store

จากนั้นทำตามขั้นตอนเหล่านี้:

  1. เปิดเว็บไซต์ของคุณใน Google Chrome
  2. คลิกไอคอนส่วนขยาย Tag Assistant ในแถบเครื่องมือ Chrome ของคุณ
  3. หน้าต่างป๊อปอัปจะปรากฏขึ้น คลิก "เปิดใช้งาน" เพื่อเริ่มบันทึก
  4. เรียกดูเว็บไซต์ของคุณและดำเนินการต่าง ๆ ที่ทำให้แท็กที่คุณตั้งค่าไว้ใน Google Tag Manager ทำงาน
  5. เมื่อดำเนินการเสร็จแล้ว ให้คลิกไอคอนส่วนขยาย Tag Assistant อีกครั้ง
  6. Tag Assistant จะวิเคราะห์แท็กที่ทำงานในแต่ละหน้าและจัดทำรายงาน
  7. ตรวจสอบรายงานเพื่อดูข้อผิดพลาดหรือคำเตือนที่เกี่ยวข้องกับการตั้งค่า Google Tag Manager ของคุณ

รายงาน Tag Assistant จะแสดงว่าแท็กจากคอนเทนเนอร์ Google Tag Manager ของคุณทำงานอย่างถูกต้องหรือมีปัญหาใด ๆ หรือไม่ อย่าลืมทดสอบสถานการณ์ต่าง ๆ บนเว็บไซต์ของคุณ เพื่อให้แน่ใจว่าแท็กที่ต้องการทั้งหมดทำงานตามที่คาดไว้

นอกจากนี้ คุณยังสามารถตรวจสอบส่วน "แบบเรียลไทม์" ใน Google Analytics เพื่อดูว่ามีการรับข้อมูลจากเว็บไซต์ของคุณหรือไม่ หากคุณเห็นข้อมูลแบบเรียลไทม์ปรากฏใน Google Analytics เมื่อดำเนินการต่าง ๆ บนเว็บไซต์ Edcommerce ของคุณ นั่นแสดงว่า Google Tag Manager ของคุณกำลังส่งข้อมูลไปยัง Google Analytics อย่างถูกต้อง

การติดตั้ง Meta Pixel

หากคุณตั้งค่า Meta Pixel โดยใช้แท็ก IMG แล้ว หรือวางแผนที่จะดำเนินการดังกล่าว เราขอแนะนำให้คุณทำตาม เอกสารสำหรับนักพัฒนาของ Facebook

ในบทความนี้ เราจะแสดงวิธีตั้งค่าและติดตั้ง Meta Pixel บนเว็บไซต์ Edcommerce ของคุณ หากต้องการเรียนรู้เพิ่มเติมเกี่ยวกับพิกเซลก่อนเริ่มต้น โปรดดูประโยชน์ของการติดตั้ง Meta Pixel

หากคุณสร้าง Meta Pixel แล้วและต้องการค้นหาโค้ดพื้นฐานของพิกเซล ให้ข้ามไปที่ ขั้นตอนที่ 2: เพิ่มพิกเซลของคุณไปยัง Edcommerce

ขั้นตอนที่ 1: สร้างและตั้งค่า Meta Pixel

  1. ไปที่ตัวจัดการกิจกรรม
  2. คลิก เชื่อมต่อแหล่งข้อมูล และเลือก เว็บ
  3. เลือก Meta Pixel และคลิก เชื่อมต่อ
  4. เพิ่มชื่อ Pixel ของคุณ
  5. ป้อน URL เว็บไซต์ของคุณเพื่อตรวจสอบตัวเลือกการตั้งค่าอย่างง่าย
  6. คลิก ดำเนินการต่อ

\คุณสามารถดูข้อมูลเพิ่มเติมได้ที่ [ศูนย์ช่วยเหลือ Meta Business*](https://www.facebook.com/business/help/952192354843755?id=1205376682832142)

ขั้นตอนที่ 2 เพิ่มพิกเซลของคุณไปยัง EdCommerce

คุณจะต้องเพิ่ม Meta Pixel ไปยัง EdCommerce ด้วยตนเอง ดังนั้นคุณจึงต้องคัดลอกสคริปต์จาก Meta Events Manager แล้ววางลงในส่วนหัวของเว็บไซต์ EdCommerce

การเพิ่มสคริปต์ไปยัง EdCommerce นั้นง่ายมาก เพียงเข้าไปที่พื้นที่การเชื่อมต่อของคุณ แล้วคลิก "เพิ่มโค้ดสคริปต์"

กรอกข้อมูลในช่องการเชื่อมต่อสคริปต์ดังนี้:

  • ชื่อ: ตั้งชื่อให้สคริปต์ของคุณ เช่น Meta Pixel หรือ Facebook Pixel
  • แทรกใน: ส่วนหัว (เราจะไม่ใช้ส่วนเนื้อหาสำหรับ Meta Pixel)
  • โค้ด: คัดลอกโค้ดที่พบใน Meta Events Manager มาวางที่นี่

แล้วคลิก "บันทึก"

ขั้นตอนที่ 3 ตรวจสอบอีกครั้งว่า Meta Pixel ของคุณทำงานอย่างถูกต้อง

หากต้องการตรวจสอบว่า Facebook Pixel ของคุณเชื่อมต่อและทำงานอย่างถูกต้องหรือไม่ คุณสามารถทำตามขั้นตอนเหล่านี้:

  1. เข้าสู่ระบบบัญชี Facebook Business Manager ของคุณที่ https://business.facebook.com
  2. ไปที่แท็บ "แหล่งข้อมูล" ในแถบด้านซ้าย
  3. ในส่วน "พิกเซล" คุณควรเห็น Facebook Pixel ของคุณอยู่ในรายการ หากเชื่อมต่อและทำงานอย่างถูกต้อง จะมีจุดสีเขียวแสดงว่าพิกเซลทำงานอยู่
  4. คลิกชื่อพิกเซลของคุณเพื่อเข้าถึงการตั้งค่าและรายละเอียดเพิ่มเติม
  5. ภายในการตั้งค่าพิกเซล คุณสามารถตรวจสอบเหตุการณ์ที่กำลังติดตาม ตรวจสอบข้อผิดพลาดหรือคำเตือน และดูการทำงานล่าสุดของพิกเซลได้