แชร์ผ่าน


ภาพรวมของเว็บการจัดการเหตุการณ์ในภาพรวมการตลาดขาออก

Note

Dynamics 365 Marketing และ Dynamics 365 Customer Insights ตอนนี้เป็นข้อมูลเชิงลึกของลูกค้า - การเดินทางและข้อมูลเชิงลึกของลูกค้า - ข้อมูล สําหรับข้อมูลเพิ่มเติม ดู คําถามที่ถามบ่อยเกี่ยวกับ Dynamics 365 Customer Insights

ข้อมูลเชิงลึกของลูกค้าใหม่ - ลูกค้าการเดินทางได้รับคุณลักษณะการเดินทางแบบเรียลไทม์เท่านั้น สําหรับข้อมูลเพิ่มเติม ให้ดู การติดตั้งการเดินทางแบบเรียลไทม์ตามค่าเริ่มต้น

Note

Azure Active Directory ตอนนี้เป็น Microsoft Entra ID เรียนรู้เพิ่มเติม

สําคัญ

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

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

พอร์ทัลเหตุการณ์ประกอบด้วยสองส่วน:

  1. Front end
  2. REST API backend

คุณสามารถใช้ front end โดยใช้ใด ๆ ของเฟรมเวิร์กที่พร้อมใช้งาน ส่วนหน้าเป็นแอปพลิเคชันแบบหน้าเดียวและสามารถปรับแต่งได้อย่างสมบูรณ์ Backend และการปรับแต่งแบ็กเอนด์ขึ้นอยู่กับประเภทการโฮสต์

คุณสามารถโฮสต์เว็บไซต์เหตุการณ์แบบกําหนดเองได้สองวิธี:

  1. โฮสต์ด้วยตนเอง
  2. โฮสต์พอร์ทัล Power Apps แล้ว

คำเตือน

การปรับแต่งไปยังเว็บไซต์ Angular ตัวอย่างจะดําเนินการโดยมีความเสี่ยงของคุณเอง ฝ่ายสนับสนุนทางเทคนิคของ Microsoft Dynamics 365 ไม่สามารถช่วยคุณแก้ไขปัญหาหรือคําถามที่เกี่ยวข้องกับตัวอย่างการกําหนดค่าเว็บไซต์ได้

ข้อกําหนดเบื้องต้น

คุณสามารถสร้าง front end ของคุณ หรือกําหนดค่าการสาธิตเว็บไซต์เหตุการณ์ที่ให้มา

เคล็ดลับ

เว็บไซต์เหตุการณ์การตลาดขาออกไม่สามารถกําหนดเองได้โดยใช้ Power Pages Studio

Note

เว็บไซต์เหตุการณ์การสาธิตที่ให้มาเป็นเว็บไซต์ที่ใช้เฟรมเวิร์ก Angular อย่างไรก็ตามเนื่องจาก Backend ไม่ขึ้นอยู่กับ front end คุณสามารถใช้เฟรมเวิร์กที่คุณเลือกได้

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

  1. ดาวน์โหลดโค้ดต้นฉบับสําหรับเว็บไซต์เหตุการณ์ตัวอย่าง

  2. ติดตั้ง Node.js ระหว่างเวอร์ชัน 10.x และเวอร์ชัน 16.x การปรับใช้จะไม่ทํางานกับเวอร์ชันที่ใหม่กว่า

  3. เปิด Command Prompt หรือ Windows PowerShell และเรียกใช้คําสั่งเพื่อตรวจสอบว่าการติดตั้งเสร็จสมบูรณ์หรือไม่

     node -v
    

    Note

    ถ้าคุณมีเทอร์มินัลหรือเชลล์เปิดอยู่แล้ว ให้รีสตาร์ทก่อนที่จะพิมพ์ในคําสั่ง

  4. เรียกใช้คําสั่งเพื่อติดตั้ง Angular CLI (อินเทอร์เฟซบรรทัดคําสั่ง) ที่จําเป็นในการสร้างและเรียกใช้แอปพลิเคชัน Angular ข้อมูลเพิ่มเติม: Angular CLI

    npm install -g @angular/cli
    
  5. นําทางไปยังไดเรกทอรีที่คุณดาวน์โหลด ซอร์สโค้ด และเรียกใช้คําสั่งเพื่อดึงข้อมูลแพคเกจที่จําเป็นทั้งหมดที่จําเป็นในการเรียกใช้เว็บไซต์

    npm install
    

    Note

    คุณจําเป็นต้องเรียกใช้คําสั่ง ในไดเรกทอรีเดียวกันที่มี package.json ไฟล์อยู่

  6. ดู เอกสาร API สาธารณะ เพื่อโต้ตอบกับบริการ Backend

  7. คุณยังต้องมี Dynamics 365 Customer Insights - อินสแตนซ์ Journeys ที่มีการติดตั้งโซลูชันการจัดการเหตุการณ์และพอร์ทัล หากต้องการติดตั้ง โปรดดูลงทะเบียน Dynamics 365 Customer Insights ฟรี - การทดลองใช้งานการเดินทาง

