Телеграм-бот обратной связи для CinemaPress (Жалоба, Не тот фильм, Контакты, и т.п.)

KurtRassel · 28 Май 2020

Вы можете сделать одну кнопку (или несколько кнопок), которые позволят направить сообщение от пользователя к администратору, по каждому конкретному вопросу.

При появлении всех новых функций, первое что Вы делаете, это обновляете систему на последнюю версию:

cinemapress upd && cinemapress update

Создаете нового бота в @BotFather

Придумываете название, логин и получаете API TOKEN

Вставляете полученный TOKEN в /routes/telegram.js

Запускаете Вашего бота в телеграм и получаете ID чата

Вписываете ID чата в параметр CHAT_ID в /routes/telegram.js

Вставляете css/js в вниз Вашего шаблона /themes/шаблон/views/includes/footer.ejs

HTML:

<!-- Вствить в вниз шаблона /themes/шаблон/views/includes/footer.ejs -->
<link href="/telegram/style.css?v=<%- page.ver %>" rel="stylesheet"/>
<script src="/telegram/script.js?v=<%- page.ver %>"></script>
<script src="/telegram/rand.js?v=<%- Math.random() %>"></script>

Добавляете кнопку в любое место в шаблоне, например под плеер в movie.ejs

HTML:

<a
   href="javascript:void(0)"
   class="cinemaButton"
   data-cinema-text="В плеере показывается не тот фильм.\n\n<%- movie.url %>">
    Не тот фильм!
</a>

Теперь при отправке сообщения от пользователей, Вы получите в Телеграм оповещение.

Параметры кнопки:

Обязательный класс cinemaButton
Предустановленный текст data-cinema-text=""
Если нет предустановленного текста, будет чистая форма

Вы можете сделать несколько кнопок, в каждой будет предустановленный текст, который решает конкретную проблему:

В плеере не тот фильм
В плеере ошибка
Жалоба на фильм
Связь с администрацией
и т.п.

Чтобы Ваши изменения TOKEN и CHAT_ID не сбрасывались после каждого обновления системы, Вы можете скопировать файл /routes/telegram.js в /config/custom/routes/telegram.js

Optimus · 29 Май 2020

Отлично всё работает. Но как изменить размеры. На телефоне не адаптируются?

Optimus · 29 Май 2020

Как вставит выше плеера в правую строну, я ее поставил выше Player_ID, но он не хочет стоять на правую строну. (На картинке стоить внизу Player_ID знаю)

one64 · 29 Май 2020

не понял как получить чат ID
добавил все как написано на сайте при нажатие на кнопку выходит это ,куки вкл.

geniusss · 29 Май 2020

one64 написал(а):

Чат id можно получить написав своему созданному боту он выдаст цифры,ток у меня такая же история включите куки и обновите страницу как решить?

one64 · 29 Май 2020

geniusss написал(а):

написал боту бот молчит,куки включены я же написал.
я так понимаю в мобильной версии кнопка не работает совсем?

geniusss · 29 Май 2020

one64 написал(а):

По идее должна работать,у меня тоже проблема с куки,ждём что @Alisa ответит

one64 · 29 Май 2020

geniusss написал(а):

все добавил на мобильную версию,по нажатию на кнопку реакции 0, в консоли это

shaman · 29 Май 2020

И у меня такая проблема с куки.

shaman · 29 Май 2020

Быстрое решение пока такое (см скриншот)
А пока ждем Алису

Optimus · 29 Май 2020

@userinfobot вот через этот бота можно узнать свой chat_id

one64 · 29 Май 2020

shaman написал(а):

это выключит куки?

shaman · 29 Май 2020

one64 написал(а):

И проверку капчи. Если отдельно закомментить код для куки, то будет выдавать ошибку, что не правильно ответили на капчу.

Alisa · 29 Май 2020

one64 написал(а):

Значит скрипты не подгрузились. Вы точно обновили систему?

geniusss · 29 Май 2020

@Alisa, подскажите пожалуйста как решить проблему с куки?просит включить куки и перезагрузить страницу

Alisa · 29 Май 2020

geniusss написал(а):

