แชร์ผ่าน

เพิ่มโค้ดสคริปต์ให้กับหน้าไซต์เพื่อสนับสนุนการวัดและส่งข้อมูลทางไกล

  • บทความ

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

Web analytics เป็นเครื่องมือที่จำเป็น เมื่อคุณต้องการทำความเข้าใจวิธีการที่ลูกค้าของคุณโต้ตอบกับไซต์ของคุณ และตัดสินใจที่จะช่วยปรับปรุงประสบการณ์สำหรับการแปลงสูงสุด แพคเกจการวิเคราะห์เว็บจำนวนมากพร้อมให้ความช่วยเหลือในการบรรลุเป้าหมายเหล่านี้ เช่น Google Analytics, Clicky, Moz Analytics และ KISSMetrics แพคเกจการวิเคราะห์เว็บส่วนใหญ่กำหนดให้คุณต้องเพิ่มรหัสสคริปต์ฝั่งไคลเอ็นต์ในองค์ประกอบที่เป็น <head> ของ HTML สำหรับทุกเพจของไซต์ของคุณ

หมายเหตุ

คำแนะนำในบทความนี้จะใช้กับฟังก์ชัน client-side แบบกำหนดเองอื่นๆ ที่ Microsoft Microsoft Dynamics 365 Commerce ไม่ได้กล่าวถึง

สร้างส่วนที่สามารถใช้ซ้ำได้สำหรับรหัสสคริปต์ของคุณ

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

สร้างส่วนย่อยที่สามารถใช้ซ้ำได้สำหรับรหัสสคริปต์อินไลน์ของคุณ

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

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

สร้างส่วนย่อยที่สามารถใช้ซ้ำได้สำหรับรหัสสคริปต์ภายนอกของคุณ

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

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

หมายเหตุ

ถ้ามีการเปิดใช้งานนโยบายความปลอดภัยของเนื้อหา (CSP) สำหรับไซต์ของคุณ ให้ตรวจสอบให้แน่ใจว่ามีการเพิ่ม Url ภายนอกทั้งหมดลงในคำสั่ง CSP script-src ในตัวสร้างไซต์ Commerce สำหรับข้อมูลเพิ่มเติม ให้ดู จัดการนโยบายความปลอดภัยของเนื้อหา (CSP)

เพิ่มส่วนย่อยซึ่งรวมถึงรหัสสคริปต์ให้กับเทมเพลต

เมื่อต้องการเพิ่มส่วนย่อยที่รวมรหัสสคริปต์ไปยังเทมเพลตในโปรแกรมสร้างไซต์ ให้ทำตามขั้นตอนเหล่านี้

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

เพิ่มสคริปต์ภายนอกหรือสคริปต์อินไลน์ไปยังเทมเพลตโดยตรง

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

เพิ่มสคริปต์อินไลน์ไปยังเทมเพลตโดยตรง

เมื่อต้องการเพิ่มสคริปต์แบบอินไลน์ให้กับเทมเพลตในโปรแกรมสร้างไซต์โดยตรง ให้ทำตามขั้นตอนเหล่านี้

  1. ไปที่ เทมเพลต และเปิดเทมเพลตสำหรับเพจที่คุณต้องการเพิ่มรหัสสคริปต์ของคุณ
  2. ในบานหน้าต่างด้านซ้าย ให้ขยายลำดับชั้นเทมเพลตเพื่อแสดงช่อง ส่วนหัวของ HTML
  3. ในช่อง ส่วนหัวของ HTML เลือก ปุ่มจุดไข่ปลา (...) แล้วจากนั้น เลือก เพิ่มโมดูล
  4. ในกล่องโต้ตอบ เพิ่มโมดูล ให้เลือก สคริปต์แบบอินไลน์
  5. ในบานหน้าต่างคุณสมบัติทางด้านขวา ภายใต้ สคริปต์แบบอินไลน์ ให้ป้อนสคริปต์ฝั่งไคลเอ็นต์ของคุณ จากนั้น ตั้งค่าคอนฟิกตัวเลือกอื่นๆ ตามที่คุณต้องการ
  6. เลือก บันทึก และจากนั้น เลือก แก้ไขให้เสร็จสิ้น
  7. เลือก เผยแพร่

เพิ่มสคริปต์ภายนอกไปยังเทมเพลตโดยตรง

เมื่อต้องการเพิ่มสคริปต์ภายนอกให้กับเทมเพลตในโปรแกรมสร้างไซต์โดยตรง ให้ทำตามขั้นตอนเหล่านี้

  1. ไปที่ เทมเพลต และเปิดเทมเพลตสำหรับเพจที่คุณต้องการเพิ่มรหัสสคริปต์ของคุณ
  2. ในบานหน้าต่างด้านซ้าย ให้ขยายลำดับชั้นเทมเพลตเพื่อแสดงช่อง ส่วนหัวของ HTML
  3. ในช่อง ส่วนหัวของ HTML เลือก ปุ่มจุดไข่ปลา (...) แล้วจากนั้น เลือก เพิ่มโมดูล
  4. ในกล่องโต้ตอบ เพิ่มโมดูล ให้เลือก สคริปต์ภายนอก
  5. ในบานหน้าต่างคุณสมบัติทางด้านขวา ภายใต้ แหล่งที่มาของสคริปต์ ให้เพิ่ม URL ภายนอกหรือที่เกี่ยวข้องสำหรับแหล่งที่มาของสคริปต์ภายนอก จากนั้น ตั้งค่าคอนฟิกตัวเลือกอื่นๆ ตามที่คุณต้องการ
  6. เลือก บันทึก และจากนั้น เลือก แก้ไขให้เสร็จสิ้น
  7. เลือก เผยแพร่

ทรัพยากรเพิ่มเติม

เพิ่มโลโก้

เลือกชุดรูปแบบของไซต์

ใช้งานไฟล์ CSS แทนที่

เพิ่ม favicon

เพิ่มประกาศลิขสิทธิ์

เพิ่มภาษาในไซต์ของคุณ