Работа с контекстным меню

Выберите инструмент для разработки с AI-агентом:

  • используйте Битрикс24 Вайбкод, чтобы создать приложение для Битрикс24 по описанию задачи без знания языков программирования. Агент напишет код и разместит приложение на сервере без ручной настройки хостинга
  • используйте MCP-сервер, чтобы разрабатывать интеграцию через REST API в своем проекте. Агент будет обращаться к официальной REST-документации

Контекстное меню — список действий с сообщением. Свои пункты меню могут открывать ссылку, вставлять или копировать текст, звонить, открывать чат или отправлять команду боту.

Меню передают в параметре MENU при отправке или изменении сообщения:

Кнопки клавиатуры видны под сообщением сразу, а пункты меню — только когда пользователь откроет меню сообщения. Клавиатура подходит для действия, которого ждут в ответ на сообщение, меню — для дополнительных действий, которые не должны занимать место в чате.

Пункт с командой для бота COMMAND работает только в сообщениях самого чат-бота. Такие сообщения отправляют устаревшие методы imbot.message.add, imbot.message.update и imbot.command.answer. Методы чат-ботов 2.0 контекстное меню не поддерживают.

Как добавить пункт в контекстное меню

MENU можно передать:

  • строкой JSON
  • объектом с корневым ключом ITEMS
  • массивом пунктов без обертки

Массив без ключа ITEMS — сокращенный формат: сервер сам обернет его в ITEMS.

{
    "MENU": {
        "ITEMS": [
            { "TEXT": "Открыть сайт", "LINK": "https://example.com" }
        ]
    }
}
{
    "MENU": [
        { "TEXT": "Открыть сайт", "LINK": "https://example.com" }
    ]
}

Поля пункта меню

Название
тип

Описание

TEXT
string

Текст пункта меню.

В каждом пункте обязательны TEXT и одно поле действия: LINK, COMMAND, ACTION + ACTION_VALUE или APP_ID

LINK
string

Ссылка пункта меню. Допустимы http/https и относительный путь /...

COMMAND
string

Команда для чат-бота. Работает только в сообщениях чат-бота.

Как чат-бот обрабатывает команду — в разделе Обработка команд чат-ботом

COMMAND_PARAMS
string

Параметры команды. Передавайте вместе с COMMAND

APP_ID
integer

Идентификатор приложения для чата.

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

APP_PARAMS
string

Параметры запуска приложения для чата. Передавайте вместе с APP_ID.

Параметры APP_ID и APP_PARAMS сейчас используют в чатах Открытых линий — переписке с клиентами из мессенджеров и соцсетей

ACTION
string

Действие:

  • PUT — вставить текст в поле ввода
  • SEND — отправить текст
  • COPY — копировать текст в буфер обмена
  • CALL — позвонить
  • DIALOG — открыть чат

Доступно начиная с ревизии REST API IM 28

ACTION_VALUE
string

Значение для ACTION:

  • PUT — текст для вставки в поле ввода
  • SEND — текст для отправки
  • COPY — текст для копирования в буфер обмена
  • CALL — номер телефона в международном формате
  • DIALOG — идентификатор чата в формате chatXXX для группового чата, идентификатор пользователя — для личного диалога

Доступно начиная с ревизии REST API IM 28

CONTEXT
string

Где показывать пункт меню.

Допустимые значения:

  • MOBILE — показывать только на мобильном устройстве
  • DESKTOP — показывать только в десктопной версии
  • ALL — показывать везде

По умолчанию — ALL

DISABLED
string

Активность пункта меню.

Допустимые значения:

  • Y — пункт меню неактивен
  • N — пункт меню активен

По умолчанию — N

Пример отправки сообщения с контекстным меню

Как использовать примеры в документации