ดาวน์โหลดเว็บไซต์เหตุการณ์ตัวอย่าง

Note

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

เลือกเวอร์ชันที่คุณต้องการดาวน์โหลดจากตารางด้านล่าง

ชื่อ ปล่อย การเปลี่ยนแปลง อัป โหลด
เว็บไซต์ตัวอย่างเหตุการณ์ 1.60.0 (พฤษภาคม-เผยแพร่) - การปรับปรุงประสิทธิภาพการทํางานสําหรับเว็บไซต์พอร์ทัลเหตุการณ์
- การปรับปรุงเล็กน้อยและแก้ไขข้อบกพร่อง
ดาวน์โหลด
เว็บไซต์ตัวอย่างเหตุการณ์ 1.56.0 (ธันวาคม-เผยแพร่) - แก้ไขปัญหาการรอ
- การปรับปรุงเล็กน้อยและแก้ไขข้อบกพร่อง
ดาวน์โหลด
เว็บไซต์ตัวอย่างเหตุการณ์ 1.46.0 (เผยแพร่ในเดือนกันยายน) - แก้ไขปัญหาการเข้าถึง
- การปรับปรุงเล็กน้อยและแก้ไขข้อบกพร่อง
ดาวน์โหลด
เว็บไซต์ตัวอย่างเหตุการณ์ 1.34.0 (เผยแพร่ในเดือนเมษายน) - การปรับปรุงเล็กน้อยและแก้ไขข้อบกพร่อง ดาวน์โหลด
เว็บไซต์ตัวอย่างเหตุการณ์ 1.30.0 (เผยแพร่ในเดือนธันวาคม) - การปรับปรุงเล็กน้อยและแก้ไขข้อบกพร่อง ดาวน์โหลด
เว็บไซต์ตัวอย่างเหตุการณ์ 1.28.0 (เผยแพร่ในเดือนตุลาคม) - เพิ่มความเป็นไปได้เพื่อเลือกใช้การแปลงวันที่ท้องถิ่น
- เพิ่มการกําหนดค่าภาษาของเว็บไซต์เพิ่มเติม
ดาวน์โหลด
เว็บไซต์ตัวอย่างเหตุการณ์ 1.27.0 (เผยแพร่ในเดือนกันยายน) - เพิ่มความเป็นไปได้ในการกําหนดค่าการแสดงผลของวันที่
- การปรับปรุงเล็กน้อยและแก้ไขข้อบกพร่อง
ดาวน์โหลด
เว็บไซต์ตัวอย่างเหตุการณ์ 1.24.0 (เผยแพร่ในเดือนมิถุนายน) - อัปเดตสคริปต์การปรับใช้เพื่ออนุญาตให้มีการปรับใช้ไฟล์เดียวสําหรับพอร์ทัล
- การปรับปรุงเล็กน้อยและแก้ไขข้อบกพร่อง
ดาวน์โหลด
เว็บไซต์ตัวอย่างเหตุการณ์ 1.23.0 (เผยแพร่ในเดือนพฤษภาคม) - แก้ไขปัญหาการเข้าถึง
- การปรับปรุงเล็กน้อยและแก้ไขข้อบกพร่อง
ดาวน์โหลด
เว็บไซต์ตัวอย่างเหตุการณ์ 1.22.0 (เผยแพร่ในเดือนเมษายน) - แก้ไขปัญหาการเข้าถึง
- การปรับปรุงเล็กน้อยและแก้ไขข้อบกพร่อง
ดาวน์โหลด
เว็บไซต์ตัวอย่างเหตุการณ์ 1.21.0 (เผยแพร่ในเดือนมีนาคม) - เพิ่มการลงทะเบียนหยุดสําหรับเหตุการณ์
- การปรับปรุงเล็กน้อยและแก้ไขข้อบกพร่อง
ดาวน์โหลด
เว็บไซต์ตัวอย่างเหตุการณ์ 1.20.0 (เผยแพร่ในเดือนกุมภาพันธ์) - รวมฟอร์มการตลาดสําหรับการลงทะเบียนเหตุการณ์
- การปรับปรุงเล็กน้อยและแก้ไขข้อบกพร่อง
ดาวน์โหลด
เว็บไซต์ตัวอย่างเหตุการณ์ 1.19.0 (เผยแพร่ในเดือนธันวาคม) - แก้ไขปัญหาการเข้าถึง
- อัปเดตภาษาของเว็บไซต์
- ปรับปรุงหน้าผู้บรรยาย
- การปรับปรุงเล็กน้อยและแก้ไขข้อบกพร่อง
ดาวน์โหลด
เว็บไซต์ตัวอย่างเหตุการณ์ 1.18.0 (เผยแพร่ในเดือนตุลาคม) - การปรับปรุงเล็กน้อยและแก้ไขข้อบกพร่อง ดาวน์โหลด
เว็บไซต์ตัวอย่างเหตุการณ์ 1.17.0 (เผยแพร่ในเดือนกันยายน) - ปรับปรุงเวิร์กโฟลว์สําหรับเหตุการณ์แบบชําระเงิน
- แก้ไขปัญหาความเข้ากันได้สําหรับ IE11
- ปรับปรุงหน้ารายละเอียดเหตุการณ์
- การปรับปรุงเล็กน้อยและแก้ไขข้อบกพร่อง
ดาวน์โหลด
เว็บไซต์ตัวอย่างเหตุการณ์ 1.16.0 (เผยแพร่ในเดือนสิงหาคม) - ปรับปรุงลักษณะการทํางานการโหลดของหน้าเหตุการณ์
- ปรับปรุง UI/UX ของเขตข้อมูลการลงทะเบียนแบบกําหนดเองของชนิดบูลีน
- การปรับปรุงเล็กน้อยและแก้ไขข้อบกพร่อง
ดาวน์โหลด
เว็บไซต์ตัวอย่างเหตุการณ์ 1.15.0 (รุ่นเดือนกรกฎาคม) - เพิ่มข้อมูลไปยังมุมมองรายการเซสชัน ถ้าเซสชันเต็ม
- เพิ่มการตรวจสอบความถูกต้องไปยังเขตข้อมูลการลงทะเบียนแบบกําหนดเอง
- ปรับปรุงการแปล
- แก้ไขไอคอนตัวอักษรที่ยอดเยี่ยมที่ขาดหายไปหลังจากปรับใช้กับพอร์ทัล
- การปรับปรุงเล็กน้อยและแก้ไขข้อบกพร่อง
ดาวน์โหลด
เว็บไซต์ตัวอย่างเหตุการณ์ 1.14.0 (เผยแพร่ในเดือนมิถุนายน) อัปเกรดเป็น Angular 7 ปรับปรุง UI และ UX ของหน้าการชําระเงิน อัปเดตและปรับปรุงการแปล ปรับปรุงสคริปต์ DeployToD365Instance.ps1 ปรับปรุงการตรวจสอบเขตข้อมูลการลงทะเบียนแบบกําหนดเอง การแก้ไขข้อบกพร่องอื่น ๆ ดาวน์โหลด
เว็บไซต์ตัวอย่างเหตุการณ์ 1.13.0 (เผยแพร่ในเดือนเมษายน) ฟังก์ชันการรอในระดับเซสชัน การขัด UI การแก้ไขข้อบกพร่อง ดาวน์โหลด
เว็บไซต์ตัวอย่างเหตุการณ์ 1.12.2 (เผยแพร่ในเดือนมีนาคม) การปรับปรุง UI และ UX การแก้ไขข้อบกพร่อง ดาวน์โหลด

