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

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

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

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

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

Из каких компонентов состоит этот пример

  • 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"
  }
}