HubSpot tracking code เป็นโค้ดที่มีเอกลักษณ์เฉพาะสำหรับแต่ละ HubSpot account และช่วยให้ HubSpot สามารถติดตามการเข้าชมเว็บไซต์ของคุณได้ โค้ดติดตามนี้จะถูกเพิ่มอัตโนมัติใน HubSpot blog pages, landing pages และ website pages
วันที่เผยแพร่ 5 พฤศจิกายน 2567Available with any of the following subscriptions, except where noted:
All products and plans
HubSpot tracking code เป็นโค้ดที่มีเอกลักษณ์เฉพาะสำหรับแต่ละ HubSpot account และช่วยให้ HubSpot สามารถติดตามการเข้าชมเว็บไซต์ของคุณได้ โค้ดติดตามนี้จะถูกเพิ่มอัตโนมัติใน HubSpot blog pages, landing pages และ website pages
หากคุณมีหน้าเว็บที่โฮสต์ภายนอก (เช่น หน้าเว็บที่ไม่ได้อยู่บน HubSpot) คุณต้องติดตั้ง HubSpot tracking code ด้วยตนเองเพื่อให้สามารถเก็บข้อมูลวิเคราะห์สำหรับหน้านั้น ๆ ได้
หากคุณใช้ HubSpot tracking code ข้อมูลของผู้เยี่ยมชมจะถูกเก็บรวบรวมและใช้ในการติดตามการเข้าชมเว็บไซต์ของคุณ นอกจากนี้ HubSpot ยังใช้ข้อมูลบางส่วนที่เก็บจาก HubSpot tracking code เพื่อปรับปรุงผลิตภัณฑ์และบริการของ HubSpot รวมถึง Breeze Intelligence commercial dataset คุณสามารถปิดการแชร์ข้อมูลกับ HubSpot สำหรับบัญชีของคุณได้โดยไปที่การตั้งค่าบัญชี Learn more เกี่ยวกับข้อมูลที่ถูกเก็บโดย HubSpot tracking code
โปรดทราบ:
- ไม่ควรติดตั้ง HubSpot tracking code หลายตัวในหน้าเดียวกัน หากมี HubSpot tracking code หลายตัวติดตั้งอยู่ โค้ดตัวแรกที่โหลดบนหน้านั้นจะทำงาน ส่วนโค้ดอื่น ๆ จะไม่โหลด
- หากผู้ดูแลระบบ IT หรือผู้พัฒนาเว็บของคุณเป็นผู้ติดตั้งโค้ด เขาจะต้องมี HubSpot user account
- หากคุณใช้ Single-page application โปรดดูเอกสารสำหรับนักพัฒนาเพื่อการตั้งค่าการติดตาม
- หากคุณโฮสต์ Domain หรือ Subdomain ภายนอก คุณต้องเพิ่ม Domain และ/หรือ Subdomain ในการตั้งค่าใน HubSpot ด้วย
- Tracking code ไม่รองรับบนเว็บไซต์ AMP
- หากเว็บไซต์ภายนอกของคุณใช้ WordPress ขอแนะนำให้ติดตั้งและใช้ HubSpot All-in-One Marketing - Forms, Pop-ups, Live Chat WordPress plugin ซึ่งจะติดตั้ง HubSpot tracking code บนเว็บไซต์ WordPress ของคุณ
- หากผู้เยี่ยมชมติดตั้งโปรแกรม Ad blocker อาจรบกวนการทำงานของ Tracking code
Copy your HubSpot tracking code
- ไปที่การตั้งค่า Tracking & Analytics:
- ในบัญชีที่มีเฉพาะ Marketing Starter หรือเครื่องมือฟรีของ HubSpot ให้ไปที่ Tracking Code ในเมนูด้านข้างซ้าย
- สำหรับการสมัครใช้งานอื่น ๆ ให้ไปที่ Tracking & Analytics > Tracking code ในเมนูด้านข้างซ้าย
- ในส่วน Embed code คลิก Copy หรือคลิก Email to my web developer เพื่อส่ง Tracking code ไปยังทีมที่รับผิดชอบการติดตั้งบนเว็บไซต์ของคุณ
Install the tracking code on your website
ในการติดตั้ง Tracking code ให้วางโค้ดก่อนปิดแท็ก </body> ใน HTML ของแต่ละหน้าในเว็บไซต์ของคุณ หลังจากติดตั้ง Tracking code แล้ว เรียนรู้วิธีการตรวจสอบการติดตั้งและแก้ไขปัญหาโค้ด
ในเวลาเดียวกัน ระบบการจัดการเนื้อหาส่วนใหญ่และนักพัฒนาของคุณสามารถติดตั้งโค้ดไปยังทุกหน้าของเว็บไซต์ได้ เช่น ไฟล์ Footer ที่ถูกเรียกใช้ในทุกหน้า ตรวจสอบกับนักพัฒนาของคุณว่าพวกเขาสามารถช่วยในเรื่องนี้ได้อย่างไร
หลังจากเพิ่ม Tracking code ไปยังหน้าที่ไม่ได้โฮสต์กับ HubSpot คุณควรเพิ่ม External site domains ใน Reports settings เพื่อรวมไว้ใน HubSpot analytics ของคุณ
ส่วนถัดไปอาจมีประโยชน์หากคุณใช้ระบบการจัดการเนื้อหาเฉพาะ
โปรดทราบ : เนื่องจากเว็บไซต์แต่ละแห่งมีโครงสร้างแตกต่างกัน ขั้นตอนเหล่านี้อาจไม่ใช่คำแนะนำที่แน่นอนในการเข้าถึง HTML code ของคุณ หากคุณไม่แน่ใจว่าต้องเข้าถึง HTML code ของเว็บไซต์อย่างไร ติดต่อ Webmaster, ฝ่าย IT หรือ Developer ของคุณ และแสดงบทความนี้ให้พวกเขาดู
Install the tracking code on a WordPress website
ขอแนะนำอย่างยิ่งให้ติดตั้งและใช้ HubSpot All-in-One Marketing - Forms, Pop-ups, Live Chat WordPress plugin ปลั๊กอินนี้จะติดตั้ง HubSpot tracking code บนเว็บไซต์ WordPress ของคุณโดยอัตโนมัติ
หากคุณไม่สามารถติดตั้ง HubSpot WordPress plugin ได้ คุณสามารถติดตั้ง HubSpot tracking code ด้วยตนเอง
- ทำตามขั้นตอนข้างต้นเพื่อคัดลอก HubSpot tracking code ใน HubSpot account ของคุณ
- เข้าสู่ระบบ WordPress account ของคุณ
- ในเมนูด้านข้างซ้าย ให้ไปที่ Appearance > Editor
- ในรายการไฟล์ธีมที่ด้านขวาของ Editor ให้เลือก Footer
- วาง Tracking code และเลือก Update File
โปรดทราบ:
- หากคุณติดตั้ง Tracking code ด้วยตนเองและมีการสมัครใช้บริการ HubSpot Marketing Hub HubSpot จะไม่สามารถแยกแยะระหว่าง WordPress posts และ pages ในการวิเคราะห์ข้อมูลได้
- หากเว็บไซต์ของคุณโฮสต์อยู่บน WordPress.com คุณจะไม่สามารถเพิ่ม HubSpot tracking code ลงในเว็บไซต์ของคุณได้ เว้นแต่คุณจะอยู่ในแผน Business แผนอื่น ๆ (เช่น Premium, Personal) ไม่อนุญาตให้ผู้ใช้เพิ่ม JavaScript code
Install the tracking code on a Shopify site
- ทำตามขั้นตอนข้างต้นเพื่อคัดลอก HubSpot tracking code ใน HubSpot account ของคุณ
- เข้าสู่ระบบ Shopify admin dashboard ของคุณ
- ในเมนูด้านข้างซ้าย ให้ไปที่ Online Store > Themes
- คลิกที่เมนูแบบเลื่อนลง Actions และเลือก Edit code
- เลือกไฟล์ theme.liquid สำหรับธีมของคุณ
- วาง HubSpot tracking code ของคุณก่อนปิดแท็ก </body> ในไฟล์นี้
- ที่มุมขวาบน ให้คลิก Save
Install the tracking code on a Drupal site
- ทำตามขั้นตอนข้างต้นเพื่อคัดลอก HubSpot tracking code ใน HubSpot account ของคุณ
- เข้าสู่ระบบ Drupal admin dashboard ของคุณ
- ในเมนูการนำทางหลัก ให้ไปที่ Structure
- คลิก Blocks
- คลิก + Add Block
- กรอกข้อมูลใน Fields สำหรับบล็อกใหม่ของคุณ วาง Tracking code ใน Block body field จาก
นั้นคลิก Save block
Install the tracking code on a Magento site
ทำตามขั้นตอนข้างต้นเพื่อคัดลอก HubSpot tracking code ใน HubSpot account ของคุณ จากนั้นทำตามคำแนะนำในคู่มือผู้ใช้การออกแบบของ Magento สำหรับการติดตั้งโค้ด JavaScript จากบุคคลที่สามใน Header HTML
Install the tracking code on a Wix site
ใช้ App Market ใน Wix เพื่อเพิ่ม HTML widget ลงในหน้าเว็บของคุณ:
- ทำตามขั้นตอนข้างต้นเพื่อคัดลอก HubSpot tracking code ใน HubSpot account ของคุณ
- ไปที่ Settings ในแดชบอร์ดของเว็บไซต์ของคุณ
- คลิกแท็บ Custom Code ในส่วน Advanced
- คลิก + Add Custom Code ที่มุมขวาบน
- วาง Tracking code ลงในช่องข้อความ
- ตั้งชื่อเครื่องมือใหม่เป็น HubSpot Tracking Code
- ภายใต้ Add Code to Pages ให้คลิกปุ่มเลือกสำหรับ All pages และใช้เมนูแบบเลื่อนลงเพื่อเลือก Load code on each new page
- ในส่วน Place Code in section ให้คลิกปุ่มเลือกสำหรับ Body - end
- คลิก Apply เพื่อบันทึกการเปลี่ยนแปลงของคุณ
หากคุณใช้ Live chat หรือ Bot บนเว็บไซต์ Wix ของคุณ คุณสามารถทำตามขั้นตอนข้างต้นเพื่อเพิ่ม Chatflow ในทุกหน้า หรือทำงานร่วมกับนักพัฒนาเพื่อใช้ Chat widget SDK เพื่อกำหนดเป้าหมายหน้าที่เฉพาะ ใช้วิธี .widget-refresh เพื่อระบุ Chatflows ที่แตกต่างกันในแต่ละหน้า ดูเพิ่มเติมใน HubSpot's developer docs
Install the tracking code on a Joomla site
มีสองวิธีในการเพิ่ม HubSpot tracking code ลงในเว็บไซต์ Joomla ของคุณ โดยทั้งสองวิธีคุณต้องคัดลอก HubSpot tracking code ตามขั้นตอนข้างต้นก่อน
คุณสามารถเลือกส่วนขยายจาก Joomla Extension Directory ซึ่งสามารถวาง HubSpot tracking code ได้ อีกทางหนึ่ง คุณสามารถทำตามขั้นตอนด้านล่างเพื่อติดตั้ง Tracking code:
- เข้าสู่ระบบ Joomla account ของคุณในฐานะผู้ดูแลระบบ
- ในเมนูการนำทางหลัก ไปที่ Extensions > Templates > Templates
- คลิกที่ชื่อเทมเพลตของคุณและเลือก index.php ในเมนูด้านข้างซ้าย
- วาง HubSpot tracking code เหนือแท็ก </body> โดยตรง
- คลิก Save
Install the tracking code on a Squarespace site
- ทำตามขั้นตอนข้างต้นเพื่อคัดลอก HubSpot tracking code ใน HubSpot account ของคุณ
- เข้าสู่ระบบ Squarespace account ของคุณ
- ในเมนูด้านข้างซ้าย ไปที่ Settings
- ในส่วน Website ของเมนู ไปที่ Advanced จากนั้นเลือก Code Injection
- วาง Tracking code ลงในช่อง Header
- ที่มุมบนซ้าย คลิก Save
Install the tracking code using Google Tag Manager
- ทำตามขั้นตอนข้างต้นเพื่อคัดลอก HubSpot tracking code ใน HubSpot account ของคุณ
- ในแท็บหรือหน้าต่างเบราว์เซอร์ใหม่ เข้าสู่ระบบ Google Tag Manager account ของคุณ
- เลือก Container ของคุณ
- ในเมนูด้านข้างซ้าย ไปที่ Tags
- คลิก New
- คลิก Tag Configuration
- สำหรับ Tag type ให้เลือก Custom HTML Tag จากนั้นตั้งชื่อให้ Tag ของคุณ
- วาง Tracking code ในช่อง HTML field
- ด้านล่าง Tag Configuration คลิก Triggering เพื่อกำหนดกฎการทำงาน หากคุณไม่ตั้งค่ากฎการทำงาน Tag จะไม่ทำงานและจะไม่มีการเก็บข้อมูล HubSpot Analytics
- สำหรับ Tag ที่จะทำงานในทุกหน้าที่ติดตั้ง Google Tag Manager (แนะนำ) ให้เลือกตัวเลือก All Pages
- คลิก Save เพื่อบันทึก Tag ใหม่ของคุณ
- ที่มุมบนขวา คลิก Publish เพื่อบันทึก Container และ Tags
- หากคุณยังไม่ได้ติดตั้ง Google Tag Manager บนเว็บไซต์ของคุณ ให้ทำการติดตั้ง
Additional code to bucket data into HubSpot page types
หากคุณใช้ Contact Create Attribution Reports, Revenue Attribution Reports หรือแท็บ Pages ใน Traffic Analytics tool และต้องการให้ข้อมูลของผู้เยี่ยมชมไปที่หน้า External เพื่อจัดกลุ่มตามประเภทหน้า คุณควรขอให้ทีมพัฒนาของคุณเพิ่มโค้ดต่อไปนี้ในหน้าเว็บของคุณ:
var _hsq = window._hsq = window._hsq || [];
_hsq.push(['setContentType', 'CONTENT_TYPE']);
แทนที่ข้อความ CONTENT_TYPE ในโค้ดด้วยข้อความแสดงประเภท Content ที่คุณต้องการให้เครดิตไปยังประเภทนั้น
- เพื่อให้เครดิตไปยังประเภท Website page content ใช้ข้อความ standard-page หรือ site-page
- เพื่อให้เครดิตไปยังประเภท Landing page content ใช้ข้อความ landing-page
- เพื่อให้เครดิตไปยังประเภท Listing page content ใช้ข้อความ listing-page
- เพื่อให้เครดิตไปยังประเภท Blog post content ใช้ข้อความ blog-post
- เพื่อให้เครดิตไปยังประเภท Knowledge article content ใช้ข้อความ knowledge-article
เมื่อเพิ่มแล้ว ข้อมูลที่เกี่ยวข้องกับหน้า External ของคุณจะถูกจัดกลุ่มตามประเภทหน้าที่คุณเลือกในโค้ด ดูวิธีการทำงานของโค้ดนี้ในเอกสารสำหรับนักพัฒนา
ที่มา: https://knowledge.hubspot.com/reports/install-the-hubspot-tracking-code