ติดตั้งรหัสติดตาม 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 ไอคอนการตั้งค่า ในแถบนำทางด้านบน
- ไปที่การตั้งค่าการติดตามและการวิเคราะห์ของคุณ:
-
ในบัญชีที่เข้าถึงได้เฉพาะ เครื่องมือ เริ่มต้น การตลาด หรือเครื่องมือฟรีของ HubSpot ให้ไป ที่ รหัสติดตามในเมนูแถบด้านซ้าย
- สำหรับการ สมัครสมาชิกอื่นๆทั้งหมดให้ไปที่ การติดตามและการวิเคราะห์ > รหัสติดตามในเมนูแถบด้านซ้าย
-
- ในส่วนรหัสฝังคลิกคัดลอกหรือคลิกส่งอีเมลไปยังนักพัฒนาเว็บของฉันเพื่อส่งรหัสติดตามไปยังสมาชิกทีมที่จะติดตั้งบนเว็บไซต์ของคุณ
- ติดตั้งโค้ดติดตามบนเว็บไซต์ของคุณ
ติดตั้งโค้ดติดตามบนเว็บไซต์ของคุณ
ในการติดตั้งโค้ดติดตามให้วางโค้ดก่อนแท็ก ปิดในโค้ด HTML สำหรับแต่ละหน้าของเว็บไซต์ของคุณ เมื่อคุณติดตั้งรหัสติดตามแล้วให้เรียนรู้วิธีตรวจสอบการติดตั้งและแก้ไขปัญหารหัส
ในขณะเดียวกันระบบการจัดการเนื้อหาส่วนใหญ่และนักพัฒนาซอฟต์แวร์ของคุณสามารถติดตั้งโค้ดไปยังทุกหน้าบนเว็บไซต์ของคุณเช่นไฟล์ส่วนท้ายที่อ้างอิงในทุกหน้า ตรวจสอบกับนักพัฒนาของคุณว่าพวกเขาสามารถช่วยทำสิ่งนี้ได้อย่างไร
หลังจากเพิ่มโค้ดติดตามลงในหน้าเว็บใดๆที่ไม่ได้โฮสต์กับ HubSpot แล้วคุณควรเพิ่มโดเมนไซต์ภายนอกลงในการตั้งค่ารายงานของคุณเพื่อรวมไว้ในการวิเคราะห์ HubSpot ของคุณ
ส่วนต่อไปนี้อาจช่วยได้หากคุณใช้ระบบการจัดการเนื้อหาเฉพาะ
ติดตั้งโค้ดติดตามบนเว็บไซต์ 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
- ใต้เพิ่มรหัสลงในหน้าคลิกปุ่มตัวเลือกสำหรับทุกหน้าและใช้เม
นูแบบเลื่อนลง เพื่อเลือกโหลดรหัสในแต่ละหน้าใหม่ - ใต้รหัสสถานที่ในส่วนให้คลิกปุ่มตัวเลือกเนื้อหา - สิ้นสุด
- คลิกนำไปใช้เพื่อบันทึกการเปลี่ยนแปลง
ติดตั้งโค้ดติดตามบนเว็บไซต์ 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 (แนะนำ) ให้เลือกตัวเลือกสำหรับทุกหน้า
- คลิกบันทึกเพื่อบันทึกแท็กใหม่ของคุณ
- ที่มุมขวาบนให้คลิกเผยแพร่เพื่อบันทึกคอนเทนเนอร์และแท็กของคุณ
- หากคุณยังไม่ได้ทำให้ติดตั้ง 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
เมื่อเพิ่มแล้วควรจัดกลุ่มข้อมูลที่เกี่ยวข้องกับหน้าเว็บภายนอกของคุณไปยังประเภทหน้าเว็บที่คุณเลือกไว้ในโค้ด เรียนรู้วิธีการทำงานของรหัสนี้ในเอกสารของนักพัฒนาซอฟต์แวร์ของเรา