เพิ่มไฟล์ JavaScript ไปยัง HubSpot

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

สร้างไฟล์ JavaScript

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

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

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

แนบไฟล์ JavaScript ไปยังเทมเพลต

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

รวมไฟล์ JavaScript บนหน้าเว็บ HubSpot

คุณสามารถรวมไฟล์ JavaScript ของคุณในทุกหน้าของโดเมนที่โฮสต์โดย HubSpot หรือในแต่ละหน้าโดยใช้ URL สาธารณะ

วิธีเข้าถึง URL สาธารณะของไฟล์:

• ในเมนูแถบด้านข้างซ้ายให้เลือกไฟล์ JavaScript ของคุณ
• คลิกการดำเนินการ > คัดลอก URL สาธารณะ

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

 
 
 
< script src =' insert your file's public URL here '> 
 
 
 >
 
 
 

• คลิก บันทึก 

หรือเพื่อเพิ่มไฟล์ลงในแต่ละหน้า:

• ไปที่เนื้อหาของคุณ:

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

 
 
 
< script src =' insert your file's public URL here '> 
 
 
 >
 
 
 

• ที่ด้านบนขวาให้คลิกเผยแพร่หรือ อัปเดต