Документация Толоки

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

Для такого проекта в Толоке есть пресет Релевантность поиска товаров.

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

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

Из каких компонентов состоит этот пример
  • 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.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"
  }
}