Значит у Вас не подгружается этот скрипт:
<script src="/telegram/rand.js?v=<%- Math.random() %>"></script>

Optimus · 29 Май 2020

Optimus написал(а):

????

Optimus написал(а):

Сидел ждал тебя целый день. @Alisa

Alisa · 29 Май 2020

Optimus написал(а):

На скриншоте, всё адаптировалось под экран.

Optimus · 29 Май 2020

Alisa написал(а):

Текст не виден полностью.

Optimus · 29 Май 2020

Только у меня так не полностью. Я проверил

Optimus · 29 Май 2020

Вопрос был как изменить размеры

Vendetta26 · 29 Май 2020

Почему то не наблюдаю после обновления файла telegram.js. Ткните носом что делаю не так?

geniusss · 29 Май 2020

Alisa написал(а):

Значит у Вас не подгружается этот скрипт:
<script src="/telegram/rand.js?v=<%- Math.random() %>"></script>

так я по инструкции обновил систему и сделал все по шагово, проблема наблюдается не только у меня

geniusss · 29 Май 2020

Vendetta26 написал(а):

подключаешься по ftp

сайт/routes/telegram.js

Vendetta26 · 29 Май 2020

geniusss написал(а):

А каким образом я увидел что нет файла по вашему?!

geniusss · 29 Май 2020

Vendetta26 написал(а):

я откуда знаю, видимо не обновили систему.....

one64 · 30 Май 2020

Alisa написал(а):

да все обновил

Alisa · 30 Май 2020

Optimus написал(а):

Все стили в файле telegram.js, можете их менять.

geniusss написал(а):

Откройте в браузере файл сайт.com/telegram/script.js, он у Вас есть?

one64 · 30 Май 2020

проблема с куками все еще актуальная
вообщем если открыть вкладку https://site.com/telegram/rand.js?v и обновлять страницу пока не будут точно такие цифры что в форме (под фильмом) нечего не происходит, только цифры совпали и сообщение отправляется в телеграмм.

geniusss · 31 Май 2020

Alisa написал(а):

Все стили в файле telegram.js, можете их менять.

Посмотреть вложение 3742

Откройте в браузере файл сайт.com/telegram/script.js, он у Вас есть?

есть но при отправке сообщения пишет включите куки и обновите страницу

Vendetta26 · 31 Май 2020

Так же ошибка. Подскажите как бороться. Все заполнено

one64 · 31 Май 2020

Vendetta26 написал(а):

вам же написали у вас не указан chat ID
@userinfobot вот через этот бота можно узнать свой chat_id

Vendetta26 · 31 Май 2020

one64 написал(а):

Вам еще раз повторяю! У меня все заполнено!

Alisa · 31 Май 2020

Vendetta26 написал(а):

Сервер перезагрузите.

one64 · 31 Май 2020

Alisa написал(а):

как проблему с куками решить??

Vendetta26 · 31 Май 2020

Alisa написал(а):

Alisa · 31 Май 2020

Что-то блокирует запросы, скорее всего какое-то расширение для браузера или антивирус при виде в ссылке название telegram.

Отключите по одному расширения и антивирус.

Vendetta26 · 31 Май 2020

Alisa написал(а):

Что-то блокирует запросы, скорее всего какое-то расширение для браузера или антивирус при виде в ссылке название telegram.

Отключите по одному расширения и антивирус.

Ну у меня телеграм не забанен. + Антивирусом и расширениями не пользуюсь,кроме автозаполнения инфы фильмов. Ошибка с id вылетает как с телефона так и с ПК,ноутбука

geniusss · 31 Май 2020

Alisa написал(а):

Что-то блокирует запросы, скорее всего какое-то расширение для браузера или антивирус при виде в ссылке название telegram.

Отключите по одному расширения и антивирус.

я через телефон тоже попробовал толку нет,что только уже не перепробовал,кто нибудь решил данную проблему?

Legion · 31 Май 2020

Окно чата выподает . Но,нет капчи и кнопка отправить не реагирует в Чат-бот для Telegram. Сделал все как положено.

Alisa · 1 Июн 2020

Выполните обновление системы и очистите Ваши старые cookies в браузере.
Была протестирована отправка на разных браузерах, везде работает исправно.

