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

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

อัปเดตล่าสุด: กุมภาพันธ์ 13, 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 ของคุณ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

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

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

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

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

  • ลิกการกำหนดค่าแท็ก
  • สำหรับประเภทแท็กให้เลือกแท็ก HTML ที่กำหนดเอง จากนั้นตั้งชื่อแท็กของคุณ
  • วางโค้ดติดตามในฟิลด์ HTML
  • ด้านล่างการกำหนดค่าแท็กให้คลิกการเรียกใช้เพื่อตั้งค่ากฎการยิง หากคุณไม่ได้ตั้งกฎการยิงแท็กจะไม่ยิงและข้อมูลการวิเคราะห์ HubSpot จะไม่ถูกเก็บรวบรวม
  • สำหรับแท็กที่จะยิงในทุกหน้าที่มีการติดตั้งรหัส 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