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

ติดตั้งรหัสติดตาม HubSpot

อัปเดตล่าสุด: 3 ธันวาคม 2025

สามารถใช้ได้กับการสมัครใช้บริการใดๆ ต่อไปนี้ ยกเว้นที่ระบุไว้:

รหัสติดตาม HubSpot จะไม่ซ้ำกับบัญชี HubSpot แต่ละบัญชีและช่วยให้ HubSpot สามารถตรวจสอบการเข้าชม เว็บไซต์ของคุณได้ โค้ดติดตามจะรวมอยู่ในหน้าบล็อกหน้า Landing Page และหน้าเว็บไซต์ HubSpot โดยอัตโนมัติ

หากคุณมีหน้าเว็บที่โฮสต์จากภายนอก (เช่นหน้าเว็บที่ไม่ได้อยู่ใน HubSpot) คุณต้องติดตั้งรหัสติดตาม HubSpot ด้วยตนเองเพื่อจับภาพการวิเคราะห์สำหรับหน้าเว็บเหล่านั้น

เรียนรู้เพิ่มเติมว่าโค้ดติดตามช่วยให้คุณติดตามผู้เข้าชมเว็บไซต์ของคุณได้อย่างไร

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

โปรดทราบว่า:

  • คุณไม่ควรติดตั้งรหัสติดตาม HubSpot หลายรายการในหน้าเดียว หากมีการติดตั้งรหัสติดตาม HubSpot หลายรหัสรหัสแรกที่โหลดบนหน้าเว็บจะถูกยิงรหัสติดตาม HubSpot ที่ตามมาจะไม่ถูกโหลด
  • หากผู้ดูแลระบบไอทีหรือนักพัฒนาเว็บของคุณกำลังติดตั้งโค้ดพวกเขาจะต้องมีบัญชีผู้ใช้ HubSpot
  • หากคุณใช้แอปพลิเคชันหน้าเดียวโปรดดูเอกสารประกอบสำหรับนักพัฒนาเพื่อตั้งค่าการติดตาม
  • หากคุณให้เช่าที่พักทั้งโดเมนหรือโดเมนย่อยภายนอกคุณต้องเพิ่มโดเมนและ/หรือโดเมนย่อยลงในการตั้งค่าใน HubSpot ด้วย
  • ไม่รองรับรหัสติดตามบนเว็บไซต์ AMP
  • หากเว็บไซต์ภายนอกของคุณใช้ WordPress ขอแนะนำให้ติดตั้งและใช้ HubSpot All-in-One Marketing - Forms, Pop-ups, Live Chat WordPress plugin มันจะติดตั้งโค้ดติดตาม HubSpot บนเว็บไซต์ WordPress ของคุณ
  • หากผู้เข้าชมติดตั้งตัวบล็อกโฆษณามันอาจรบกวนโค้ดติดตาม

 

คัดลอกรหัสติดตาม HubSpot ของคุณ

  1. ในบัญชี HubSpot ของคุณ คลิก settings ไอคอนการตั้งค่า ในแถบนำทางด้านบน
  2. ไปที่การตั้งค่าการติดตามและการวิเคราะห์ของคุณ:
    • สำหรับการ สมัครสมาชิกอื่นๆทั้งหมดให้ไปที่การติดตามและการวิเคราะห์ > รหัสติดตามในเมนูแถบด้านซ้าย
  3. ในส่วนรหัสฝังคลิกคัดลอกหรือคลิกส่งอีเมลไปยังนักพัฒนาเว็บของฉันเพื่อส่งรหัสติดตามไปยังสมาชิกทีมที่จะติดตั้งบนเว็บไซต์ของคุณ

    The
  4. ติดตั้งโค้ดติดตามบนเว็บไซต์ของคุณ

ติดตั้งโค้ดติดตามบนเว็บไซต์ของคุณ

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

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

หลังจากเพิ่มโค้ดติดตามลงในหน้าเว็บใดๆที่ไม่ได้โฮสต์กับ HubSpot แล้วคุณควรเพิ่มโดเมนไซต์ภายนอกลงในการตั้งค่ารายงานของคุณเพื่อรวมไว้ในการวิเคราะห์ HubSpot ของคุณ 