shaman · 1 Июн 2020

@Alisa, Спасибо, все заработало.

Антонио Деспасилите · 24 Авг 2020

KurtRassel написал(а):

Вы можете сделать одну кнопку (или несколько кнопок), которые позволят направить сообщение от пользователя к администратору, по каждому конкретному вопросу.

При появлении всех новых функций, первое что Вы делаете, это обновляете систему на последнюю версию:

cinemapress upd && cinemapress update

Создаете нового бота в @BotFather

Посмотреть вложение 3697

Придумываете название, логин и получаете API TOKEN

Посмотреть вложение 3698

Вставляете полученный TOKEN в /routes/telegram.js

Посмотреть вложение 3699

Запускаете Вашего бота в телеграм и получаете ID чата

Посмотреть вложение 3700

Вписываете ID чата в параметр CHAT_ID в /routes/telegram.js

Посмотреть вложение 3699

Вставляете css/js в вниз Вашего шаблона /themes/шаблон/views/includes/footer.ejs

HTML:

<!-- Вствить в вниз шаблона /themes/шаблон/views/includes/footer.ejs -->
<link href="/telegram/style.css?v=<%- page.ver %>" rel="stylesheet"/>
<script src="/telegram/script.js?v=<%- page.ver %>"></script>
<script src="/telegram/rand.js?v=<%- Math.random() %>"></script>

Добавляете кнопку в любое место в шаблоне, например под плеер в movie.ejs

HTML:

<a
   href="javascript:void(0)"
   class="cinemaButton"
   data-cinema-text="В плеере показывается не тот фильм.\n\n<%- movie.url %>">
    Не тот фильм!
</a>

Теперь при отправке сообщения от пользователей, Вы получите в Телеграм оповещение.

Посмотреть вложение 3703

Параметры кнопки:

Обязательный класс cinemaButton
Предустановленный текст data-cinema-text=""
Если нет предустановленного текста, будет чистая форма

Вы можете сделать несколько кнопок, в каждой будет предустановленный текст, который решает конкретную проблему:

В плеере не тот фильм
В плеере ошибка
Жалоба на фильм
Связь с администрацией
и т.п.

Чтобы Ваши изменения TOKEN и CHAT_ID не сбрасывались после каждого обновления системы, Вы можете скопировать файл /routes/telegram.js в /config/custom/routes/telegram.js

Алиса, что-то кнопка не появляется. Все сделал как в инструкции. Может не туда HTML коды добавляю. Шаблон robb

Alisa · 25 Авг 2020

Антонио Деспасилите написал(а):

В movie.ejs вставляйте.

Антонио Деспасилите · 25 Авг 2020

Alisa написал(а):

В movie.ejs вставляйте.

Проблема уже решена

HD-Kino · 26 Янв 2021

Я бы тоже бота вставил но страшно что то прописывать, есть более простой способ? Просто скопировать и вставить?

Alisa · 26 Янв 2021

HD-Kino написал(а):

Этот способ и есть, копировать с инструкции и вставлять.

Aleksey · 25 Апр 2021

Перенес шаблон десктопа в мобилку по этой инструкции и заметил что кнопка "Не тот фильм" которая на десктопной версии работает исправно на мобилке при нажатии ничего не выводит, вроде все согласно инструкции в этой теме, но не работает

хз что не хватает пути к JS уже перепроверил все гуд, как проверить почему скрипт не вызывается или не отрабатывает??

Alisa · 25 Апр 2021

Aleksey написал(а):

Смотрите Console браузера и Network вкладки.
В одном могут быть ошибки, и видеть куда идёт запрос.

Aleksey · 26 Апр 2021

Alisa написал(а):

Помоги пожалуйста подправить,

не отрабатывают эти скрипты

На Десктопе все работает а на мобилке эти же скрипты отдают 404

Alisa · 26 Апр 2021

Aleksey написал(а):

Чтобы скрипт получался с мобильной версии, нужно в app.js:

app.use('/telegram', telegram);

заменить на:

app.use(/^(?:\/mobile-version|\/tv-version|)?\/telegram/, telegram);

Aleksey · 23 Авг 2021

Последнее время я стал получать большое кол-во сообщений

