WPS Telegram Chat

В приложении Telegram вам нужно найти BotFather имя пользователя и начать с ним разговор. ★ Официальные боты Telegram имеют синюю галочку рядом со своим именем.

Нажмите "Начало", чтобы активировать бота BotFather, или дайте команду запуска BotFather, набрав /начало Вы увидите список команд, которые помогут вам создавать, редактировать и управлять ботами.

Поскольку это ваш первый раз, вам нужно выбрать /newbot. Выберите или введите /newbot команду и отправьте ее. После отправки команды /newbot вы сможете выбрать имя и фамилию для своего бота.

Имя пользователя должно быть уникальным и запоминающимся, как адрес вашего сайта, например, "mySiteNameCom". После того как вы выберете подходящее имя, бот будет создан.

Чтобы подключить бота к вашему сайту, вам нужен токен. У каждого бота есть свой собственный API-токен, и вы не должны никому его передавать. Скопируйте значение токена и перейдите к шагу 3.

В приложении Telegram вам нужно найти GetMyID имя пользователя и начать с ним разговор.

Нажмите "Начало", чтобы активировать бота GetMyID, или дайте команду запуска GetMyID, набрав /начало

В следующем сообщении бот отправит идентификатор ID. Бот может быть использован бесконечное число раз, если диалог будет потерян.

Зайдите в панель администрирования WordPress, затем найдите раздел Плагины меню. Нажмите на Добавить новый и найдите "Телеграм-чат wpSolution". Установите и Активируйте плагин через меню Плагины в WordPress.

Нажмите на кнопку Чат Telegram меню слева.
Установите флажок на Включено.
- Введите свой API-токен от BotFather, Step#2
- Введите свой идентификатор чата от бота GetMyID, Step#3

Нажмите Проверьте веб-крючок кнопка. Если настройки верны, вы увидите информационное окно с зеленой рамкой с надписью ПОДРОБНЕЕ.

Проверьте остальные настройки, заголовок и приветственный текст формы чата и т. д.. Сохранить ваши настройки.

В приложении Telegram вам нужно найти своего бота по имени, которое вы создали в Step#2 и начните с ним разговор.

Перейдите на ваш веб-сайт с подключенными и настроенными WPS Telegram Chat плагин, Step#4. Отправьте тестовое сообщение с вашего веб-сайта.

На ответ к полученному сообщению Telegram, вам нужно вызвать контекстное меню и нажмите на кнопку Ответить элемент. В противном случае сообщение не дойдет.

Ваш ответ от Приложение Telegram для пользователя WebSite должна выглядеть примерно так...

Проверьте, пришло ли сообщение на веб-сайт. ВниманиеСообщения на веб-сайте обновляются только при активной вкладке "Веб-сайт". Все готово!

1. тело #wps-telegram-chat
2. тело #wps-telegram-chat-update
3. body #wps-telegram-chat-header h5
4. тело #wps-telegram-chat-app a
5. тело #wps-telegram-chat-close
6. тело #wps-telegram-chat-welcome p
7. тело #wps-telegram-chat-content
8. тело #wps-telegram-chat-content .outgoingMessage
9. body #wps-telegram-chat-content .incomingMessage
10. тело #wps-telegram-chat-content .info
11. тело #wps-telegram-chat-content .error
12. тело #wps-telegram-chat-input
13. тело #wps-telegram-chat-textarea textarea
14. тело #wps-telegram-chat-send i

Кроме того, давайте изменим цвет фона автономного сообщения. Это пункт 10 из нашего списка.

body #wps-telegram-chat-content .info{
   background: yellow; /* change background color */
}

Вставьте созданные css-стили в пользовательский CSS настроек чата и сохраните.

Выберите Рабочие и страницы
Нажмите на Создать приложение
или Редактировать если вы уже создали один

Нажмите на Создать работника продолжать

Изменить имя сценария
Нажмите на Развернуть

Нажмите на Редактировать код

Скопируйте и замените код, приведенный в редакторе кода, на код, приведенный ниже:

addEventListener('fetch', (e) => {
	e.respondWith( doInit(e.request) );
});

async function doInit(e) {
	let url = new URL(e.url);
	let params = url.searchParams;
	let query = params.get('query');
	
	let newRequest = new Request(query, e);

	if( query ) return await fetch(newRequest);
	
	return new Response(JSON.stringify({ ok: true }), {
		status: 200, statusText: 'Silence Is Golden!',
		headers: { 'content-type': 'application/json' }
	});
}

Скопируйте последний URL-адрес и нажмите на кнопку Сохранить и развернутьСкрипт был обновлен, и вы готовы использовать скрипт для WPS Telegram Chat

И последнее, нам нужно связать ваш конечный URL в Варианты прокси

function doGet(e){
  if(typeof e !== 'undefined') return doInit(e);
}

function doPost(e){
  if(typeof e !== 'undefined') return doInit(e); 
}

function doInit(e){
  return ContentService.createTextOutput( doJob(e) );
}

function doJob(e){
  if(typeof e.parameter.query === 'undefined'){
    return 'Error! Missing query!';
  }
  let data = { method: 'post', muteHttpExceptions: true }
  if(typeof e.parameter.args !== 'undefined'){
    data.payload = JSON.parse( e.parameter.args );
  }
  let res = UrlFetchApp.fetch(e.parameter.query, data);
  return res.getContentText();
}

Во всплывающем окне нажмите на Выберите тип ⚙️ и выберите Веб-приложение

- В Выполнить как, выберите Я () ВАЖНО!
- В Кто имеет доступ, выберите Кто-нибудь ВАЖНО!

Нажмите на Развернуть

Нажмите на Разрешить доступ чтобы открыть окно авторизации

Во всплывающем окне выберите ваш аккаунт Google

Если вы видите предупреждение "Google не проверил это приложение", нажмите на кнопку Расширенный

Нажмите на Перейдите к (небезопасно)

Нажмите на Разрешить

После перенаправления вы должны увидеть Развертывание успешно обновлено

Нажмите на Копировать и вы готовы использовать скрипт для WPS Telegram Chat

*
И последнее, нам нужно связать ваш конечный URL в Варианты прокси