ChatBro - чат на сайт с Telegram/VK
827материалов
228тем на форуме
3004комментария
6159пользователей

ChatBro - чат на сайт с Telegram/VK


Описание:

Добавь бота @ChatbroBot в Telegram и встрой чат на свой сайт. Google проиндексирует историю и даст новых посетителей на сайт и участников в чат!.

Преимущества:


Групповой чат лучше чатов с операторами:

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

Повышает поисковый трафик и среднее время на сайте:

История чата состоит из уникального текста по вашей тематике. Его индексируют поисковые машины и дают целевой трафик. Если вы первые, где поисковик нашёл уникальный контент точно совпадающий с редким запросом пользователя, вы прочно закрепите первую позицию в выдаче по этому запросу.
Популярный ресурс трейдеров TradingView  был бы гораздо скучнее, имея лишь графики валют.В моду вошел так называемый TrollBox. В отличие от форума, в чате пользователи охотнее задают вопросы, потому что не нужно регистрироваться и есть возможность получить ответ сразу.

Чат на сайте синхронизируется с VK/Telegram:

Через меню чата можно присоединиться в беседу ВКонтакте. Общение продолжится уже внутри ВК создавая вам уникальный контент. Можно добавить нашего робота в существующую беседу и индексирововать ее историю у себя на сайте.
Администраторам удобно отвечать на вопросы пользователей сайта с мобильного телефона из приложения ВК.

Установка скрипта:

1) Создаем глобальный блок с именем 'CHATBRO' и вставляем в него следующий код:
Код
<script>
          /* Chatbro Widget Embed Code Start */
          function ChatbroLoader(chats, async) {
          async = async !== false;
          var params = {
          embedChatsParameters: chats instanceof Array ? chats : [chats],
          needLoadCode: typeof Chatbro === 'undefined'
          };
          var xhr = new XMLHttpRequest();
          xhr.onload = function() {
          eval(xhr.responseText);
          };
          xhr.onerror = function() {
          console.error('Chatbro loading error');
          };
          xhr.open('POST', '//www.chatbro.com/embed_chats/', async);
          xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
          xhr.send('parameters=' + encodeURIComponent(JSON.stringify(params)));
          }

          function showSysMessage() {
          document.addEventListener('chatLoaded', function() {
          document.addEventListener('chatInputClick', function(event) {
          var chat = event.chat;
          chat.lockSendMessage();
          chat.showSystemMessage('Только для зарегистрированных участников! <link><a href="$HOME_PAGE_LINK$register">$HOME_PAGE_LINK$register</a></link>');
          });
          });
          }

          /* Chatbro Widget Embed Code End */
          var param = {
          chatPath: 'vk/ddosoff/Тестовая беседа',
          containerDivId: ''
          }

          if ("$USER_LOGGED_IN$") {
          param.siteUserFullName = "$USERNAME$";
          param.siteUserExternalId = "$USER_ID$";
          param.siteUserProfileUrl = "$HOME_PAGE_LINK$index/8-$USER_ID$";
          var avatar = "$USER_AVATAR_URL$";
          if (avatar.indexOf("http") != -1)
          param.siteUserAvatarUrl = avatar;
          else if (avatar)
          param.siteUserAvatarUrl = "$HOME_PAGE_LINK$" + avatar;
          }
          console.log("avatar: " + param.siteUserAvatarUrl);
          // раскомментировать следующую строку, чтобы запретить гостям писать сообщения и требовать от них логина.          
          // showSysMessage();

          // раскомментировать следующую строку, чтобы скрыть чат от гостей.          
          // if("$USER_LOGGED_IN$")
          ChatbroLoader(param);
</script>

2) Чтобы вставить чат на все страницы сайта выбираем шаблон 'Нижняя часть сайта' и вставляем переменную '$GLOBAL_CHATBRO$' перед закрывающим тегом </footer>

Инструкция в картинках
 http://www.chatbro.com/ru/documentation/#ucoz

Живой пример чата в системе Ucoz http://chatbro.ucoz.net/

Больше информации и подробную документацию можно найти на нашем сайте http://www.chatbro.com/ru/

ПОСМОТРЕТЬ ДЕМО ЗАКАЗАТЬ УСТАНОВКУ

