Опубликовано: 18 мая 2026 г.
WebMCP имеет множество возможных применений. В этом документе вы узнаете, как внедрить WebMCP для поддержки пользователей и их агентов. Вы прочитаете об этом процессе с точки зрения пользователя и агента, а также получите рекомендации по инструментам, которые вы могли бы предоставить для поддержки критически важного пользовательского пути (CUJ).
Помогите пользователям совершать покупки
Разработчики розничных магазинов — отличные кандидаты для WebMCP. Хотя в некоторых ситуациях пользователь, вероятно, захочет выбрать товар вручную, например, чтобы найти недостающую вещь в своей коллекции, в других случаях эту задачу просто необходимо выполнить. Это может быть составление еженедельного списка покупок, планирование вечеринки или повторный заказ любимых товаров.
Наш пользователь для этих CUJ-контентов о покупках — Джесси. Джесси не хочет тратить время на поиск нужного товара по разным категориям. Вместо этого он полагается на свой браузерный агент, который помогает ему быстрее находить нужные товары и оформлять заказ.
Поддержка процесса покупки
Джесси решил закупить все необходимое для вечеринки по случаю 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 помогает пользовательским агентам быстро и правильно заполнять длинные формы. В следующих разделах мы покажем Чарли, как заполнять различные сложные формы.
Управление работой
Чарли работает в IT-отделе юридической фирмы, и он нанял подрядчика для разработки нового веб-сайта фирмы. Управление расходами и табелями учета рабочего времени оказалось очень сложным, особенно учитывая, что к ним предъявляются иные требования, чем к табелям учета рабочего времени для юристов.
Вы работаете в компании, занимающейся разработкой программного обеспечения для управления рабочим процессом, и хотите упростить ввод табелей учета рабочего времени для всех поставщиков и юристов, чтобы компания выставляла счета за правильную сумму нужному отделу. Вы можете добавить инструмент 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 потребуется всего два шага.
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 гостей. У двух наших гостей есть диетические ограничения, и им потребуются специальные блюда, включая кошерное и безглютеновое. Мы хотим включить в меню только пиво и вино».
Помогите агенту Чарли отправить запрос в вашу кейтеринговую компанию, добавив следующие инструменты:
-
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()
Помогите пользователям фильтровать информацию
Существует множество типов сайтов с большими коллекциями товаров и сложными фильтрами. В них могут быть сотни или тысячи объявлений, каждое с уникальным сочетанием характеристик, которые могут быть востребованы пользователем. Например, это могут быть сайты по аренде жилья, сервисы бронирования отелей и сайты по продаже билетов.
В этом разделе мы помогаем Дане найти подходящие варианты, соответствующие её конкретным предпочтениям.
Найдите подходящие объявления о продаже недвижимости.
Дана переезжает в новый город со своей семьей и ей нужно найти квартиру. На всех сайтах по продаже недвижимости указана разная информация: на одних есть фотографии, на других — несколько типов фильтров, включая цену, количество спален, ванных комнат и другие характеристики. В некоторых объявлениях указано точное местоположение, в других — только район.
Дана спрашивает своего агента:
«Покажите мне квартиры в Бруклине, доступные для аренды, расположенные менее чем в 10 минутах ходьбы от станции метро A и менее чем в часе езды от Трибеки. В квартире должно быть как минимум три спальни и посудомоечная машина. Было бы неплохо иметь стиральную и сушильную машины в квартире или в здании. Наш бюджет составляет 4500 долларов».
Вы можете помочь агенту Даны найти подходящие варианты аренды, добавив на свой сайт удобные для агентов фильтры:
Поиск
search(
max-price=4500,
location="Brooklyn",
features=["dishwasher"],
rooms=3,
optionalFeatures=["washer-dryer"]
)
Применить фильтры
apply_filters(
transit="train",
max_time="1 hour",
destination="Tribeca"
)
Агент использует эти функции для анализа метаданных объекта недвижимости и обеспечения соответствия результатов всем требованиям (включая 3 спальни и посудомоечную машину). В ответ агент выдает карту с метками, указывающими на конкретные объявления и расстояние до них от района Трибека. Метки имеют другой цвет, если в объявлении указана дополнительная опция — стиральная и сушильная машины.
Забронируйте путешествие
Дана и ее жена Розарио планируют отпуск в Берлине, Германия. Дана хочет найти отели, которые соответствуют их критериям, обеспечивая комфортное проживание по доступной цене. Дана просит своего агента: «Найдите мне несколько отелей в Берлине, Германия, дешевле 300 долларов за ночь, с бассейном и завтраком».
Вы — разработчик сервиса бронирования поездок, цель которого — находить для людей выгодные предложения на путешествия.
Поиск
search_hotels(location = "Berlin", guests = 2)
Применить фильтры
filter_search_results(max_price=300,amenities=["pool","restaurant"])
Агент Даны возвращает три отеля, соответствующие критериям, и спрашивает: «Хотите, чтобы я показал вам больше вариантов? Или есть дополнительные критерии, которые следует учитывать?»
Поделитесь своим мнением.
Какие типы пользовательских сценариев, по вашему мнению, могут выиграть от использования WebMCP? Можно ли добавить дополнительные функции в API, чтобы соответствовать вашим ожиданиям? Если вы попробуете эти API и поделитесь своим мнением, мы будем рады его услышать.
- Ознакомьтесь с пояснениями к WebMCP , задавайте вопросы и участвуйте в обсуждении.
- Проверьте реализацию для Chrome на странице Chrome Status .
- Присоединяйтесь к программе раннего ознакомления , чтобы первыми увидеть новые API и получить доступ к нашей почтовой рассылке.
- Если у вас есть замечания по реализации в Chrome, создайте сообщение об ошибке в Chromium .