curl -X POST \
-H "Content-Type: application/json" \
-H "Accept: application/json" \
-d '{"DIALOG_ID":"chat2725","MESSAGE":"Выберите действие в меню","URL_PREVIEW":"Y","MENU":{"ITEMS":[{"TEXT":"Открыть сайт","LINK":"https://www.example.ru/"},{"TEXT":"Отправить текст","ACTION":"SEND","ACTION_VALUE":"Готово"}]}}' \
https://**put_your_bitrix24_address**/rest/**put_your_user_id_here**/**put_your_webhook_here**/im.message.add
curl -X POST \
-H "Content-Type: application/json" \
-H "Accept: application/json" \
-d '{"DIALOG_ID":"chat2725","MESSAGE":"Выберите действие в меню","URL_PREVIEW":"Y","MENU":{"ITEMS":[{"TEXT":"Открыть сайт","LINK":"https://www.example.ru/"},{"TEXT":"Отправить текст","ACTION":"SEND","ACTION_VALUE":"Готово"}]},"auth":"**put_access_token_here**"}' \
https://**put_your_bitrix24_address**/rest/im.message.add
// This snippet is an ES module: top-level await requires type="module" or a bundler.
// $b24 is an already-initialized SDK instance (see the SDK "Get started" guide).
import { Text } from '@bitrix24/b24jssdk'
import type { B24Frame } from '@bitrix24/b24jssdk'

declare const $b24: B24Frame

try {
  const response = await $b24.actions.v2.call.make<number>({
    method: 'im.message.add',
    params: {
      DIALOG_ID: 'chat2725',
      MESSAGE: 'Выберите действие в меню',
      URL_PREVIEW: 'Y',
      MENU: {
        ITEMS: [
          {
            TEXT: 'Открыть сайт',
            LINK: 'https://www.example.ru/',
          },
          {
            TEXT: 'Отправить текст',
            ACTION: 'SEND',
            ACTION_VALUE: 'Готово',
          },
        ],
      },
    },
    requestId: Text.getUuidRfc4122()
  })

  // The payload is available only on a successful response
  if (!response.isSuccess) {
    console.error(response.getErrorMessages().join('; '))
  } else {
    const result = response.getData()!.result
    console.info('Created message with ID:', result)
  }
} catch (error) {
  // Thrown on transport or SDK failures (AjaxError, SdkError, etc.)
  console.error(error)
}
<!-- Load the SDK (UMD build); it is exposed as the global B24Js -->
<script src="https://unpkg.com/@bitrix24/b24jssdk@1/dist/umd/index.min.js"></script>
<script>
  async function addMessageWithMenu() {
    try {
      // Initialize the SDK inside a Bitrix24 frame
      const $b24 = await B24Js.initializeB24Frame()

      const response = await $b24.actions.v2.call.make({
        method: 'im.message.add',
        params: {
          DIALOG_ID: 'chat2725',
          MESSAGE: 'Выберите действие в меню',
          URL_PREVIEW: 'Y',
          MENU: {
            ITEMS: [
              {
                TEXT: 'Открыть сайт',
                LINK: 'https://www.example.ru/',
              },
              {
                TEXT: 'Отправить текст',
                ACTION: 'SEND',
                ACTION_VALUE: 'Готово',
              },
            ],
          },
        },
        requestId: B24Js.Text.getUuidRfc4122()
      })

      // The payload is available only on a successful response
      if (!response.isSuccess) {
        console.error(response.getErrorMessages().join('; '))
        return
      }

      const result = response.getData().result
      console.info('Created message with ID:', result)
    } catch (error) {
      // Thrown on transport or SDK failures (AjaxError, SdkError, etc.)
      console.error(error)
    }
  }

  document.addEventListener('DOMContentLoaded', addMessageWithMenu)
</script>
from b24pysdk.errors import BitrixAPIError, BitrixSDKException

try:
    bitrix_response = client.im.message.add(
        dialog_id="chat2725",
        message="Выберите действие в меню",
        url_preview=True,
        menu={
            "ITEMS": [
                {
                    "TEXT": "Открыть сайт",
                    "LINK": "https://www.example.ru/",
                },
                {
                    "TEXT": "Отправить текст",
                    "ACTION": "SEND",
                    "ACTION_VALUE": "Готово",
                },
            ],
        },
    ).response
    result = bitrix_response.result
    print(result)
except BitrixAPIError as error:
    print(
        "Ошибка Bitrix API",
        f"error: {error.error}",
        f"error_description: {error.error_description}",
        sep="\n",
    )
except BitrixSDKException as error:
    print(f"Ошибка Bitrix SDK: {error.message}")
except Exception as error:
    print(f"Непредвиденная ошибка: {error}")