Скрипт опубликовал:
...
Логин на сайте: ...
Группа: ...
Статус: ...
Информация о скрипте:
Дата добавления материала: 30.08.2016 в 21:00
Материал просмотрен: 1277 раз
Категория материала: Скрипты для uCoz
К материалу оставлено: 7 комментариев

Пожаловаться
Сказать спасибо
Источник

7 комментариев


Albina-Danes
Зачем он нужен, если у ucoz есть свой модуль мини-чата?
Ромчик
Преимущества:

amurkeys
Цитата
Создаем глобальный блок с именем 'CHATBRO' и вставляем в него следующий код


Всем привет!
А разве можно создавать блоки и вставлять их в друг друга, на сколько я знаю и была практика у меня, от этого не чего хорошего не получается.

Я как то установил блок в блок и вроде норм, но однажды открываю а он весь кривой сайт.
Admin
Домнин Роман @Admin 31.08.2016 15:324
0
Ну попробуйте, если будет конфликт то пропишете на всех страницах сайта перед глобальным блоком $GLOBAL_BFOOTER$
amurkeys
А я сделал проще, на тестовом сайте это

Код
<script>  
  /* Chatbro Widget Embed Code Start */  
  function ChatbroLoader(chats, async) {  
  async = async !== false;  
  var params = {  
  embedChatsParameters: chats instanceof Array ? chats : [chats],  
  needLoadCode: typeof Chatbro === 'undefined'  
  };  
  var xhr = new XMLHttpRequest();  
  xhr.onload = function() {  
  eval(xhr.responseText);  
  };  
  xhr.onerror = function() {  
  console.error('Chatbro loading error');  
  };  
  xhr.open('POST', '//www.chatbro.com/embed_chats/', async);  
  xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');  
  xhr.send('parameters=' + encodeURIComponent(JSON.stringify(params)));  
  }  

  function showSysMessage() {  
  document.addEventListener('chatLoaded', function() {  
  document.addEventListener('chatInputClick', function(event) {  
  var chat = event.chat;  
  chat.lockSendMessage();  
  chat.showSystemMessage('Только для зарегистрированных участников! <link><a href="$HOME_PAGE_LINK$register">$HOME_PAGE_LINK$register</a></link>');  
  });  
  });  
  }  

  /* Chatbro Widget Embed Code End */  
  var param = {  
  chatPath: 'vk/ddosoff/Тестовая беседа',  
  containerDivId: ''  
  }  

  if ("$USER_LOGGED_IN$") {  
  param.siteUserFullName = "$USERNAME$";  
  param.siteUserExternalId = "$USER_ID$";  
  param.siteUserProfileUrl = "$HOME_PAGE_LINK$index/8-$USER_ID$";  
  var avatar = "$USER_AVATAR_URL$";  
  if (avatar.indexOf("http") != -1)  
  param.siteUserAvatarUrl = avatar;  
  else if (avatar)  
  param.siteUserAvatarUrl = "$HOME_PAGE_LINK$" + avatar;  
  }  
  console.log("avatar: " + param.siteUserAvatarUrl);  
  // раскомментировать следующую строку, чтобы запретить гостям писать сообщения и требовать от них логина.  
  // showSysMessage();  

  // раскомментировать следующую строку, чтобы скрыть чат от гостей.  
  // if("$USER_LOGGED_IN$")  
  ChatbroLoader(param);  
</script>


Вставил в нижнюю часть сайта без создания глобального блока, посмотрим как так будет.
chatbro
И так тоже будет работать, с Ucoz раньше не сталкивался, не в курсе почему глобальные блоки могут между собой конфликтовать. После рендеринга страницы в итоге получается один и тот же код, что с глобальным блоком, что без. На тестовом сайте с помощью блока вставлен скрипт.
amurkeys
Всё может быть, но на форуме uCoz или где то в их мануалах, они сами пишут что так не делать а то конфликт будет.

Но всё же видел многие делают и не чего вроде, не спрашивал.
avatar
Вход через социальные сети
Работа в компании uCoz
uSocial - социальные кнопки
uLike – кнопка «Мне нравится»
Статистики нашего сайта