เผยแพร่: 18 พฤษภาคม 2026
| วิดีโออธิบาย | เว็บ | ส่วนขยาย | สถานะของ Chrome | ความตั้งใจ |
|---|---|---|---|---|
| GitHub |  ช่วงทดลองใช้จากต้นทาง |
ดู | ความตั้งใจที่จะทดลอง |
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 คุณอาจต้องการเสนอเครื่องมือต่อไปนี้
get_order_history(startdate="",enddate="",)ซึ่งจะแสดงรายละเอียดของผลิตภัณฑ์ พร้อมวันที่สั่งซื้อและสถานะการนำส่งadd_to_wishlist(productId="XYZ", quantity = 1)เพื่อให้เจสซีตรวจสอบสินค้าทั้งหมดก่อนเพิ่มลงในรถเข็นdelivery(method="pickup")
ตัวแทนตอบกลับเจสซีว่า "เราพบคำสั่งซื้อ Cheddar Peelers ของคุณจากเดือนมีนาคม 7 เราได้เพิ่มแพ็กเกจหนึ่งลงในรถเข็นแล้ว คุณต้องการดำเนินการชำระเงินไหม" จากนั้นเจสซีก็สามารถชำระเงินจาก 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()
ช่วยผู้ใช้กรองข้อมูล
เว็บไซต์หลายประเภทมีคอลเล็กชันขนาดใหญ่ที่มีตัวกรองที่ซับซ้อน โดยอาจมีข้อมูลหลายร้อยหรือหลายพันรายการ ซึ่งแต่ละรายการมีชุดฟีเจอร์ที่ไม่ซ้ำกันซึ่งผู้ใช้อาจต้องการ ตัวอย่างเช่น เว็บไซต์เช่าที่พัก แหล่งจองโรงแรม และเว็บไซต์จำหน่ายตั๋ว
ในส่วนนี้ เราจะช่วยดานาค้นหาตัวเลือกที่เกี่ยวข้องกับความชอบของเธอ
ค้นหารายการบ้านที่เกี่ยวข้อง
ดานากำลังย้ายไปอยู่เมืองใหม่กับครอบครัวและต้องการหาอพาร์ตเมนต์ เว็บไซต์ทั้งหมดในหน้าแรกแสดงข้อมูลที่แตกต่างกัน บางเว็บไซต์มีรูปภาพ บางเว็บไซต์มีตัวกรองหลายประเภท เช่น ราคา ห้องนอน ห้องน้ำ และฟีเจอร์อื่นๆ ข้อมูลบางรายการระบุตำแหน่งที่แน่นอน ขณะที่ข้อมูลอื่นๆ อาจระบุเพียงย่าน
Dana ถามตัวแทนของเธอว่า
"แสดงอพาร์ตเมนต์ให้เช่าในบรูคลินที่อยู่ห่างจากสถานีรถไฟสาย A โดยใช้เวลาเดินไม่เกิน 10 นาที และอยู่ห่างจากไทรเบกาไม่เกิน 1 ชั่วโมง อพาร์ตเมนต์ต้องมีห้องนอนอย่างน้อย 3 ห้องและเครื่องล้างจาน หากมีเครื่องซักผ้าและเครื่องอบผ้าในห้องพักหรือในอาคารก็คงจะดีไม่น้อย งบประมาณของเราคือ 4,500 ดอลลาร์"
คุณช่วยให้ตัวแทนของ Dana ค้นหาที่พักให้เช่าที่เหมาะสมและเกี่ยวข้องได้โดยเพิ่มการกรองที่เป็นมิตรกับตัวแทนลงในเว็บไซต์ที่พักของคุณ
ค้นหา
search(
max-price=4500,
location="Brooklyn",
features=["dishwasher"],
rooms=3,
optionalFeatures=["washer-dryer"]
)
ใช้ตัวกรอง
apply_filters(
transit="train",
max_time="1 hour",
destination="Tribeca"
)
เอเจนต์ใช้ฟังก์ชันเหล่านี้เพื่อแยกวิเคราะห์ข้อมูลเมตาของที่พักและตรวจสอบว่าผลลัพธ์ตรงตามข้อกำหนดทั้งหมด (รวมถึงห้องนอน 3 ห้องและเครื่องล้างจาน) ในการตอบกลับ เอเจนต์จะแสดงแผนที่พร้อมหมุดที่ลิงก์ไปยังข้อมูลเฉพาะและระยะทางทั้งหมดจากไทรเบกา หมุดจะมีสีต่างออกไปหากมีฟีเจอร์เสริม เครื่องซักผ้าและเครื่องอบผ้า ในข้อมูล
จองการเดินทาง
ดานาและโรซาริโอภรรยาของเธอกำลังวางแผนไปเที่ยวเบอร์ลิน ประเทศเยอรมนี ดานาต้องการค้นหาตัวเลือกโรงแรมที่ตรงตามเกณฑ์ของตน เพื่อให้ได้ที่พักที่สะดวกสบายในราคาที่จ่ายได้ ดานาถามตัวแทนว่า "ช่วยหาโรงแรมในเบอร์ลิน ประเทศเยอรมนีให้หน่อย ขอราคาไม่เกิน 3000 บาทต่อคืน มีสระว่ายน้ำ และรวมอาหารเช้าด้วย"
คุณเป็นนักพัฒนาแอปสำหรับบริการจองการเดินทางที่ต้องการค้นหาผู้ที่กำลังมองหา ดีลการเดินทางสุดคุ้ม
ค้นหา
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