{
    "componentChunkName": "component---src-templates-doc-page-js",
    "path": "/docs/ru/channels/zendesk/zendesk_chat/",
    "result": {"data":{"site":{"siteMetadata":{"title":"Gatsby-doc-engine"}},"markdownRemark":{"id":"1f2cd384-6799-5215-9421-109eaae5cc46","excerpt":"Zendesk Chat как входящий канал Zendesk Chat — программное обеспечение онлайн-чата.!> Подключить бота к каналу Zendesk Chat можно только на тарифном пакете для…","html":"<h1>Zendesk Chat как входящий канал</h1>\n<hr>\n<p><a href=\"https://www.zendesk.com.ru/chat/\" target=\"_blank\" rel=\"noopener noreferrer\">Zendesk Chat</a> — программное обеспечение онлайн-чата.</p>\n<p class='tip'>Подключить бота к каналу Zendesk Chat можно только на тарифном пакете <a href=https://www.zendesk.com.ru/pricing/#enterprise target=\"_blank\" rel=\"noopener noreferrer\">для предприятий</a>.</p>\n<p>Для использования Zendesk Chat как входящего канала:</p>\n<ol>\n<li><a href=\"#%D0%9D%D0%B0%D1%81%D1%82%D1%80%D0%BE%D0%B9%D0%BA%D0%B0-%D1%81%D0%B5%D1%80%D0%B2%D0%B8%D1%81%D0%B0\">Настройте сервис Zendesk Chat</a>.</li>\n<li><a href=\"#%D0%A1%D0%BE%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D0%B5-%D0%BA%D0%B0%D0%BD%D0%B0%D0%BB%D0%B0-%D0%B2-JAICP\">Создайте канал в JAICP</a>.</li>\n<li><a href=\"#%D0%A0%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0-%D1%81%D1%86%D0%B5%D0%BD%D0%B0%D1%80%D0%B8%D1%8F\">Разработайте сценарий</a>.</li>\n<li><a href=\"#%D0%A2%D0%B5%D1%81%D1%82%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5\">Протестируйте бота</a>.</li>\n</ol>\n<h2>Настройка сервиса</h2>\n<p>Зарегистрируйтесь или авторизуйтесь в сервисе <a href=\"https://www.zendesk.com.ru/chat/\" target=\"_blank\" rel=\"noopener noreferrer\">Zendesk Chat</a>.\r\nВы попадете на страницу <em>Support</em> — рабочее пространство агента Zendesk Chat.</p>\n<p>Затем в правом верхнем углу нажмите  <i class=\"fas fa-th-large\"></i>  и выберите <em>Chat</em>.\r\nЗдесь вы сможете подключить бота и настроить обмен сообщениями.</p>\n<h3>Клиент API</h3>\n<p>Нажмите на панели управления <em>Настройки</em> > <em>Аккаунт</em>.\r\nВыберите вкладку <em>API и SDK</em> и нажмите <em>Добавить клиента API</em>.</p>\n<p>Заполните поля:</p>\n<ul>\n<li><em>Клиентское имя</em> — имя, которое видят пользователи при запросе доступа от вашего приложения или при просмотре списка приложений, к которым предоставлен доступ.</li>\n<li><em>Компания</em> — название компании, которое будет отображаться, когда пользователей просят разрешить доступ к вашему приложению.</li>\n<li><em>URL для перенаправления</em> — URL-адреса, на которые служба Zendesk Chat должна перенаправлять пользователей, когда они разрешат или запретят вашему приложению доступ к Zendesk Chat.</li>\n</ul>\n<p>Нажмите <em>Создать клиент API</em>.</p>\n<p>Скопируйте ID и секретный ключ клиента. Они понадобятся вам далее при получении <a href=\"#%D0%A2%D0%BE%D0%BA%D0%B5%D0%BD\">токена</a>.</p>\n<h3>Токен</h3>\n<p class='warn'><a href=https://developer.zendesk.com/rest_api/docs/chat/auth target=\"_blank\" rel=\"noopener noreferrer\">Для получения токена пройдите авторизацию по протоколу OAuth</a>.</p>\n<p>Введите в поисковой строке следующий адрес:</p>\n<div class=\"gatsby-highlight\" data-language=\"text\"><pre class=\"language-text\"><code class=\"language-text\">https://www.zopim.com/oauth2/authorizations/new?response_type=token&amp;redirect_uri={URL для перенаправления}&amp;client_id={ID клиента}&amp;scope=read%20write%20chat&amp;subdomain={поддомен}</code></pre></div>\n<p>Здесь:</p>\n<ul>\n<li><code class=\"language-text\">redirect_uri</code> — URL-адрес для перенаправления. Прежде чем вставить адрес, его необходимо <a href=\"https://meyerweb.com/eric/tools/dencoder/\" target=\"_blank\" rel=\"noopener noreferrer\">преобразовать в кодировку ASCII</a>.</li>\n<li><code class=\"language-text\">client_id</code> — ID клиента, который вы скопировали ранее.</li>\n<li><code class=\"language-text\">subdomain</code> — поддомен вашего аккаунта. Вы можете скопировать поддомен из адресной строки браузера: <code class=\"language-text\">https:/{subdomain}.zendesk.com/</code>.</li>\n</ul>\n<p>При переходе по сформированному адресу необходимо авторизоваться и предоставить доступ к аккаунту.\r\nПосле этого на странице для перенаправления, которую вы указали, будет доступен токен. Скопируйте токен из адресной строки браузера:</p>\n<div class=\"gatsby-highlight\" data-language=\"text\"><pre class=\"language-text\"><code class=\"language-text\">https://{URL для перенаправления}/#access_token={значение токена}&amp;token_type=bearer&amp;scope=read+write+chat</code></pre></div>\n<h3>Оператор</h3>\n<p>Создайте аккаунты для операторов.\r\nДля этого нажмите на панели управления <em>Настройки</em> > <em>Агенты</em> > <em>Добавить агента</em>, введите данные оператора.</p>\n<p>Для добавления аккаунтов в отдел нажмите на панели управления <em>Настройки</em> > <em>Отделы</em> > <em>Создать отдел</em>.</p>\n<h2>Создание канала в JAICP</h2>\n<p>Перейдите в платформу JAICP, нажмите на панели управления <em>Каналы</em> > <em>Создать канал</em>.\r\nВ разделе <em>Другие</em> выберите <em>Zendesk Chat</em>.</p>\n<p>Укажите настройки:</p>\n<ul>\n<li>\n<p><em>Название</em> — название канала.</p>\n</li>\n<li>\n<p><em>Токен</em> — токен, который вы <a href=\"#%D0%A2%D0%BE%D0%BA%D0%B5%D0%BD\">скопировали ранее</a>.</p>\n</li>\n<li>\n<p><em>Ветка</em> — ветка проекта, которую вы хотите развернуть в канал, по умолчанию <code class=\"language-text\">master</code>. Вы также можете выбрать Git-тег или ввести хеш конкретного коммита.</p>\n</li>\n<li>\n<p><em>Публикация</em> — способ публикации проекта:</p>\n<ul>\n<li>Автоматически после каждого сохранения изменений в проект;</li>\n<li>Вручную с помощью кнопки <em>Опубликовать</em> в строке с описанием канала.</li>\n</ul>\n<p class='tip'>Публикацию или деплой сценария нужно выполнять перед запуском чат-бота. На этом этапе происходит сборка чат-бота, проверка синтаксиса сценариев и скриптов, а также проверка прохождения тестов.</p>\n</li>\n</ul>\n<p>Нажмите <em>Создать</em>. Дождитесь всплывающего окна с результатом деплоя.</p>\n<h2>Разработка сценария</h2>\n<p>При разработке сценария обратите внимание на следующие особенности:</p>\n<ul>\n<li>Вы можете указать отдел, на который будет осуществлен перевод. Например:</li>\n</ul>\n<div class=\"gatsby-highlight\" data-language=\"sc\"><pre class=\"language-sc\"><code class=\"language-sc\"><span class=\"token keyword\">state:</span> Transfer to agent\r\n    <span class=\"token storageType\">intent!:</span> /agent\r\n    <span class=\"token variableParameter\">a:</span> Секунду, перевожу вас на оператора!\r\n    <span class=\"token variableParameter\">script:</span>\r\n        $response.zopim = {\r\n            needResponse: true,\r\n            departmentName: 'Just AI'\r\n        };\r\n        <span class=\"token comment\"># ...</span></code></pre></div>\n<ul>\n<li>Вы можете добавить определенные теги на диалог:</li>\n</ul>\n<div class=\"gatsby-highlight\" data-language=\"sc\"><pre class=\"language-sc\"><code class=\"language-sc\"><span class=\"token keyword\">state:</span> Tags\r\n    <span class=\"token comment\"># ...</span>\r\n    <span class=\"token variableParameter\">script:</span>\r\n        $response.zopim = {\r\n            tags: [\"tag1\", \"tag2\"]\r\n        };\r\n        <span class=\"token comment\"># ...</span></code></pre></div>\n<ul>\n<li>При добавлении кнопок необходимо обязательно добавить текстовое сообщение. Например:</li>\n</ul>\n<div class=\"gatsby-highlight\" data-language=\"sc\"><pre class=\"language-sc\"><code class=\"language-sc\"><span class=\"token keyword\">state:</span> Authorization key\r\n    <span class=\"token comment\"># ...</span>\r\n    <span class=\"token variableParameter\">a:</span> Вы получили ключ авторизации?\r\n    <span class=\"token variableParameter\">buttons:</span>\r\n        \"Да\"\r\n        \"Нет\"\r\n    <span class=\"token comment\"># ...</span></code></pre></div>\n<h2>Тестирование бота</h2>\n<p>Чтобы протестировать работу бота, измените статус чата на <em>Онлайн</em>.\r\nДля этого в правом верхнем углу нажмите  <i class=\"fas fa-th-large\"></i>  и выберите <em>Support</em>.\r\nЗатем в правом верхнем углу нажмите  <i class=\"far fa-comment-alt\"></i>  и выберите <em>Онлайн</em>.\r\nТеперь ваш бот сможет получать сообщения от клиентов.</p>\n<p>Далее вернитесь на вкладку  <i class=\"fas fa-th-large\"></i>  > <em>Chat</em>.\r\nНа панели управления откройте <em>Настройки > Виджет > Встроить Web Widget</em>.\r\nСкопируйте скрипт и вставьте его в HTML-код вашего веб-сайта между тегами <code class=\"language-text\">&lt;head></code>.</p>\n<p class='warn'>Скрипт необходимо вставить на каждую страницу, на которой должен отображаться виджет.</p>\n<p>На своей веб-странице перейдите в окно диалога с ботом и отправьте ему активационную фразу, предусмотренную вашим сценарием.\r\nПосле этого должен начаться ваш диалог с ботом.</p>","frontmatter":{"title":"","description":null},"headings":[{"value":"Zendesk Chat как входящий канал"}]}},"pageContext":{"slug":"/docs/ru/channels/zendesk/zendesk_chat/","previous":{"fields":{"slug":"/docs/ru/common/bot_structure/about_bot_structure/"},"frontmatter":{"title":"","description":null}},"next":{"fields":{"slug":"/docs/ru/channels/zendesk/zendesk/"},"frontmatter":{"title":"","description":null}}}},
    "staticQueryHashes": ["1209419333"]}