Проверил, плеер исправно работает, но месседжи время от времени прилетают, проверяю, все в норме (пользователи просто тыкают на кнопку не тот фильм и не пишут сообщение, вероятно не видят textarea)
Переписал код формы обратной связи ↓
1) Добавил

поле ввода имени отправителя, для удобства обращения при обратной связи.
поле ввода email для обратной связи.

2) Изменил градиент поля ввода сообщения может теперь пользователи будут его замечать.
3) Убрал из поля ввода сообщения адрес страницы

Обязательный класс cinemaButton
Предустановленный текст data-cinema-text=""
Если нет предустановленного текста, будет чистая форма

Образец (передача URL страницы откуда отправляется сообщение):

Код:

<a href="javascript:void(0);" id="watchLater" style="width: 100%;font-size: 16px"
    class="cinemaButton"
    data-cinema-text="<%- movie.url %>">
    <span>Техподдержка</span>
</a>

Пример пустой формы:

Пример заполненной формы:

Пример сообщения в Telegram:

Для того что бы получать такие же сообщения, замените код в файле /routes/telegram.js на тот что в файле telegram.txt (он во вложении)
НЕ ЗАБУДЬТЕ указать TOKEN и CHAT_ID

Чтобы Ваши изменения не сбрасывались после каждого обновления системы, Вы можете скопировать файл /routes/telegram.js в /config/custom/routes/telegram.js

Aleksey · 23 Авг 2021

Если тут есть те кто знакомы с JS

, то я был бы благодарен

за помощь в прикручивании функции проверки email, и было бы отлично заставить должным образом работать вот эту часть кода

JavaScript:

      "    divCinemaModalUserName.setAttribute('type','name');\n" +
      "    divCinemaModalUserName.setAttribute('autocomplete', 'on');\n" +
      "    divCinemaModalUserName.setAttribute('required', 'required');\n" +

      "    divCinemaModalMail.setAttribute('pattern', '/\S+@\S+\.\S+/');\n" +
      "    divCinemaModalMail.setAttribute('type','email');\n" +
      "    divCinemaModalMail.setAttribute('autocomplete', 'on');\n" +
      "    divCinemaModalMail.setAttribute('required', 'required');\n" +

JavaScript:

function validateEmail(email) {
  var re = /[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?/;
  return re.test(String(email).toLowerCase());
};

end · 27 Ноя 2021

Aleksey написал(а):

Если тут есть те кто знакомы с JS

, то я был бы благодарен

за помощь в прикручивании функции проверки email, и было бы отлично заставить должным образом работать вот эту часть кода

JavaScript:

      "    divCinemaModalUserName.setAttribute('type','name');\n" +
      "    divCinemaModalUserName.setAttribute('autocomplete', 'on');\n" +
      "    divCinemaModalUserName.setAttribute('required', 'required');\n" +

      "    divCinemaModalMail.setAttribute('pattern', '/\S+@\S+\.\S+/');\n" +
      "    divCinemaModalMail.setAttribute('type','email');\n" +
      "    divCinemaModalMail.setAttribute('autocomplete', 'on');\n" +
      "    divCinemaModalMail.setAttribute('required', 'required');\n" +

JavaScript:

function validateEmail(email) {
  var re = /[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?/;
  return re.test(String(email).toLowerCase());
};

регулярка для этого зло, но могу попробовать сделать, если актуально - в лс!

Похожие темы	Раздел	Ответов	Дата
Cinemapress еще работает? Не получается зайти	Работа форума	1	6 Авг 2022
Не работает sitemap	CinemaPress	0	6 Апр 2022
Инвайтинг и рассылка в телеграмме	Услуги	0	29 Окт 2018
Трансляция RSS в ВК публикации, а потом в чат-бот для Телеграмм	Соц. сети	8	4 Окт 2018
Пишем Телеграм-бота для отслеживания попадания IP или домена в реестр РКН	Чат-бот для Telegram	37	12 Май 2018

Телеграм-бот обратной связи для CinemaPress (Жалоба, Не тот фильм, Контакты, и т.п.)

Вложения

Вложения

Вложения

Вложения

Вложения

Вложения

Вложения