Veröffentlicht am 18. Mai 2026
Es gibt viele mögliche Anwendungsbereiche für WebMCP. In diesem Dokument erfahren Sie, wie Sie WebMCP implementieren können, um Nutzer und ihre Agenten zu unterstützen. Sie erfahren mehr über diesen Prozess aus der Sicht des Nutzers und des Kundenservicemitarbeiters und erhalten Empfehlungen für Tools, die Sie zur Unterstützung eines wichtigen Nutzerverhaltens (Critical User Journey, CUJ) bereitstellen können.
Nutzer beim Kauf unterstützen
Entwickler für Einzelhandelsgeschäfte sind gute Kandidaten für WebMCP. Es gibt zwar einige Umstände, unter denen ein Nutzer wahrscheinlich ein bestimmtes Element auswählen möchte, z. B. wenn er das fehlende Teil seiner Sammlung finden möchte, aber es gibt auch andere Umstände, unter denen die Aufgabe einfach erledigt werden muss. Das kann die wöchentliche Einkaufsliste, die Planung einer Party oder die erneute Bestellung von Lieblingsprodukten sein.
Unser Nutzer für diese Shopping-CUJs ist Jesse. Jesse möchte nicht lange suchen müssen, um genau das zu finden, was sie sucht. Stattdessen verlassen sie sich auf ihren Browser-Agenten, um ihre Einkaufsbedürfnisse zu erfüllen. So können sie schneller finden, was sie suchen, und den Kauf schneller abschließen.
Kaufprozess unterstützen
Jesse hat beschlossen, für den 10. Geburtstag seines Kindes einzukaufen. Das Motto der Party ist „Weltraum“ und Jesse hat bereits eine Einkaufsliste geschrieben. Einige Vorräte müssen möglicherweise aus Fachgeschäften für Lebensmittel, andere aus großen Einzelhandelsgeschäften und wieder andere von speziellen Partyanbietern bezogen werden.
Jesse bittet den Browser-Agenten: „Finde für mich die besten Preise für die Produkte auf meiner Einkaufsliste in zwei oder drei Geschäften in der Nähe. Erstelle meine Wunschliste für mich, damit ich den Bestellvorgang abschließen kann. Lass mich wissen, wenn Produkte nicht gefunden werden können.“
Jesse hat bei dieser Frage einige Annahmen getroffen. Das bedeutet unter anderem, dass der KI-Agent dasselbe Element nicht in mehreren Einkaufswagen hinzufügt. Wenn ein Artikel in zwei Geschäften verfügbar ist, ermittelt der Agent, welches Geschäft den niedrigeren Preis hat, und fügt den Artikel dem entsprechenden Einkaufswagen hinzu. Jesse geht auch davon aus, dass die lokalen Geschäfte in Springfield sind.
Egal, ob Sie Entwickler für ein lokales Unternehmen wie Space Shoppe mit einer großen Auswahl an Partyartikeln für Kinder sind oder für eine große Lebensmittelkette arbeiten – Sie können Tools entwickeln, die den Agenten von Jesse unterstützen.
search_products(), damit Jesse mögliche Artikel in einer Kategorie findet, die den Erwartungen der Einkaufsliste entsprechen. Beispiel:productType="wall-decorations",category="planets"undage="child".add_to_wishlist(), damit Jesse sich alle Artikel ansehen kann, bevor er sie in den Einkaufswagen legt.- Wenn Jesse möchte, dass alle Produkte weniger als einen bestimmten Betrag kosten, können Sie ein Tool zum Verfeinern der Suche anbieten, z. B.
refine_search(priceRange = "0-49.99").
Folgekäufe unterstützen
Jesse liebt die Käsesticks von Example Grocery Company, kann sich aber nicht mehr genau an die Marke erinnern. Jesse fragt seinen Agenten: „Kannst du die Käse-Sticks, die ich letzten Monat gekauft habe, noch einmal bestellen?“
Wenn Sie keinen Abodienst anbieten, können Sie Kunden trotzdem helfen, dasselbe Produkt noch einmal über ihren Kundenservicemitarbeiter zu bestellen. Als Entwickler für Example Grocery Company möchten Sie möglicherweise die folgenden Tools anbieten:
get_order_history(startdate="",enddate="",), um Details zum Produkt mit Bestelldatum und Lieferstatus zurückzugeben.add_to_wishlist(productId="XYZ", quantity = 1), damit Jesse alle Artikel prüfen kann, bevor er sie in den Einkaufswagen legt.delivery(method="pickup")
Der Agent antwortet Jesse: „Ich habe deine Bestellung von Cheddar Peelers vom 7. März gefunden. Ich habe ein Paket in deinen Einkaufswagen gelegt. Möchten Sie zur Kasse gehen?“ Jesse kann dann schnell bei Example Grocery Company zur Kasse gehen, um nur die Cheddar Peelers zu bestellen, oder weiter nach anderen Produkten suchen und diese kaufen.
Nutzern beim Ausfüllen von Formularen helfen
Autofill ist eine äußerst nützliche Browserfunktion, die bei korrekter Bereitstellung die Abbruchrate von Formularen um 75%senken kann. Wir empfehlen Ihnen, Formulare mit Autofill zu erstellen. Mit WebMCP können Sie die Abschlussraten jedoch noch weiter verbessern.
WebMCP unterstützt die Agenten von Nutzern beim schnellen und korrekten Ausfüllen langer Formulare. In den nächsten Abschnitten helfen wir Charlie beim Ausfüllen verschiedener komplexer Formulare.
Arbeit verwalten
Charlie arbeitet in der IT-Abteilung einer Anwaltskanzlei und hat einen Auftragnehmer mit der Gestaltung einer neuen Website für die Kanzlei beauftragt. Die Verwaltung von Ausgaben und Arbeitszeittabellen war sehr mühsam, insbesondere da die Erwartungen an die Arbeitszeittabellen für die Anwälte anders sind.
Sie arbeiten für ein Unternehmen, das Software zur Arbeitsverwaltung anbietet. Sie möchten es allen Anbietern und Anwälten erleichtern, ihre Arbeitszeittabellen mit dem richtigen Kontext einzugeben, damit das Unternehmen den richtigen Betrag an die richtige Abteilung in Rechnung stellt. Sie können ein WebMCP-Tool hinzufügen, damit die Auftragnehmer und Anwälte von Charlie einen Agenten verwenden können, um tägliche Arbeitszeittabellen einzugeben.
<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>
Auto kaufen
Peter möchte einen Gebrauchtwagen kaufen. Einige Funktionen sind ihm besonders wichtig, z. B. der Autotyp, die Anzahl der Sitzplätze und der bevorzugte Kraftstoff. Andere Funktionen wie die Farbe des Autos und Ausstattungsmerkmale wie eine Rückfahrkamera sind weniger wichtig. Charlie fragt seinen Agenten: „Kannst du mir helfen, ein Familienauto zu finden? Es muss sieben Sitze haben, mit Normalbenzin betrieben werden und ein Modell aus den letzten zehn Jahren sein.“
Wenn Ihre Website bereits ein Formular mit erforderlichen und optionalen Feldern enthält, sind nur zwei Schritte erforderlich, um es in ein WebMCP-Tool umzuwandeln.
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, ... })
Garantieanspruch
Charlie möchte einen Garantieanspruch für seinen Fernseher geltend machen. Er landet auf der Hauptseite der Website, auf der er den Fernseher bestellt hat. Er teilt einem Kundenservicemitarbeiter sofort seine Absicht mit:
„Rufe die Supportseite auf und reiche einen Garantieanspruch für meinen Fernseher ein. Das Display lässt sich nicht einschalten. Die Seriennummer lautet XYZ-987. Verwende meine gespeicherten Daten für den Rest.“
Der Kundenservicemitarbeiter, der die WebMCP-Tools verwendet, startet das Anspruchsverfahren und gibt alle erforderlichen Informationen an. Wenn der Kundenservicemitarbeiter weitere Informationen benötigt, kann er den Nutzer bitten, diese bereitzustellen oder das Formular manuell auszufüllen und zu senden.
start_claim_process(), um zum richtigen Formular zu gelangen.populate_product_details(serial_number, purchase_date), um die spezifischen Produkt- und Datumsangaben einzugeben.describe_issue(issue_description), um das Langtextfeld mit der Fehlerbeschreibung aus dem Prompt des Nutzers zu füllen.populate_contact_info(name, email, phone)
Durch die Bereitstellung von WebMCP-Tools in diesem Fall helfen wir Nutzern, die mit Kundenservicemitarbeitern interagieren, auf der Website zu navigieren, ohne dass sie wissen müssen, wo sie ein Formular für Garantieansprüche finden. Charlie konnte seine User Journey erfolgreich abschließen, ohne die Website-Struktur im Detail verstehen zu müssen.
Anfrage zu Eventdiensten
Charlie und Jesse heiraten im September und möchten einen Caterer engagieren. In ihrer Region gibt es Dutzende von Caterern. Sie möchte sichergehen, dass jede Anfrage die erforderlichen Informationen enthält und nach derselben Art von Dienstleistung fragt.
Charlie fragt seinen Agenten:
„Kannst du eine Anfrage für Caterer in Springfield für unsere Hochzeit am 8. September 2026 senden? Wir möchten ein vegetarisches Menü für 100 Gäste. Zwei unserer Gäste haben besondere Ernährungsbedürfnisse und benötigen spezielle Mahlzeiten, darunter eine koschere und eine glutenfreie Mahlzeit. Wir möchten nur Bier und Wein einschließen.“
Helfen Sie dem Agenten von Charlie, eine Anfrage an Ihr Cateringunternehmen zu senden, indem Sie diese Tools hinzufügen:
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()
Nutzern helfen, Informationen zu filtern
Es gibt viele Arten von Websites mit großen Sammlungen von Artikeln, die komplexe Filter haben. Es kann Hunderte oder Tausende von Einträgen geben, die jeweils eine einzigartige Kombination von Funktionen bieten, nach denen ein Nutzer sucht. Dazu können beispielsweise Websites für die Vermietung von Unterkünften, Hotelbuchungsquellen und Ticketwebsites gehören.
In diesem Abschnitt helfen wir Dana, relevante Optionen für ihre spezifischen Anforderungen zu finden.
Relevante Immobilienangebote finden
Dana zieht mit ihrer Familie in eine neue Stadt und muss eine Wohnung finden. Auf allen Startseiten werden unterschiedliche Informationen angezeigt. Einige enthalten Fotos, andere verschiedene Filtertypen wie Preis, Schlafzimmer, Badezimmer und andere Funktionen. Bei einigen Einträgen wird der genaue Standort angegeben, bei anderen nur das Viertel.
Dana fragt ihren Agenten:
„Zeige mir Mietwohnungen in Brooklyn, die weniger als 10 Gehminuten von einer A-Bahn-Station und weniger als eine Stunde von Tribeca entfernt sind. Das Apartment muss mindestens drei Schlafzimmer und einen Geschirrspüler haben. Es wäre schön, wenn es in der Wohneinheit oder im Gebäude eine Waschmaschine und einen Trockner gäbe. Unser Budget beträgt 4.500 $.“
Sie können Danas Makler helfen, geeignete, relevante Mietobjekte zu finden, indem Sie auf Ihrer Website für Einträge eine Makler-freundliche Filterung hinzufügen:
Suchen
search(
max-price=4500,
location="Brooklyn",
features=["dishwasher"],
rooms=3,
optionalFeatures=["washer-dryer"]
)
Filter anwenden
apply_filters(
transit="train",
max_time="1 hour",
destination="Tribeca"
)
Der Agent verwendet diese Funktionen, um die Metadaten der Immobilien zu parsen und dafür zu sorgen, dass die Ergebnisse alle Anforderungen erfüllen (z. B. drei Schlafzimmer und ein Geschirrspüler). Als Antwort gibt der Agent eine Karte mit Markierungen zurück, die mit bestimmten Einträgen verknüpft sind, sowie die Gesamtentfernung von Tribeca. Pins werden in einer anderen Farbe dargestellt, wenn im Eintrag die optionale Funktion „Waschmaschine und Trockner“ enthalten ist.
Reise buchen
Dana und ihre Frau Rosario planen einen Urlaub in Berlin. Dana möchte Hotels finden, die ihren Kriterien entsprechen und einen komfortablen Aufenthalt zu einem erschwinglichen Preis bieten. Dana fragt ihren Agenten: „Suche mir ein paar Hotels in Berlin unter 300 $ pro Nacht mit Pool und Frühstück.“
Sie sind Entwickler für einen Reisebuchungsdienst, der Menschen tolle Reiseangebote bietet:
Suchen
search_hotels(location = "Berlin", guests = 2)
Filter anwenden
filter_search_results(max_price=300,amenities=["pool","restaurant"])
Der Agent von Dana gibt drei Hotels zurück, die den Kriterien entsprechen, und fragt: „Soll ich dir weitere Optionen zeigen? Oder gibt es weitere Kriterien, die berücksichtigt werden müssen?“
Feedback geben
Welche Arten von Nutzerpfaden können Ihrer Meinung nach von WebMCP profitieren? Gibt es zusätzliche Funktionen, die den APIs hinzugefügt werden können, um Ihre Erwartungen zu erfüllen? Wenn Sie diese APIs ausprobieren und Feedback dazu haben, freuen wir uns darauf.
- WebMCP-Erläuterungen lesen, Fragen stellen und sich an Diskussionen beteiligen
- Die Implementierung für Chrome finden Sie unter Chrome Status.
- Nehmen Sie am Early-Access-Programm teil, um neue APIs vorab kennenzulernen und Zugriff auf unsere Mailingliste zu erhalten.
- Wenn Sie Feedback zur Implementierung in Chrome haben, erstellen Sie in Chromium einen Eintrag für das Problem.