पब्लिश होने की तारीख: 18 मई, 2026
| ज़्यादा जानकारी देने वाला वीडियो | वेब | एक्सटेंशन | Chrome स्टेटस | मकसद |
|---|---|---|---|---|
| GitHub | देखें | एक्सपेरिमेंट करने का इरादा |
WebMCP का इस्तेमाल कई तरीकों से किया जा सकता है. इस दस्तावेज़ में, आपको यह जानकारी मिलेगी कि उपयोगकर्ताओं और उनके एजेंट की मदद के लिए, WebMCP को कैसे लागू किया जा सकता है. आपने इस प्रोसेस के बारे में उपयोगकर्ता और एजेंट के नज़रिए से पढ़ा. साथ ही, आपको उन टूल के बारे में सुझाव मिले जिन्हें क्रिटिकल यूज़र जर्नी (सीयूजे) को बेहतर बनाने के लिए इस्तेमाल किया जा सकता है.
लोगों को खरीदारी करने में मदद करना
खुदरा स्टोर के डेवलपर, WebMCP के लिए सबसे सही उम्मीदवार होते हैं. कुछ मामलों में, उपयोगकर्ता को अपनी पसंद का आइटम चुनने की ज़रूरत पड़ सकती है. जैसे, अपने कलेक्शन में कोई आइटम जोड़ना. हालांकि, कुछ मामलों में सिर्फ़ टास्क पूरा करना ज़रूरी होता है. यह उनकी हफ़्ते भर की किराने के सामान की सूची, पार्टी का प्लान या पसंदीदा खरीदारी को फिर से ऑर्डर करना हो सकता है.
शॉपिंग से जुड़े इन सीयूजे के लिए, हमारा उपयोगकर्ता जेसी है. जेसी को अपनी पसंद का प्रॉडक्ट खोजने के लिए, अलग-अलग कैटगरी में समय नहीं बिताना है. इसके बजाय, वह शॉपिंग से जुड़ी अपनी ज़रूरतों को पूरा करने के लिए, ब्राउज़र एजेंट पर भरोसा करता है. इससे उसे अपनी पसंद के प्रॉडक्ट तेज़ी से मिलते हैं और वह जल्दी चेक आउट कर पाता है.
खरीदारी के सफ़र में सहायता करना
जेसी ने अपने बच्चे की 10वीं सालगिरह की पार्टी के लिए सामान खरीदने का फ़ैसला किया है. पार्टी की थीम आउटर स्पेस है. जेसी ने खरीदारी की सूची पहले ही बना ली है. कुछ सामान, खास किराने की दुकानों से खरीदना पड़ सकता है. कुछ सामान, बड़े स्टोर से और कुछ सामान, पार्टी के लिए खास सामान बेचने वाली दुकानों से खरीदना पड़ सकता है.
जेसी ने अपने ब्राउज़र एजेंट से कहा, "मेरी खरीदारी की सूची में मौजूद प्रॉडक्ट की सबसे कम कीमत का पता लगाओ. इसके लिए, दो या तीन स्थानीय स्टोर की जानकारी दो. मेरे लिए विशलिस्ट बनाओ, ताकि मैं चेकआउट पूरा कर सकूं. हमें बताएं कि क्या ऐसे प्रॉडक्ट हैं जो नहीं मिल रहे हैं."
इस सवाल को पूछते समय, जेसी ने कुछ अनुमान लगाए हैं. इनमें यह भी शामिल है कि एजेंट, एक ही आइटम को कई कार्ट में नहीं जोड़ेगा. अगर दो स्टोर में कोई आइटम मौजूद है, तो एजेंट यह तय करेगा कि किस स्टोर में उसकी कीमत कम है और उसे उस कार्ट में जोड़ देगा. जेसी यह भी मानती है कि स्प्रिंगफ़ील्ड में मौजूद लोकल स्टोर, उसके आस-पास के स्टोर हैं.
चाहे आप किसी स्थानीय कारोबार के लिए डेवलपर हों, बच्चों के लिए पार्टी के सामान का सुझाव देने वाले 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")
एजेंट, जेसी को जवाब देता है, "हमें 7 मार्च को किए गए आपके चेडर पीलर के ऑर्डर की जानकारी मिली है. मैंने आपके कार्ट में एक पैकेज जोड़ दिया है. क्या आपको चेकआउट करना है?" इसके बाद, जेसी सिर्फ़ चेडर पीलर का ऑर्डर देने के लिए, Example Grocery Company से तुरंत चेकआउट कर सकता है. इसके अलावा, वह अन्य प्रॉडक्ट ब्राउज़ करना और खरीदना जारी रख सकता है.
उपयोगकर्ताओं को फ़ॉर्म भरने में मदद करना
ऑटोमैटिक भरने की सुविधा, ब्राउज़र की एक बहुत ही काम की सुविधा है. इसे सही तरीके से लागू करने पर, फ़ॉर्म को बीच में छोड़ने की दर को 75%तक कम किया जा सकता है. हमारा सुझाव है कि आप ऑटोमैटिक भरने की सुविधा वाले फ़ॉर्म बनाएं. हालांकि, WebMCP की मदद से, फ़ॉर्म भरने की दर को और बेहतर बनाया जा सकता है.
WebMCP, उपयोगकर्ताओं के एजेंट को लंबे फ़ॉर्म तेज़ी से और सही तरीके से भरने में मदद करता है. अगले सेक्शन में, हम चार्ली को अलग-अलग तरह के मुश्किल फ़ॉर्म भरने के बारे में बताते हैं.
काम मैनेज करना
चार्ली, लॉ फ़र्म में आईटी विभाग में काम करता है. उसने फ़र्म के लिए नई वेबसाइट डिज़ाइन करने के लिए, एक ठेकेदार को काम पर रखा है. खर्चों और टाइमशीट को मैनेज करना बहुत मुश्किल हो गया है. ऐसा इसलिए, क्योंकि अटॉर्नी के लिए टाइमशीट से जुड़ी अलग-अलग उम्मीदें हैं.
आपको वर्क मैनेजमेंट सॉफ़्टवेयर कंपनी के लिए काम करना है. आपको सभी वेंडर और अटॉर्नी के लिए, सही कॉन्टेक्स्ट के साथ टाइमशीट डालना आसान बनाना है. इससे कंपनी, सही डिपार्टमेंट को सही बिल भेज पाएगी. Charlie के ठेकेदारों और वकीलों को एजेंट का इस्तेमाल करके, रोज़ाना की टाइमशीट के टास्क डालने में मदद करने के लिए, 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>
कार खरीदना
विनोद को इस्तेमाल की गई कार खरीदनी है. उसे कुछ सुविधाओं के बारे में ज़्यादा जानकारी चाहिए, जैसे कि कार का टाइप, सीटों की संख्या, और पसंदीदा ईंधन. कार का रंग और बैकअप कैमरा जैसी सुविधाएं कम ज़रूरी होती हैं. चार्ली अपने एजेंट से पूछता है, "क्या तुम मुझे एक फ़ैमिली कार ढूंढने में मदद कर सकते हो? इसमें सात सीटें होनी चाहिए, यह सामान्य गैस से चलती हो, और पिछले 10 सालों में लॉन्च हुई हो."
अगर आपकी वेबसाइट पर पहले से ही ज़रूरी और वैकल्पिक फ़ील्ड वाला कोई फ़ॉर्म मौजूद है, तो उसे WebMCP टूल में बदलने के लिए, आपको सिर्फ़ दो चरण पूरे करने होंगे.
एचटीएमएल
<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 मेहमानों के लिए शाकाहारी मेन्यू चाहिए. हमारे दो मेहमानों को खान-पान से जुड़ी कुछ समस्याएं हैं. इसलिए, उन्हें खास तरह का खाना चाहिए. जैसे, कोशर मील और ग्लूटेन-फ़्री मील. हमें सिर्फ़ बीयर और वाइन शामिल करनी है."
चार्ली के एजेंट को, कैटरिंग कंपनी से पूछताछ करने में मदद करें. इसके लिए, ये टूल जोड़ें:
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 को उसकी पसंद के हिसाब से काम के विकल्प ढूंढने में मदद करते हैं.
काम की घर की लिस्टिंग ढूंढना
डाना अपने परिवार के साथ किसी दूसरे शहर में जा रही है और उसे एक अपार्टमेंट चाहिए. सभी होम साइटों पर अलग-अलग जानकारी दी गई है. कुछ साइटों पर फ़ोटो हैं, तो कुछ पर कई तरह के फ़िल्टर हैं. जैसे, कीमत, बेडरूम, बाथरूम, और अन्य सुविधाएं. कुछ लिस्टिंग में सटीक जगह की जानकारी होती है, जबकि अन्य में सिर्फ़ आस-पास के इलाके की जानकारी दी जा सकती है.
डाना ने अपने एजेंट से पूछा:
"मुझे ब्रुकलिन में किराए पर मिलने वाले ऐसे अपार्टमेंट दिखाओ जो ए ट्रेन स्टेशन से 10 मिनट की पैदल दूरी पर हों और ट्रिबेका से एक घंटे की दूरी पर हों. अपार्टमेंट में कम से कम तीन बेडरूम और एक डिशवॉशर होना चाहिए. अगर अपार्टमेंट में वॉशर और ड्रायर हो, तो अच्छा होगा. हमारा बजट 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"
)
एजेंट, प्रॉपर्टी के मेटाडेटा को पार्स करने के लिए इन फ़ंक्शन का इस्तेमाल करता है. इससे यह पक्का किया जा सकता है कि नतीजे सभी ज़रूरी शर्तों को पूरा करते हों. जैसे, तीन बेडरूम और डिशवॉशर. इसके जवाब में, एजेंट एक मैप दिखाता है. इसमें पिन लगे होते हैं, जो खास लिस्टिंग से लिंक होते हैं. साथ ही, इसमें ट्रिबेका से कुल दूरी भी दिखती है. अगर किसी पिन में वॉशर और ड्रायर की सुविधा मौजूद है, तो वह अलग रंग में दिखता है.
यात्रा बुक करें
डाना और उसकी पत्नी, रोज़ारियो, जर्मनी के बर्लिन शहर में छुट्टियां मनाने का प्लान बना रही हैं. डैना को ऐसे होटल के विकल्प चाहिए जो उसकी शर्तों को पूरा करते हों. साथ ही, वह ऐसे होटल में ठहरना चाहती है जहां उसे आराम मिले और उसका किराया उसकी पहुंच में हो. डाना ने अपने एजेंट से कहा: "मुझे जर्मनी के बर्लिन में, 300 डॉलर से कम किराये वाले कुछ होटल ढूंढकर बताओ. इनमें पूल और नाश्ते की सुविधा शामिल होनी चाहिए."
आप यात्रा बुकिंग की सेवा देने वाली कंपनी के डेवलपर हैं. आपकी कंपनी, लोगों को यात्रा से जुड़ी बेहतरीन डील उपलब्ध कराती है:
खोजें
search_hotels(location = "Berlin", guests = 2)
फ़िल्टर लागू करें
filter_search_results(max_price=300,amenities=["pool","restaurant"])
Dana के एजेंट ने, शर्तों को पूरा करने वाले तीन होटल दिखाए और पूछा, "क्या आपको और विकल्प देखने हैं? या क्या कोई और शर्त भी है?"
सुझाव/राय दें या शिकायत करें
आपको क्या लगता है कि किस तरह के उपयोगकर्ता अनुभव को WebMCP से फ़ायदा मिल सकता है? क्या आपकी उम्मीदों को पूरा करने के लिए, एपीआई में अतिरिक्त सुविधाएं जोड़ी जा सकती हैं? अगर आपने इन एपीआई को आज़माया है और आपके पास कोई सुझाव/राय है या आपको कोई शिकायत करनी है, तो हमें बताएं.
- WebMCP के बारे में जानकारी देने वाला लेख पढ़ें. सवाल पूछें और चर्चा में हिस्सा लें.
- Chrome Status पर जाकर, Chrome के लिए लागू करने की प्रोसेस देखें.
- अर्ली प्रीव्यू प्रोग्राम में शामिल हों. इससे आपको नए एपीआई के बारे में पहले से पता चल जाएगा. साथ ही, आपको हमारी मेलिंग लिस्ट का ऐक्सेस भी मिल जाएगा.
- अगर आपको Chrome में इस सुविधा को लागू करने के बारे में कोई सुझाव, शिकायत या राय देनी है, तो Chromium में गड़बड़ी की रिपोर्ट सबमिट करें.