try {
    $response = $b24Service
        ->core
        ->call(
            'im.message.add',
            [
                'DIALOG_ID' => 'chat2725',
                'MESSAGE' => 'Выберите действие в меню',
                'URL_PREVIEW' => 'Y',
                'MENU' => [
                    'ITEMS' => [
                        [
                            'TEXT' => 'Открыть сайт',
                            'LINK' => 'https://www.example.ru/'
                        ],
                        [
                            'TEXT' => 'Отправить текст',
                            'ACTION' => 'SEND',
                            'ACTION_VALUE' => 'Готово'
                        ]
                    ]
                ]
            ]
        );

    $result = $response
        ->getResponseData()
        ->getResult();

    echo 'Success: ' . print_r($result, true);
    processData($result);

} catch (Throwable $e) {
    error_log($e->getMessage());
    echo 'Error adding message: ' . $e->getMessage();
}
BX24.callMethod(
    'im.message.add',
    {
        DIALOG_ID: 'chat2725',
        MESSAGE: 'Выберите действие в меню',
        URL_PREVIEW: 'Y',
        MENU: {
            ITEMS: [
                {
                    TEXT: 'Открыть сайт',
                    LINK: 'https://www.example.ru/'
                },
                {
                    TEXT: 'Отправить текст',
                    ACTION: 'SEND',
                    ACTION_VALUE: 'Готово',
                }
            ]
        }
    },
    function(result) {
        if (result.error()) {
            console.error(result.error().ex);
        } else {
            console.log(result.data());
        }
    }
);
require_once('crest.php');

$result = CRest::call(
    'im.message.add',
    [
        'DIALOG_ID' => 'chat2725',
        'MESSAGE' => 'Выберите действие в меню',
        'URL_PREVIEW' => 'Y',
        'MENU' => [
            'ITEMS' => [
                [
                    'TEXT' => 'Открыть сайт',
                    'LINK' => 'https://www.example.ru/'
                ],
                [
                    'TEXT' => 'Отправить текст',
                    'ACTION' => 'SEND',
                    'ACTION_VALUE' => 'Готово'
                ]
            ]
        ]
    ]
);

echo '<PRE>';
print_r($result);
echo '</PRE>';
// client и ctx уже созданы — см. раздел «SDK для Go»
res, err := client.Core().Call(ctx, "im.message.add", b24.Params{
	"DIALOG_ID":   "chat2725",
	"MESSAGE":     "Выберите действие в меню",
	"URL_PREVIEW": "Y",
	"MENU": b24.Params{
		"ITEMS": []b24.Params{
			{
				"TEXT": "Открыть сайт",
				"LINK": "https://www.example.ru/",
			},
			{
				"TEXT":         "Отправить текст",
				"ACTION":       "SEND",
				"ACTION_VALUE": "Готово",
			},
		},
	},
})
if err != nil {
	return fmt.Errorf("im.message.add: %w", err)
}

// Ответ приходит как json.RawMessage: в result — идентификатор
// созданного сообщения
fmt.Printf("%s\n", res.Result)

Как обновить или удалить контекстное меню

Изменить пункты меню можно только у своего сообщения и только в течение трех суток после отправки — так же, как текст сообщения. Для этого есть методы:

Чтобы убрать свои пункты из меню, передайте MENU: 'N' или пустую строку MENU: ''.

Обработка команд чат-ботом

Методы im.message.add и im.message.update не сохраняют пункт, у которого единственное действие — COMMAND. Если других пунктов в MENU нет, метод вернет ошибку: MENU_ERROR у im.message.add, menu_ERROR у im.message.update.

  1. Чтобы команда срабатывала из меню, зарегистрируйте ее методом imbot.command.register

    В пункте меню укажите ключи:

    "COMMAND" => "example", // команда, которая будет отправлена чат-боту
    "COMMAND_PARAMS" => "example", // параметры для команды
    
  2. Когда пользователь нажмет на пункт меню, придет событие ONIMCOMMANDADD

  3. Данные события придут в массиве data[COMMAND][<COMMAND_ID>]. Значение COMMAND_CONTEXT показывает, откуда вызвали команду:

    • TEXTAREA — команда введена вручную
    • KEYBOARD — команда вызвана кнопкой
    • MENU — команда вызвана из контекстного меню

Продолжите изучение