ส่วนต่อไปนี้อาจช่วยได้หากคุณใช้ระบบการจัดการเนื้อหาเฉพาะ

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

ติดตั้งโค้ดติดตามบนเว็บไซต์ WordPress

ขอแนะนำอย่างยิ่งให้คุณติดตั้งและใช้ HubSpot All-in-One Marketing - Forms, Pop-ups, Live Chat WordPress plugin ปลั๊กอินจะติดตั้งโค้ดติดตาม HubSpot บนเว็บไซต์ WordPress ของคุณโดยอัตโนมัติ

เฉพาะในกรณีที่คุณไม่สามารถติดตั้งปลั๊กอิน WordPress ของ HubSpot ได้คุณสามารถติดตั้งโค้ดติดตาม HubSpot ได้ด้วยตนเอง:

  1. ทำตามขั้นตอนข้างต้นเพื่อคัดลอกรหัสติดตาม HubSpot ในบัญชี HubSpot ของคุณ
  2. เข้าสู่ระบบบัญชี WordPress ของคุณ
  3. ในเมนูแถบด้านข้างซ้ายให้ไปที่ลักษณะที่ปรากฏ > เครื่องมือแก้ไข
  4. ในรายการไฟล์ธีมทางด้านขวาของเครื่องมือแก้ไขให้เลือกส่วนท้ายของคุณ
  5. วางโค้ดติดตามแล้วเลือก อัปเดตไฟล์

โปรดทราบว่า:
  • หากคุณติดตั้งโค้ดติดตามด้วยตนเองและมีการสมัครสมาชิก HubSpot Marketing HubSpot จะไม่สามารถแยกความแตกต่างระหว่างโพสต์และหน้าเว็บ WordPress ในการวิเคราะห์ได้
  • หากเว็บไซต์ของคุณโฮสต์บน WordPress.com คุณจะไม่สามารถเพิ่มรหัสติดตาม HubSpot ลงในเว็บไซต์ของคุณได้เว้นแต่คุณจะอยู่ในแผนธุรกิจของพวกเขา แผนอื่นๆ (เช่น Premium, Personal) ไม่อนุญาตให้ผู้ใช้เพิ่มโค้ด JavaScript ใดๆ

ติดตั้งโค้ดติดตามบนเว็บไซต์ Shopify

โปรดทราบ: หากคุณติดตั้งการผสานรวม Shopify (Data Sync) รหัสติดตาม HubSpot จะถูกเพิ่มไปยังร้านค้า Shopify ของคุณโดยอัตโนมัติ 


  1. ทำตามขั้นตอนข้างต้นเพื่อคัดลอกรหัสติดตาม HubSpot ในบัญชี HubSpot ของคุณ
  2. เข้าสู่ระบบแดชบอร์ดผู้ดูแลระบบ Shopify ของคุณ
  3. ในเมนูแถบด้านข้างซ้ายให้ไปที่ร้านค้าออนไลน์ > ธีม
  4. คลิกเมนูดร็อปดาวน์การดำเนินการและเลือกแก้ไขรหัส
  5. เลือกไฟล์ theme.liquid สำหรับธีมของคุณ

  1. วางโค้ดติดตาม HubSpot ของคุณก่อนแท็ก ในไฟล์นี้
  2. ที่มุมขวาบนให้คลิก บันทึก

ติดตั้งโค้ดติดตามบนเว็บไซต์ Drupal

  1. ทำตามขั้นตอนข้างต้นเพื่อคัดลอกรหัสติดตาม HubSpot ในบัญชี HubSpot ของคุณ
  2. เข้าสู่ระบบแดชบอร์ดผู้ดูแลระบบ Drupal ของคุณ
  3. ในเมนูนำทางหลักให้ไปที่ โครงสร้าง
  4. คลิก บล็อก

  1. คลิก + เพิ่มบล็อค
  2. ป้อนฟิลด์สำหรับบล็อกใหม่ของคุณ วางโค้ดติดตามในฟิลด์เนื้อหาบล็อกแล้วคลิกบันทึกบล็อก

