Релевантность поиска товаров

Напишите нам, если не нашли ответ в Справке. Вы можете приложить скриншоты или видео, чтобы ускорить помощь:

Написать в чат  Написать в Telegram

Для такого проекта в Яндекс Заданиях есть пресет Релевантность поиска товаров.

Улучшайте системы поиска в электронной коммерции, оценивая соответствие изображений товаров конкретным поисковым запросам.

Посмотрите пример — он состоит из изображения, поля для поискового запроса и радиокнопки для оценки релевантности. В нем уже настроена валидация и внешний вид задания.

Из каких компонентов состоит этот пример
  • layout.sidebar — добавляет раздел с основными компонентами и панель управления ими;
Показать код
{
  "type": "layout.sidebar",
  "minWidth": 400,
  "content": {
    "type": "view.list",
    "size": "m",
    "direction": "vertical",
    "items": []
  },
  "controls": {
    "type": "view.list",
    "direction": "vertical",
    "items": []
  }
}
  • view.image — показывает картинку;
Показать код
{
  "type": "view.image",
  "maxWidth": 350,
  "url": {
    "type": "data.input",
    "path": "imagepath"
  }
}
  • view.markdown — отображает текст в разметке Markdown;
Показать код
{
  "type": "view.markdown",
  "label": "Product title:",
  "content": {
    "type": "data.input",
    "path": "title"
  }
}

Компонент view.markdown потребляет много ресурсов и может влиять на производительность устройства исполнителя. Чтобы отобразить текст без разметки, используйте компонент view.text.

  • view.alert — создает цветную рамку для выделения важной информации;
Показать код
{
  "type": "view.alert",
  "theme": "info",
  "label": "Search query",
  "content": {
    "type": "view.text",
    "content": {
      "type": "data.input",
      "path": "query"
    }
  }
}
  • view.action-button — добавляет кнопку, которая вызывает действие из свойства action;
Показать код
{
  "type": "view.action-button",
  "label": "Search query in Google",
  "action": {
    "type": "action.open-link",
    "payload": {
      "type": "data.input",
      "path": "search_url"
    }
  }
}

view.divider — горизонтальный разделитель, в который можно добавить вспомогательные элементы: всплывающую подсказку (hint) и надпись (label);

Показать код
{
  "type": "view.divider"
}
  • field.radio-group — добавляет группу переключателей-радиокнопок для выбора одного ответа;
Показать код
{
  "type": "field.radio-group",
  "label": "Choose relevance class",
  "options": [
    {
      "label": "Relevant",
      "value": "relevant"
    },
    {
      "label": "Irrelevant",
      "value": "irrelevant"
    }
  ],
  "data": {
    "type": "data.output",
    "path": "result"
  },
  "validation": {
    "type": "condition.required"
  }
}
  • condition.required — проверяет, что поле с данными заполнено;
Показать код
{
  "type": "condition.required"
}
  • plugin.toloka — настраивает внешний вид задания.
Показать код
{
  "type": "plugin.toloka",
  "layout": {
    "kind": "scroll",
    "taskWidth": 600
  }
}

Примечание

Вы можете добавлять медиафайлы (аудио, видео, картинки) со своего сервера или из облачных хранилищ, таких как Yandex Cloud, Google Cloud, Amazon AWS и т.п.

Если вам не подходит этот пресет, посмотрите другие примеры в этом разделе.

Добавить поле для ввода ответа

Чтобы исполнители могли оставить комментарий, добавьте компонент для ввода многострочного текста field.textarea.

Показать код
{
  "type": "field.textarea",
  "label": "Comments",
  "placeholder": "Enter text",
  "data": {
    "type": "data.output",
    "path": "comment"
  }
}

Написать в службу поддержки