Opublikowano: 18 maja 2026 r.
WebMCP można wykorzystywać na wiele sposobów. Z tego dokumentu dowiesz się, jak wdrożyć WebMCP, aby wspierać użytkowników i ich agentów. Opisujemy ten proces z perspektywy użytkownika i agenta, a także podajemy rekomendacje dotyczące narzędzi, które możesz udostępnić, aby wspierać krytyczną ścieżkę użytkownika (CUJ).
Pomaganie użytkownikom w dokonywaniu zakupów
Deweloperzy sklepów detalicznych są doskonałymi kandydatami do korzystania z WebMCP. W niektórych sytuacjach użytkownik prawdopodobnie będzie chciał samodzielnie wybrać produkt, np. gdy szuka brakującego elementu kolekcji. W innych przypadkach zadanie po prostu musi zostać wykonane. Może to być cotygodniowa lista zakupów, planowanie przyjęcia lub ponowne zamówienie ulubionych produktów.
W przypadku tych ścieżek CUJ użytkownikiem jest Jesse. Jesse nie chce tracić czasu na przeszukiwanie kategorii, aby znaleźć dokładnie to, czego szuka. Zamiast tego polega na agencie przeglądarki, który pomaga mu w zakupach, dzięki czemu szybciej znajduje to, czego potrzebuje, i szybciej przechodzi do płatności.
Wspieranie ścieżki zakupowej
Jesse postanowił kupić artykuły na 10. urodziny swojego dziecka. Tematem przyjęcia jest kosmos, a Jesse ma już listę zakupów. Niektóre artykuły trzeba będzie kupić w specjalistycznych sklepach spożywczych, inne w dużych sklepach, a jeszcze inne u specjalistycznych dostawców artykułów imprezowych.
Jesse pyta agenta przeglądarki: „Znajdź mi najlepsze ceny produktów z mojej listy zakupów w 2 lub 3 lokalnych sklepach. Stwórz dla mnie listę życzeń, abym mógł przejść do płatności. Poinformuj mnie, jeśli nie można znaleźć jakichś produktów”.
Zadając to pytanie, Jesse założył kilka rzeczy. Obejmuje to założenie, że agent nie doda tego samego produktu do kilku koszyków. Jeśli produkt jest dostępny w 2 sklepach, agent sprawdzi, w którym z nich jest tańszy, i doda go do tego koszyka. Jesse zakłada też, że lokalne sklepy znajdują się w Springfield.
Niezależnie od tego, czy jesteś programistą w firmie działającej lokalnie Space Shoppe, która ma dużą liczbę artykułów imprezowych do polecenia dzieciom, czy programistą w dużej sieci sklepów spożywczych, możesz tworzyć narzędzia wspierające agenta Jessego.
search_products()– Jesse może znaleźć w kategorii produkty, które spełniają oczekiwania z listy zakupów. Na przykładproductType="wall-decorations",category="planets", iage="child".add_to_wishlist()– Jesse może przejrzeć wszystkie produkty przed dodaniem ich do koszyka.- Jeśli Jesse poprosi o to, aby wszystkie produkty kosztowały mniej niż określona kwota, możesz
zaoferować narzędzie do zawężania wyszukiwania, np.
refine_search(priceRange = "0-49.99").
Wspieranie powtórnych zakupów
Jesse bardzo smakowały paluszki serowe z firmy Example Grocery Company, ale nie pamięta, jakiej były marki. Jesse pyta agenta: „Czy możesz ponownie zamówić paluszki serowe, które kupiłem w zeszłym miesiącu?”
Jeśli nie oferujesz usługi subskrypcji, nadal możesz pomóc klientom w ponownym zamówieniu tego samego produktu za pomocą agenta. Jako deweloper firmy Example Grocery Company możesz zaoferować te narzędzia:
get_order_history(startdate="",enddate="",), które zwraca szczegóły produktu z datą zamówienia i stanem dostawy.add_to_wishlist(productId="XYZ", quantity = 1)– Jesse może przejrzeć wszystkie produkty przed dodaniem ich do koszyka.delivery(method="pickup")
Agent odpowiada Jessemu: „Znalazłem Twoje zamówienie serów Cheddar Peelers z 7 marca. Dodałem do koszyka 1 opakowanie. Czy chcesz przejść do kasy?” Jesse może szybko przejść do kasy w firmie Example Grocery Company, aby zamówić tylko sery Cheddar Peelers, lub kontynuować przeglądanie i kupowanie innych produktów.
Pomaganie użytkownikom w wypełnianiu formularzy
Autouzupełnianie to niezwykle przydatna funkcja przeglądarki, która po prawidłowym wdrożeniu, może obniżyć współczynnik porzucenia formularzy o 75%. Zachęcamy do tworzenia formularzy z autouzupełnianiem, ale możemy jeszcze bardziej zwiększyć współczynnik wypełnienia za pomocą WebMCP.
WebMCP umożliwia agentom użytkowników szybkie i prawidłowe wypełnianie długich formularzy. W kolejnych sekcjach pokażemy, jak Charlie wypełnia różne złożone formularze.
Zarządzanie pracą
Charlie pracuje w dziale IT w kancelarii prawnej i zatrudnił wykonawcę do zaprojektowania nowej witryny firmy. Zarządzanie wydatkami i kartami czasu pracy jest bardzo trudne, zwłaszcza że różnią się one od kart czasu pracy prawników.
Pracujesz w firmie zajmującej się oprogramowaniem do zarządzania pracą i chcesz ułatwić wszystkim dostawcom i prawnikom wprowadzanie kart czasu pracy z odpowiednim kontekstem, aby firma mogła obciążać odpowiedni dział właściwą kwotą. Możesz dodać narzędzie WebMCP, aby umożliwić wykonawcom i prawnikom Charliego korzystanie z agenta do wprowadzania codziennych zadań w karcie czasu pracy.
<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>
Zakup samochodu
Charlie chce kupić samochód używany. Zależy mu na kilku funkcjach, takich jak typ samochodu, liczba miejsc i preferowane paliwo. Inne funkcje, takie jak kolor samochodu i udogodnienia, np. kamera cofania, są mniej ważne. Charlie pyta agenta: „Czy możesz mi pomóc znaleźć samochód rodzinny? Musi mieć 7 miejsc, być zasilany zwykłym gazem i być modelem z ostatnich 10 lat”.
Jeśli Twoja witryna ma już formularz z polami wymaganymi i opcjonalnymi, wystarczy wykonać 2 kroki, aby przekształcić go w narzędzie 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, ... })
Roszczenie gwarancyjne
Charlie chce zgłosić roszczenie gwarancyjne dotyczące telewizora. Otwiera stronę główną witryny, w której zamówił telewizor. Od razu informuje agenta o swoim zamiarze:
„Otwórz stronę pomocy i zgłoś roszczenie gwarancyjne dotyczące mojego telewizora. Ekran się nie włącza. Numer seryjny to XYZ-987. Do reszty użyj zapisanych danych”.
Agent korzystający z narzędzi WebMCP rozpoczyna proces zgłaszania roszczenia i wypełnia wszystkie wymagane informacje. Jeśli agent potrzebuje więcej informacji, może poprosić użytkownika o ich podanie lub o ręczne wypełnienie formularza i przesłanie go.
start_claim_process()– aby przejść do odpowiedniego formularza.populate_product_details(serial_number, purchase_date)– aby wprowadzić informacje o konkretnym produkcie i dacie.describe_issue(issue_description)– aby wypełnić pole z długim tekstem opisem usterki z prompta użytkownika.populate_contact_info(name, email, phone)
Udostępniając w tym przypadku narzędzia WebMCP, pomagamy użytkownikom korzystającym z agentów poruszać się po witrynie bez konieczności wiedzy, gdzie znaleźć formularz roszczenia gwarancyjnego. Charlie mógł zrealizować ścieżkę użytkownika bez konieczności szczegółowego poznawania struktury witryny.
Zapytanie o usługi związane z wydarzeniem
Charlie i Jesse biorą ślub we wrześniu i chcą zatrudnić firmę cateringową. W ich okolicy są dziesiątki firm cateringowych, a oni chcą mieć pewność, że każde zapytanie zawiera wymagane informacje i dotyczy tego samego typu usługi.
Charlie pyta agenta:
„Czy możesz przesłać zapytanie do firm cateringowych z Springfield w sprawie naszego ślubu 8 września 2026 r.? Chcemy menu wegetariańskie dla 100 gości. 2 gości mają ograniczenia dietetyczne i będą potrzebować specjalnych posiłków, w tym posiłku koszernego i bezglutenowego. Chcemy tylko piwo i wino”.
Aby pomóc agentowi Charliego przesłać zapytanie do Twojej firmy cateringowej, dodaj te narzędzia:
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()
Pomaganie użytkownikom w filtrowaniu informacji
Istnieje wiele typów witryn z dużymi kolekcjami produktów, które mają złożone filtry. Mogą to być setki lub tysiące ofert, z których każda ma unikalną kombinację funkcji, których może szukać użytkownik. Może to obejmować np. witryny z ofertami wynajmu mieszkań, źródła rezerwacji hoteli i witryny z biletami.
W tej sekcji pomożemy Danie znaleźć odpowiednie opcje zgodnie z jej preferencjami.
Znajdowanie odpowiednich ofert domów
Dana przeprowadza się z rodziną do nowego miasta i musi znaleźć mieszkanie. Wszystkie witryny z ofertami domów zawierają różne informacje. Niektóre mają zdjęcia, inne kilka różnych typów filtrów, w tym cenę, liczbę sypialni, łazienek i inne funkcje. Niektóre oferty zawierają dokładną lokalizację, a inne tylko dzielnicę.
Dana pyta agenta:
„Pokaż mi mieszkania na wynajem na Brooklynie, które znajdują się w odległości nie większej niż 10 minut pieszo od stacji metra A i nie dalej niż godzinę od Tribeca. Mieszkanie musi mieć co najmniej 3 sypialnie i zmywarkę. Dobrze byłoby, gdyby w mieszkaniu lub budynku była pralka i suszarka. Nasz budżet to 4500 USD”.
Możesz pomóc agentowi Dany znaleźć odpowiednie oferty wynajmu, dodając do swojej witryny z ofertami filtrowanie przyjazne dla agenta:
Szukaj
search(
max-price=4500,
location="Brooklyn",
features=["dishwasher"],
rooms=3,
optionalFeatures=["washer-dryer"]
)
Zastosuj filtry
apply_filters(
transit="train",
max_time="1 hour",
destination="Tribeca"
)
Agent używa tych funkcji do analizowania metadanych nieruchomości i sprawdzania, czy wyniki spełniają wszystkie wymagania (w tym 3 sypialnie i zmywarkę). W odpowiedzi agent zwraca mapę ze znacznikami, które prowadzą do konkretnych ofert, oraz łączną odległość od Tribeca. Znaczniki mają inny kolor, jeśli w ofercie znajduje się opcjonalna funkcja – pralka i suszarka.
Zarezerwuj podróż
Dana i jej żona Rosario planują wakacje w Berlinie. Dana chce znaleźć hotele, które spełniają ich kryteria i zapewniają komfortowy pobyt w przystępnej cenie. Dana pyta agenta: „Znajdź mi kilka hoteli w Berlinie w cenie poniżej 300 USD za noc, z basenem i śniadaniem w cenie”.
Jesteś deweloperem usługi rezerwacji podróży, która ma na celu znajdowanie dla użytkowników atrakcyjnych ofert podróży:
Szukaj
search_hotels(location = "Berlin", guests = 2)
Zastosuj filtry
filter_search_results(max_price=300,amenities=["pool","restaurant"])
Agent Dany zwraca 3 hotele, które spełniają kryteria, i pyta: „Czy chcesz, żebym pokazał Ci więcej opcji? Czy są jakieś dodatkowe kryteria, które należy wziąć pod uwagę?”
Prześlij opinię
Jakie ścieżki użytkownika mogą Twoim zdaniem skorzystać na WebMCP? Czy można dodać do interfejsów API dodatkowe funkcje, aby spełnić Twoje oczekiwania? Jeśli wypróbujesz te interfejsy API i będziesz mieć jakieś uwagi, chętnie je poznamy.
- Przeczytaj wyjaśnienie dotyczące WebMCP, zadaj pytania i weź udział w dyskusji.
- Sprawdź implementację w Chrome na stronie Chrome Status.
- Dołącz do programu wczesnego dostępu aby wcześniej poznać nowe interfejsy API i uzyskać dostęp do naszej listy mailingowej.
- Jeśli masz uwagi na temat implementacji w Chrome, zgłoś błąd w Chromium.