พารามิเตอร์การกําหนดค่าสภาพแวดล้อม

โฟลเดอร์ src\environments ประกอบด้วยไฟล์การกําหนดค่าตัวอย่างสําหรับสภาพแวดล้อมที่แตกต่างกัน (โฮสต์ด้วยตนเอง โฮสต์พอร์ทัล การพัฒนา) การกําหนดค่าที่ตั้งค่าสําหรับเว็บไซต์เหตุการณ์แบบกําหนดเองถูกสร้างขึ้น โดยการสร้าง environment.ts ไฟล์ภายใน \src\environments โฟลเดอร์ คุณสามารถค้นหาคําแนะนําเกี่ยวกับวิธีการเปลี่ยนการกําหนดค่าในบทความที่เกี่ยวข้องการกําหนดค่าสภาพแวดล้อมสําหรับโฮสต์ด้วยตนเองและการกําหนดค่าสภาพแวดล้อมสําหรับพอร์ทัลที่โฮสต์

นี่คือพารามิเตอร์บางอย่างที่คุณต้องทําความเข้าใจก่อนที่คุณจะเริ่มกําหนดค่าเว็บไซต์เหตุการณ์แบบกําหนดเองของคุณ:

พารามิเตอร์ คำอธิบาย
การผลิต เปิดหรือปิดใช้งานโหมดการผลิตของแอปพลิเคชัน Angular ข้อมูลเพิ่มเติม: คู่มือ Angular
buildVersion ฟิลด์นี้จะลิงค์ไปยังเวอร์ชันที่ระบุใน package.json ไฟล์ตามค่าเริ่มต้น ไม่จําเป็นต้องเปลี่ยนคุณสมบัตินี้ อย่างไรก็ตามหากคุณไม่ต้องการเปิดเผยเวอร์ชันของแอปพลิเคชันคุณสามารถตั้งค่าเป็นnull
apiEndpoint URL ที่ชี้ไปยังจุดสิ้นสุด API การจัดการเหตุการณ์ (ซึ่งใช้เพื่อดึงข้อมูลของเหตุการณ์และเพื่อทําการลงทะเบียน)
localizationEndpoint ชี้ไปยัง URL ที่จัดเก็บไฟล์การแปลเป็นภาษาท้องถิ่น (โดยค่าเริ่มต้นจะถูกจัดเก็บไว้ในไดเรกทอรีราก)
imagesEndpoint ระบุ URL พื้นฐานจากตําแหน่งที่รูปภาพถูกแสดง การกําหนดค่านี้ช่วยให้คุณสามารถแสดงรูปภาพจากตําแหน่งอื่นซึ่งอาจจําเป็นหากคุณต้องการใช้เครือข่ายนําส่งเนื้อหาหรือบริการประมวลผลรูปภาพ
useRestStack การตั้งค่านี้ระบุว่าจะใช้ API ใด ถ้าตั้งค่าเป็น true จะมีการใช้ API สาธารณะของการจัดการเหตุการณ์ใหม่ ถ้าตั้งค่าเป็น false จะมีการใช้ API พอร์ทัลการจัดการเหตุการณ์ที่เลิกใช้แล้ว API นี้สามารถใช้ได้ก็ต่อเมื่อคุณโฮสต์เว็บไซต์เหตุการณ์แบบกําหนดเองบนพอร์ทัล เมื่อต้องใช้ API สาธารณะการจัดการเหตุการณ์ใหม่ คุณจําเป็นต้องลงทะเบียนเว็บแอปพลิเคชัน
emApplicationtoken โทเค็นนี้จะรับรองความถูกต้องของแอปพลิเคชันเว็บของคุณกับ API สาธารณะของการจัดการเหตุการณ์ คุณสามารถเรียกใช้โทเค็นแอปพลิเคชันได้โดยการลงทะเบียนแอปพลิเคชันเว็บใหม่ในอินสแตนซ์ Customer Insights - Journeys โทเค็นนี้ไม่จําเป็นถ้าคุณกําลังใช้ API พอร์ทัลการจัดการเหตุการณ์ที่เลิกใช้แล้ว
คือ เปิดใช้งานการรับรองความถูกต้อง ค่าสถานะนี้จะระบุว่าการรับรองความถูกต้องของผู้ใช้ได้รับการสนับสนุนหรือไม่ (นั่นคือผู้ใช้สามารถลงทะเบียนหรือลงชื่อเข้าใช้ได้) ถ้าตั้งค่าเป็น false แอปพลิเคชันจะไม่แสดงวิธีในการลงชื่อเข้าใช้หรือลงทะเบียน
useAadB2C ระบุว่าคุณต้องการใช้ การจัดการข้อมูลประจําตัว Microsoft Entra ID สําหรับการรับรองความถูกต้องหรือไม่ ถ้าคุณต้องการใช้ การจัดการข้อมูลประจําตัวของพอร์ทัล Power Apps ค่าสถานะนี้จําเป็นต้องตั้งค่าเป็น เท็จ หากเปิดใช้งาน Microsoft Entra ID คุณจะต้องกําหนดค่า aadB2CConfig ตัวแปร
aadB2CConfig ออบเจ็กต์การกําหนดค่าที่ใช้โดยแอปพลิเคชันการจัดการเหตุการณ์เมื่อเปิดใช้งานการจัดการข้อมูลประจําตัว Microsoft Entra
useMockData การตั้งค่านี้สามารถใช้เพื่อส่งกลับวัตถุจําลองแทนที่จะทําการเรียกใช้ API จริง
dateSettings การตั้งค่านี้สามารถใช้เพื่อกําหนดวิธีการจัดรูปแบบวันที่ในเว็บไซต์ ถ้า convertToLocalDate ค่าสถานะถูกตั้งค่าเป็น จริง วันที่ทั้งหมดจะถูกแปลงเป็นเวลาท้องถิ่นของผู้ใช้ปลายทางโดยอัตโนมัติ
languageSettings การตั้งค่านี้สามารถใช้เพื่อกําหนดวิธีโหลดภาษาบนเว็บไซต์ ถ้าforceSingleLanguageค่าสถานะถูกตั้งค่าเป็น true เว็บไซต์จะถูกโหลดในภาษาที่ระบุในwebsiteLanguageLcid ค่า showLanguageDropdown สถานะอนุญาตให้แสดงหรือซ่อนรายการดรอปดาวน์ภาษา ตามค่าเริ่มต้น รายการดรอปดาวน์ภาษาจะปรากฏและเว็บไซต์จะใช้ภาษาเบราว์เซอร์ของผู้ใช้ปลายทาง

การกําหนดค่า Backend

คุณอาจอยู่ในสถานการณ์ที่คุณต้องการกําหนดค่า Backend ของแอปพลิเคชันการจัดการเหตุการณ์ สมมติว่าผู้กําหนดค่าระบบต้องการเพิ่มเขตข้อมูลใหม่ลงในเอนทิตีการจัดการเหตุการณ์ที่มีอยู่ และต้องการดูเขตข้อมูลนั้นบนเว็บไซต์เหตุการณ์ ตัวอย่างเช่น ถ้าเขตข้อมูล custom_new_field ถูกเพิ่มไปยังเอนทิตี evtmgmt_pass การส่งผ่านสําหรับเหตุการณ์สามารถเรียกใช้ได้โดยใช้จุด api/v2.0/events/{readableEventId}/passesสิ้นสุด API แต่ผลลัพธ์ไม่มีเขตข้อมูลที่เพิ่มใหม่

เมื่อต้องการแสดงเขตข้อมูลใหม่ให้มองเห็นได้ใน API ให้ทําตามขั้นตอนด้านล่าง:

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