ติดตั้งโค้ดติดตามบนเว็บไซต์ Magento

ทำตามขั้นตอนข้างต้นเพื่อคัดลอกรหัสติดตาม HubSpot ในบัญชี HubSpot ของคุณ จากนั้นทำตามคู่มือผู้ใช้การออกแบบของ Magento สำหรับคำแนะนำในการติดตั้งโค้ด JavaScript ของบุคคลที่สามใน Header HTML

ติดตั้งโค้ดติดตามบนเว็บไซต์ Wix

ใช้ App Market ใน Wix เพื่อเพิ่มวิดเจ็ต HTML ลงในหน้าเว็บของคุณ:

  1. ทำตามขั้นตอนข้างต้นเพื่อคัดลอกรหัสติดตาม HubSpot ในบัญชี HubSpot ของคุณ
  2. ไปที่การตั้งค่าในแดชบอร์ดของเว็บไซต์
  3. คลิกแท็บรหัสที่กำหนดเองในส่วนขั้นสูง
  4. คลิก + เพิ่มรหัสที่กำหนดเองที่ด้านบนขวา
  5. วางโค้ดติดตามในกล่องข้อความ 
  6. ตั้งชื่อเครื่องมือใหม่เป็นรหัสติดตาม HubSpot
  7. ใต้เพิ่มรหัสลงในหน้าคลิกปุ่มตัวเลือกสำหรับทุกหน้าและใช้เม นูแบบเลื่อนลง เพื่อเลือกโหลดรหัสในแต่ละหน้าใหม่
  8. ใต้รหัสสถานที่ในส่วนให้คลิกปุ่มตัวเลือกเนื้อหา - สิ้นสุด
  9. คลิกนำไปใช้เพื่อบันทึกการเปลี่ยนแปลง
หากคุณใช้แชทสดหรือบอทบนเว็บไซต์ Wix ของคุณคุณสามารถทำตามขั้นตอนข้างต้นเพื่อเพิ่มขั้นตอนการแชทไปยังทุกหน้าหรือคุณสามารถทำงานร่วมกับนักพัฒนาซอฟต์แวร์เพื่อใช้ SDK วิดเจ็ตการแชทเพื่อกำหนดเป้าหมายเฉพาะหน้าได้ ใช้วิธีการ .widget-refresh เพื่อระบุแชทโฟลว์ที่แตกต่างกันในหน้าเว็บที่แตกต่างกัน เรียนรู้เพิ่มเติมเกี่ยวกับเอกสารสำหรับนักพัฒนาซอฟต์แวร์ของ HubSpot 
 

ติดตั้งโค้ดติดตามบนเว็บไซต์ Joomla

มีสองวิธีในการเพิ่มรหัสติดตาม HubSpot ของคุณลงในเว็บไซต์ Joomla ของคุณ ด้วยวิธีใดวิธีหนึ่งก่อนอื่นคุณจะต้องคัดลอกรหัสติดตาม HubSpot ของคุณตามขั้นตอนข้างต้น

คุณสามารถเลือกส่วนขยายจากไดเรกทอรีส่วนขยาย Joomla ที่คุณสามารถวางในโค้ดติดตาม HubSpot หรือคุณสามารถทำตามขั้นตอนด้านล่างเพื่อติดตั้งรหัสติดตาม:

  1. เข้าสู่ระบบบัญชี Joomla ของคุณในฐานะผู้ดูแลระบบ
  2. ในเมนูนำทางหลักให้ไปที่ส่วนขยาย > เทมเพลต > เทมเพลต
  3. คลิกชื่อเทมเพลตของคุณและเลือก index.php ในเมนูแถบด้านซ้าย
  4. วางโค้ดติดตาม HubSpot เหนือแท็ก โดยตรง
  5. คลิก บันทึก

ติดตั้งโค้ดติดตามบนเว็บไซต์ Squarespace

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

