Published: May 18, 2026
WebMCP มีประโยชน์มากมาย ในเอกสารนี้ คุณจะได้เรียนรู้วิธีใช้ WebMCP เพื่อสนับสนุนผู้ใช้และตัวแทนของผู้ใช้ คุณจะได้อ่านเกี่ยวกับกระบวนการนี้จากมุมมองของผู้ใช้และตัวแทน พร้อมคำแนะนำเกี่ยวกับเครื่องมือที่คุณสามารถจัดหาให้เพื่อสนับสนุน เส้นทางของผู้ใช้ที่สำคัญ (CUJ)
ช่วยผู้ใช้ทำการซื้อ
นักพัฒนาแอปสำหรับร้านค้าปลีกเป็นผู้สมัครที่เหมาะสมสำหรับ WebMCP แม้ว่าจะมีบางสถานการณ์ที่ผู้ใช้ต้องการเลือกสินค้าด้วยตนเอง เช่น การค้นหาสินค้าที่ขาดหายไปจากคอลเล็กชัน แต่ก็มีสถานการณ์อื่นๆ ที่ผู้ใช้เพียงต้องการให้งานเสร็จสมบูรณ์ ซึ่งอาจเป็นรายการซื้อของชำรายสัปดาห์ การวางแผนจัดงานปาร์ตี้ หรือการสั่งซื้อสินค้าที่ชื่นชอบซ้ำ
ผู้ใช้ของเราสำหรับ CUJ การช็อปปิ้งเหล่านี้คือเจสซี เจสซีไม่ต้องการเสียเวลาค้นหาสินค้าในหมวดหมู่ต่างๆ เพื่อหาสินค้าที่ต้องการ แต่จะใช้ตัวแทนของเบราว์เซอร์เพื่อช่วยในการช็อปปิ้ง ซึ่งจะช่วยให้ค้นหาสินค้าที่ต้องการได้เร็วขึ้นและชำระเงินได้รวดเร็วขึ้น
สนับสนุนเส้นทางการช็อปปิ้ง
เจสซีตัดสินใจซื้ออุปกรณ์จัดงานปาร์ตี้วันเกิดครบรอบ 10 ขวบของลูก ธีมของปาร์ตี้คืออวกาศ และเจสซีได้เขียนรายการซื้อของไว้แล้ว อุปกรณ์บางอย่างอาจต้องซื้อจากร้านขายของชำเฉพาะทาง บางอย่างจากร้านค้าขนาดใหญ่ และบางอย่างจากซัพพลายเออร์อุปกรณ์จัดงานปาร์ตี้เฉพาะทาง
เจสซีขอให้ตัวแทนของเบราว์เซอร์ช่วย "หาราคาที่ดีที่สุดสำหรับผลิตภัณฑ์ในรายการซื้อของของฉันที่ร้านค้าในพื้นที่ 2-3 แห่ง สร้างรายการสิ่งที่อยากได้ให้ฉันเพื่อที่ฉันจะได้ชำระเงินให้เสร็จ และแจ้งให้ฉันทราบหากมีผลิตภัณฑ์ที่หาไม่พบ"
เจสซีตั้งสมมติฐานบางอย่างเมื่อถามคำถามนี้ ซึ่งรวมถึงการที่ตัวแทนจะไม่เพิ่มสินค้าเดียวกันลงในรถเข็นหลายคัน หากร้านค้า 2 แห่งมีสินค้า ตัวแทนจะพิจารณาว่าร้านใดมีราคาต่ำกว่าและเพิ่มสินค้าลงในรถเข็นของร้านนั้น นอกจากนี้ เจสซียังสมมติว่าร้านค้าในพื้นที่คือร้านค้าในพื้นที่ของเธอในเมืองสปริงฟิลด์
ไม่ว่าคุณจะเป็นนักพัฒนาซอฟต์แวร์สำหรับธุรกิจในพื้นที่อย่าง Space Shoppe ที่มีอุปกรณ์จัดงานปาร์ตี้จำนวนมากที่แนะนำสำหรับเด็ก หรือนักพัฒนาซอฟต์แวร์ที่เครือข่ายร้านขายของชำขนาดใหญ่ คุณก็สามารถสร้างเครื่องมือเพื่อสนับสนุนตัวแทนของเจสซีได้
search_products()เพื่อให้เจสซีค้นหาสินค้าที่เป็นไปได้ในหมวดหมู่ที่ตรงกับความคาดหวังของรายการซื้อของ เช่นproductType="wall-decorations",category="planets"และage="child".add_to_wishlist()เพื่อให้เจสซีตรวจสอบสินค้าทั้งหมดก่อนที่จะเพิ่มลงในรถเข็น- หากเจสซีขอให้สินค้าทั้งหมดมีราคาน้อยกว่าจำนวนที่กำหนด คุณสามารถ
เสนอเครื่องมือเพื่อปรับแต่งการค้นหา เช่น
refine_search(priceRange = "0-49.99")
สนับสนุนการซื้อซ้ำ
เจสซีชอบชีสสติ๊กจาก Example Grocery Company แต่จำยี่ห้อไม่ได้ เจสซีจึงขอให้ตัวแทนช่วย "สั่งซื้อชีสสติ๊กที่ฉันซื้อเมื่อเดือนที่แล้วซ้ำให้หน่อย"
หากคุณไม่มีบริการที่ต้องสมัครใช้งาน คุณยังคงช่วยให้ลูกค้าสั่งซื้อผลิตภัณฑ์เดิมอีกครั้งกับตัวแทนได้ ในฐานะนักพัฒนาแอปสำหรับ Example Grocery Company คุณอาจต้องการเสนอเครื่องมือต่อไปนี้
get_order_history(startdate="",enddate="",)ซึ่งจะแสดงรายละเอียดของผลิตภัณฑ์ พร้อมวันที่สั่งซื้อและสถานะการจัดส่งadd_to_wishlist(productId="XYZ", quantity = 1)เพื่อให้เจสซีตรวจสอบสินค้าทั้งหมด ก่อนที่จะเพิ่มลงในรถเข็นdelivery(method="pickup")
ตัวแทนตอบเจสซีว่า "ฉันพบคำสั่งซื้อ Cheddar Peelers ของคุณจากวันที่ 7 มีนาคม ฉันได้เพิ่ม 1 แพ็กเกจลงในรถเข็นของคุณแล้ว คุณต้องการดำเนินการชำระเงินเลยไหม" จากนั้นเจสซีจะชำระเงินจาก Example Grocery Company ได้อย่างรวดเร็วเพื่อสั่งซื้อเฉพาะ Cheddar Peelers หรือเลือกดูและซื้อผลิตภัณฑ์อื่นๆ ต่อไป
ช่วยผู้ใช้กรอกแบบฟอร์ม
การป้อนข้อความอัตโนมัติเป็นฟีเจอร์ของเบราว์เซอร์ที่มีประโยชน์อย่างยิ่ง ซึ่งหากนำไปใช้อย่างถูกต้อง จะช่วยลดอัตราการละทิ้งแบบฟอร์มได้ถึง 75% แม้ว่าเราจะสนับสนุนให้คุณสร้างแบบฟอร์มที่มีการป้อนข้อความอัตโนมัติ แต่เรายังสามารถปรับปรุงอัตราการกรอกแบบฟอร์มให้เสร็จสมบูรณ์ได้ด้วยความช่วยเหลือจาก WebMCP
WebMCP ช่วยให้ตัวแทนของผู้ใช้กรอกแบบฟอร์มยาวๆ ได้อย่างรวดเร็วและถูกต้อง ในส่วนถัดไป เราจะแนะนำให้ชาร์ลีกรอกแบบฟอร์มที่ซับซ้อนต่างๆ
จัดการงาน
ชาร์ลีทำงานในแผนกไอทีที่สำนักงานกฎหมาย และได้จ้างผู้รับเหมามาออกแบบเว็บไซต์ใหม่ให้สำนักงาน การจัดการค่าใช้จ่ายและใบบันทึกเวลาเป็นเรื่องที่น่าปวดหัวมาก โดยเฉพาะอย่างยิ่งเนื่องจากมีข้อกำหนดที่แตกต่างจากใบบันทึกเวลาของทนายความ
คุณทำงานให้กับบริษัทซอฟต์แวร์การจัดการงาน และต้องการทำให้ผู้ขายและทนายความทุกคนป้อนใบบันทึกเวลาได้ง่ายขึ้นด้วยบริบทที่ถูกต้อง เพื่อให้บริษัทเรียกเก็บเงินจากแผนกที่ถูกต้องในจำนวนที่ถูกต้อง คุณสามารถเพิ่มเครื่องมือ WebMCP เพื่อสนับสนุนให้ผู้รับเหมาและทนายความของชาร์ลีใช้ตัวแทนเพื่อป้อนงานใบบันทึกเวลาประจำวันได้
<form toolname="add-to-timesheet"
tooldescription="Report billing task and time to add to the timesheet."
toolautosubmit>
<fieldset>
<label for="date">Date</label>
<input name="date" type="datetime-local" toolparamdescription="Date of work.">
<label for="task_category">Task category</label>
<select id="task_category" name="task_category"
toolparamdescription="Type of task completed per time block">
<option value="admin">Admin</option>
<option value="billing">Billing</option>
<option value="client">Client meetings or communication</option>
<option value="development">Development</option>
</select>
<label for="minutes_worked">Minutes working on the task</label>
<input type="number" id="minutes_worked" name="minutes_worked" min="30" max="600"
toolparamdescription="Minutes worked on this date and task, with a minimum of 30 and maximum of 600."
placeholder="60">
<label for="work_details">Details</label>
<input name="work_details"
toolparamdescription="Additional details of work completed, for managerial review.">
</fieldset>
<button type="submit">Update timesheet</button>
</form>
ซื้อรถ
ชาร์ลีต้องการซื้อรถมือสอง มีฟีเจอร์บางอย่างที่เขาให้ความสำคัญมาก เช่น ประเภทรถ จำนวนที่นั่ง และเชื้อเพลิงที่ต้องการ ส่วนฟีเจอร์อื่นๆ เช่น สีรถและสิ่งอำนวยความสะดวกต่างๆ เช่น กล้องมองหลังนั้นมีความสำคัญน้อยกว่า ชาร์ลีจึงขอให้ตัวแทนช่วย "หารรถครอบครัวให้หน่อย รถต้องมี 7 ที่นั่ง เติมน้ำมันเบนซินธรรมดา และเป็นรุ่นที่ผลิตในช่วง 10 ปีที่ผ่านมา"
หากเว็บไซต์ของคุณมีแบบฟอร์มที่มีช่องที่ต้องกรอกและช่องที่ไม่บังคับอยู่แล้ว คุณเพียงแค่ทำตาม 2 ขั้นตอนเพื่อเปลี่ยนแบบฟอร์มให้เป็นเครื่องมือ WebMCP
HTML
<form toolname="search_cars"
tooldescription="Search for cars based on various criteria such as type, seats, year, fuel, and features."
toolautosubmit>
<fieldset>
<label for="car_type">Car Type</label>
<select id="car_type" name="car_type" toolparamdescription="Type of car">
<option value="">Any</option>
<option value="family">Family Car</option>
<option value="suv">SUV</option>
<option value="sedan">Sedan</option>
</select>
<label for="seats">Min Seats</label>
<input type="number" id="seats" name="seats" min="1" max="9"
toolparamdescription="Minimum number of seats required"
placeholder="7">
<label for="min_year">Minimum Year</label>
<input type="number" id="min_year" name="min_year" min="1900" max="2026"
toolparamdescription="Find cars made after a specific year"
placeholder="2016">
</fieldset>
<fieldset>
<legend>Preferences</legend>
<label for="fuel_type">Fuel Type</label>
<select id="fuel_type" name="fuel_type" toolparamdescription="Preferred fuel type">
<option value="">Unleaded regular</option>
<option value="">Unleaded premium</option>
<option value="diesel">Diesel</option>
...
</select>
<div>
<input type="checkbox" id="has_ac" name="has_ac" value="true"
toolparamdescription="Check if air conditioning is required">
<label for="has_ac">Air Conditioning (AC)</label>
</div>
</fieldset>
<button type="submit">Search Cars</button>
</form>
JavaScript
search_cars({car_type, seats, min_year, fuel_type, has_ac, ... })
การขอใช้สิทธิการรับประกันสินค้า
ชาร์ลีต้องการยื่นขอใช้สิทธิการรับประกันสินค้าสำหรับทีวี เขาจึงไปที่หน้าหลักของเว็บไซต์ที่สั่งซื้อทีวี และแจ้งความประสงค์ต่อตัวแทนทันทีว่า
ไปที่หน้าการสนับสนุนและยื่นขอใช้สิทธิการรับประกันสินค้าสำหรับทีวีของฉัน หน้าจอเปิดไม่ติด หมายเลขซีเรียลคือ XYZ-987 ใช้รายละเอียดที่ฉันบันทึกไว้สำหรับส่วนที่เหลือ"
ตัวแทนที่ใช้เครื่องมือ WebMCP จะเริ่มกระบวนการขอใช้สิทธิและกรอกข้อมูลที่จำเป็นทั้งหมด หากตัวแทนต้องการข้อมูลเพิ่มเติม ก็สามารถขอให้ผู้ใช้ให้ข้อมูลแก่ตัวแทนหรือกรอกแบบฟอร์มด้วยตนเองแล้วส่ง
start_claim_process()เพื่อไปยังแบบฟอร์มที่ถูกต้องpopulate_product_details(serial_number, purchase_date)เพื่อป้อนข้อมูลผลิตภัณฑ์และวันที่ที่เฉพาะเจาะจงdescribe_issue(issue_description)เพื่อกรอกช่องข้อความยาวด้วยคำอธิบายข้อบกพร่องจากข้อความแจ้งของผู้ใช้populate_contact_info(name, email, phone)
การจัดหาเครื่องมือ WebMCP ในกรณีนี้จะช่วยให้ผู้ใช้ที่มีตัวแทนไปยังส่วนต่างๆ ของเว็บไซต์ได้โดยไม่ต้องเข้าใจว่าจะหาแบบฟอร์มขอใช้สิทธิการรับประกันสินค้าได้ที่ใด ชาร์ลีสามารถทำตามเส้นทางของผู้ใช้ได้สำเร็จโดยไม่ต้องเข้าใจโครงสร้างเว็บไซต์โดยละเอียด
คำขอรับบริการจัดงานอีเวนต์
ชาร์ลีและเจสซีจะแต่งงานกันในเดือนกันยายน และต้องการจ้างผู้จัดเลี้ยง มีผู้จัดเลี้ยงหลายสิบรายในพื้นที่ของทั้งคู่ และต้องการให้แน่ใจว่าคำขอแต่ละรายการมีข้อมูลที่จำเป็นและขอรับบริการประเภทเดียวกัน
ชาร์ลีจึงขอให้ตัวแทนช่วยดังนี้
"ช่วยส่งคำถามถึงผู้จัดเลี้ยงที่อยู่ในเมืองสปริงฟิลด์สำหรับงานแต่งงานของเราในวันที่ 8 กันยายน 2026 ได้ไหม เราต้องการเมนูมังสวิรัติสำหรับแขก 100 คน แขก 2 คนมีข้อจำกัดด้านอาหารและจะต้องรับประทานอาหารพิเศษ ซึ่งรวมถึงอาหารโคเชอร์และอาหารที่ไม่มีกลูเตน เราต้องการเฉพาะเบียร์และไวน์เท่านั้น"
ช่วยตัวแทนของชาร์ลีส่งคำถามไปยังบริษัทจัดเลี้ยงของคุณโดยเพิ่มเครื่องมือต่อไปนี้
start_event_request()create_wedding_reception(guests=100,date="September 8, 2026")add_dietary_restrictions(restrictions=["kosher","gluten-free"], guests = 2)select_drink_package(package = "Light")submit_event_request()
ช่วยผู้ใช้กรองข้อมูล
มีเว็บไซต์หลายประเภทที่มีคอลเล็กชันสินค้าจำนวนมากซึ่งมีตัวกรองที่ซับซ้อน อาจมีข้อมูลหลายร้อยหรือหลายพันรายการ โดยแต่ละรายการมีฟีเจอร์ต่างๆ ที่ผู้ใช้อาจต้องการ ตัวอย่างเช่น เว็บไซต์ให้เช่าที่พัก แหล่งจองโรงแรม และเว็บไซต์ขายตั๋ว
ในส่วนนี้ เราจะช่วยดานาค้นหาตัวเลือกที่เกี่ยวข้องตามความต้องการที่เฉพาะเจาะจง
ค้นหารายการที่พักที่เกี่ยวข้อง
ดานากำลังย้ายไปอยู่เมืองใหม่กับครอบครัวและต้องหาอพาร์ตเมนต์ เว็บไซต์ที่พักทั้งหมดแสดงข้อมูลที่แตกต่างกัน บางเว็บไซต์มีรูปภาพ บางเว็บไซต์มีตัวกรองหลายประเภท รวมถึงราคา ห้องนอน ห้องน้ำ และฟีเจอร์อื่นๆ บางรายการมีตำแหน่งที่ตั้งที่แน่นอน ในขณะที่บางรายการอาจแสดงเพียงย่าน
ดานาจึงขอให้ตัวแทนช่วยดังนี้
"แสดงอพาร์ตเมนต์ให้เช่าในบรูคลินที่อยู่ห่างจากสถานีรถไฟใต้ดินสาย A ไม่เกิน 10 นาที และอยู่ห่างจากย่านไทรเบกาไม่เกิน 1 ชั่วโมง อพาร์ตเมนต์ต้องมีห้องนอนอย่างน้อย 3 ห้องและเครื่องล้างจาน หากมีเครื่องซักผ้าและเครื่องอบผ้าในห้องพักหรือในอาคารก็จะดีมาก งบประมาณของเราคือ $4,500"
คุณสามารถช่วยตัวแทนของดานาค้นหาที่พักให้เช่าที่เหมาะสมและเกี่ยวข้องได้โดยเพิ่มการกรองที่ใช้งานง่ายสำหรับตัวแทนลงในเว็บไซต์รายการที่พัก
ค้นหา
search(
max-price=4500,
location="Brooklyn",
features=["dishwasher"],
rooms=3,
optionalFeatures=["washer-dryer"]
)
ใช้ตัวกรอง
apply_filters(
transit="train",
max_time="1 hour",
destination="Tribeca"
)
ตัวแทนใช้ฟังก์ชันเหล่านี้เพื่อแยกวิเคราะห์ข้อมูลเมตาของที่พักและตรวจสอบว่าผลลัพธ์ตรงตามข้อกำหนดทั้งหมด (รวมถึงห้องนอน 3 ห้องและเครื่องล้างจาน) ตัวแทนจะแสดงแผนที่พร้อมหมุดที่ลิงก์ไปยังรายการที่พักที่เฉพาะเจาะจงและระยะทางทั้งหมดจากย่านไทรเบกา หมุดจะมีสีต่างกันหากมีฟีเจอร์ที่ไม่บังคับอย่างเครื่องซักผ้าและเครื่องอบผ้าอยู่ในรายการที่พัก
จองการเดินทาง
ดานาและโรซาริโอ ภรรยาของดานา กำลังวางแผนไปเที่ยวเบอร์ลิน ประเทศเยอรมนี ดานาต้องการค้นหาตัวเลือกโรงแรมที่ตรงตามเกณฑ์ของทั้งคู่ โดยมีที่พักที่สะดวกสบายในราคาที่จ่ายได้ ดานาจึงขอให้ตัวแทนช่วย "หาโรงแรม 2-3 แห่งในเบอร์ลิน ประเทศเยอรมนี ที่มีราคาไม่เกิน $300 ต่อคืน มีสระว่ายน้ำ และรวมอาหารเช้า"
คุณเป็นนักพัฒนาแอปสำหรับบริการจองการเดินทางที่ต้องการค้นหาข้อเสนอการเดินทางที่ยอดเยี่ยมสำหรับผู้คน
ค้นหา
search_hotels(location = "Berlin", guests = 2)
ใช้ตัวกรอง
filter_search_results(max_price=300,amenities=["pool","restaurant"])
ตัวแทนของดานาแสดงโรงแรม 3 แห่งที่ตรงตามเกณฑ์และถามว่า "คุณต้องการให้ฉันแสดงตัวเลือกเพิ่มเติมไหม หรือมีเกณฑ์เพิ่มเติมที่ต้องพิจารณา"
แชร์ความคิดเห็น
คุณคิดว่าเส้นทางของผู้ใช้ประเภทใดบ้างที่จะได้รับประโยชน์จาก WebMCP มีฟีเจอร์เพิ่มเติมที่สามารถเพิ่มลงใน API เพื่อให้ตรงกับความคาดหวังของคุณไหม หากคุณลองใช้ API เหล่านี้และมีความคิดเห็น โปรดแจ้งให้เราทราบ
- อ่านคำอธิบาย WebMCP, ตั้งคำถาม และเข้าร่วมการสนทนา
- ตรวจสอบการใช้งานสำหรับ Chrome ใน Chrome Status
- เข้าร่วมโปรแกรมทดลองใช้ก่อนเปิดตัว เพื่อดู API ใหม่ก่อนใครและรับสิทธิ์เข้าถึงรายชื่ออีเมลของเรา
- หากมีความคิดเห็นเกี่ยวกับการใช้งานของ Chrome โปรดรายงานข้อบกพร่อง Chromium