ติดตั้งโค้ดติดตามโดยใช้ Google Tag Manager

  1. ทำตามขั้นตอนข้างต้นเพื่อคัดลอกรหัสติดตาม HubSpot ในบัญชี HubSpot ของคุณ
  2. ในแท็บหรือหน้าต่างเบราว์เซอร์ใหม่ให้ลงชื่อเข้าใช้บัญชี Google Tag Manager ของคุณ
  3. เลือกตู้คอนเทนเนอร์ของคุณ
  4. ในเมนูแถบด้านข้างซ้ายให้ไป ที่แท็ก
  5. คลิก ใหม่

  1. ลิกการกำหนดค่าแท็ก
  2. สำหรับประเภทแท็กให้เลือกแท็ก HTML ที่กำหนดเอง จากนั้นตั้งชื่อแท็กของคุณ
  3. วางโค้ดติดตามในฟิลด์ HTML
  4. ด้านล่างการกำหนดค่าแท็กให้คลิกการเรียกใช้เพื่อตั้งค่ากฎการยิง หากคุณไม่ได้ตั้งกฎการยิงแท็กจะไม่ยิงและข้อมูลการวิเคราะห์ HubSpot จะไม่ถูกเก็บรวบรวม
  5. สำหรับแท็กที่จะยิงในทุกหน้าที่มีการติดตั้งรหัส Google Tag Manager (แนะนำ) ให้เลือกตัวเลือกสำหรับทุกหน้า

  1. คลิกบันทึกเพื่อบันทึกแท็กใหม่ของคุณ
  2. ที่มุมขวาบนให้คลิกเผยแพร่เพื่อบันทึกคอนเทนเนอร์และแท็กของคุณ

  1. หากคุณยังไม่ได้ทำให้ติดตั้ง Google Tag Manager บนเว็บไซต์ของคุณ

รหัสเพิ่มเติมเพื่อเก็บข้อมูลลงในประเภทหน้าเว็บ HubSpot

หากคุณใช้ การติดต่อเพื่อสร้างรายงานการระบุแหล่งที่มารายงาน การระบุแหล่งที่มาของรายได้ หรือแท็บหน้าเว็บใน เครื่องมือการวิเคราะห์การเข้าชม และต้องการให้ข้อมูลผู้เข้าชมไปยังหน้าเว็บภายนอกของคุณถูกจัดกลุ่มไปยังประเภทหน้าเว็บที่เฉพาะเจาะจงคุณควรขอให้ทีมนักพัฒนาของคุณเพิ่มโค้ดต่อไปนี้ลงในหน้าเว็บของคุณ:
 
var_hsq = window._hsq = window._hsq || [];
_hsq.push ([' setContentType ',' CONTENT_TYPE ']);

แทนที่ข้อความ CONTENT_TYPE ในโค้ดด้วยนิพจน์สำหรับประเภทเนื้อหาที่คุณต้องการให้มีการระบุเครดิต

  • หากต้องการให้เครดิตกับประเภทเนื้อหาของหน้าเว็บไซต์ให้ใช้นิพจน์หน้าstandard-pageหรือหน้าsite-pageไซต์
  • หากต้องการกำหนดเครดิตให้กับประเภทเนื้อหาของหน้า Landing Page ให้ใช้หน้า landing-page Page ของนิพจน์
  • หากต้องการให้เครดิตกับประเภทเนื้อหาของหน้าที่พักให้ใช้นิพจน์listing-pageพัก
  • หากต้องการกำหนดเครดิตให้กับประเภทเนื้อหาโพสต์บล็อกให้ใช้นิพจน์blog-postโพสต์
  • หากต้องการกำหนดคุณลักษณะเครดิตให้กับประเภทเนื้อหาบทความความรู้ให้ใช้knowledge-article knowledge-article

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

บทความนี้มีประโยชน์หรือไม่
แบบฟอร์มนี้ใช้สำหรับคำติชมเอกสารเท่านั้น เรียนรู้วิธีขอความช่วยเหลือจาก HubSpot