Как создать свой чат. Создаем чат вконтакте

Чат – это страничка в интернете, позволяющая общаться одновременно со многими пользователями. Их великое множество по всей всемирной паутине. Есть чаты в локальных сетях, в организациях, есть пользователи, создающие чаты для себя и своих друзей, чтобы общаться без посторонних. Это очень удобно для обсуждения какого-либо совместного мероприятия.

Инструкция

Для создания чата для начала выберите сайт, который предоставляет услуги бесплатной регистрации чата. В интернете сейчас есть масса таких ресурсов, например, http://cbox.ws/getone.php. Перед тем как создать свой чат, придумайте для него название, которое бы заинтересовало пользователей и было бы не занятым на ресурсе, который вы выбрали.

Пройдите процедуру регистрации на ресурсе. Для этого нужно выбрать команду «создать свой чат» или «регистрация» (sign up) и заполнить поля формы. В первую очередь, это название для вашего чата - оно будет подставлено перед именем ресурса, предоставляющего услугу регистрации.

Заполните поле «адрес электронной почты» (Email address). Адрес электронной почты нужен для активации вашего чата. На него придет специальное письмо, в котором вам будет предложено перейти по ссылке, чтобы подтвердить создание чата.

Далее внесите в поле пароль для вашего чата. С его помощью вы будете заходить как его администратор и управлять им. Поле «пароль» (Password) заполняется дважды для того, чтобы избежать ошибок.

Выберите язык вашего чата и стиль. Разные ресурсы предлагают различные стили оформления. Так что вы можете сделать свой чат и оформить его по своему вкусу. Обязательно поставьте галочку в поле «Ознакомлен с правилами». Далее, когда все поля заполнены, нажмите кнопку «зарегистрироваться» или «создать чат» (create my chat).

После регистрации зайдите в систему под своим логином и паролем и выберите панель управления чатом. Она содержит множество инструментов управления, например, выбор шаблона чата, управление дизайном, модерацией и пользователями (удаление и добавление, переименование). Чтобы сделать свой чат, мало его зарегистрировать. Вам понадобится базовое знание языка Html, чтобы настроить внешний вид чата по своему усмотрению.

Используя услуги сервиса чатов, обязательно принять пользовательское соглашение . Факт использования услуг означает безусловное принятие всех пунктов соглашения.

Инструкции Возможности чата

Настройка вохода пользователей в чат:

• В открытый чат может войти любой посетитель, даже не зарегистрированный.
• В чат со свободной регистрацией может войти любой, предварительно зарегистрированный, пользователь. Поскольку в чат допускаются только зарегистрированные пользователи, это облегчает работу модератора.
• Модерируемый чат могут просматривать все (в том числе, не зарегистрированные пользователи), но войти в такой чат может только зарегистрированный пользователь, причём участие в чате должно быть предварительно подтверждено администратором.
• Закрытый чат целиком управляется владельцем чата: только владелец разрешает доступ в чат другим зарегистрированным пользователям. Только такие пользователи могут просматривать чат и общаться в закрытом чате.

Баны в чате . Администраторы и модераторы могут "банить" пользователей чата (временно запрещать доступ).

Управление чатом . Администраторы имеют возможность назначать полномочия администраторов и модераторов пользователям чата. Администраторы имеют право на любые действия с чатом (кроме удаления : удалить чат может только создатель чата), тогда как модераторы имеют право банить пользователей.

Отключаемый фильтр мата , который включается и выключается по желанию администратора.

Отключаемый фильтр ссылок на сайты. Ссылки, отправляемые пользователями, отображаются в виде гиперссылок, на которые можно кликать.

История сообщений чата позволяет пользователям узнать, о чём в чате говорили в их отсутствие. В истории хранятся сообщения чата за последний год (история сообщений доступна только для чатов на тарифе "Профессиональный").

Статистика чата , доступная для чатов на тарифе "Профессиональный", позволяет следить за активностью пользователей в чате.

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

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

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

Радио в чате. К каждому чату можно подключить радио из каталога радио. Если нужной радиостанции в списке не нашлось, можно добавить радио в чат , так что оно, по желанию, будет доступно и в других чатах.

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

Своё звуковое оформление чата. Различные события, происходящие в чате, могут сопровождаться звуками. Есть стандартные темы звукового оформления, но можно добавить свои звуки для чата . Для каждого события чата есть возможность назначить несколько разных звуков, которые будут выбираться в случайном порядке.

Чат можно разместить на любом сайте. Для этого достаточно поместить на сайт небольшой фрагмент HTML-кода.

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

Платные услуги нашего сервиса Пользователям:

Пользователи могут дарить друг другу подарки. В каталоге подарков есть выбор для любого случая. Вы также можете сделать и свой уникальный подарок!

Любые фотографии, загруженные пользователями, могут быть оценены по пятибальной шкале. Кроме этого, можно поставить оценку "Пять с плюсом" особенно понравившимся фото. Оценка фото на "Пять с плюсом" - платная! Есть возможность изменить ранее поставленную оценку, что так же является платной услугой.

Существует возможность изменения ника в чате. Изменение ника является платной услугой, чтобы исключить злоупотребление частой сменой ника. Внимательно выбирайте свой ник, чтобы не пришлось его менять!

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

Существует возможность покупки "головастика" - картинки-иконки, которая отображается рядом с ником пользователя в чате. Стоимость головастика определяется в каждом чате администратором чата.

Владельцам чатов:

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

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

Владельцы чатов могут подключить к своему чату тариф "Профессиональный" . Это даст следующие возможности:

• Возможность задать полностью индивидуальное оформление чата, указав свой стиль CSS для чата.
• Возможно подключение собственных скриптов JavaScript для настройки чата под собственные нужды (осуществляется через обращение в службу поддержки).
• Создание отдельных комнат в чате, отображающихся в виде закладок в чате. Зайдя в чат, пользователь затем сможет войти в одну или сразу в несколько комнат, созданных администратором чата.
• Отображение статистики посещаемости чата и интенсивности общения по часам, дням, месяцам.
• В чате появится возможность просмотреть историю сообщений, где хранятся все сообщения чата за последний год.
• Прямая ссылка со страницы чата на нашем сервисе на Ваш сайт, указанный в настройках чата.
• Доход от размещения объявлений и головастиков в Вашем чате составит не 30%, а 60%.
• В будущем будут появляться и другие возможности для "Профессиональных" чатов, о чём будет сообщено в

В этом уроке мы будем создавать простое приложение веб-чата с помощью PHP и jQuery. Утилита такого типа прекрасно подойдет для системы онлайн-поддержки вашего сайта.

Введение

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

Шаг 1: HTML разметка

Мы начнем этот урок с создания нашего первого файла index.php.

Chat - Customer Module

Welcome,

Exit Chat

• Мы начнем наш html с обычных DOCTYPE, html, head, и body тагов. В таг head мы добавим наш заголовок и ссылку на нашу таблицу стилей css (style.css).
• Внутри тага body, мы структурируем наш макет внутри блока - обертки #wrapper div. У нас будет три главных блока: простое меню, окно чата и поле ввода нашего сообщения; каждый со своим соответствующим div и id.
  • Блок меню #menu div будет состоять из двух абзацев. Первый будет приветствием пользователю и поплывет налево, а второй будет ссылкой на выход и поплывет направо. Мы также включим блок div для очистки элементов.
  • Блок чата #chatbox div будет содержать лог нашего чата. Мы будем загружать наш лог из внешнего файла с использованием ajax-запроса jQuery.
  • Последним пунктом в нашем блоке-обертке #wrapper div будет наша форма, которая будет включать в себя текстовое поле ввода для сообщения пользователя и кнопку отправки.
• Мы добавляем наши скрипты последними, чтобы грузить страницу быстрее. Сначала мы вставим ссылку Google jQuery CDN, так как в этом уроке мы будем использовать библиотеку jQuery. Наш второй таг скрипта будет там, где мы будем работать. Мы загрузим весь наш код после того, как документ будет готов.

Шаг 2: Создание стиля CSS

Теперь мы добавим немного css, чтобы заставить наше приложение чата выглядеть лучше, чем стиль браузера по умолчанию. Код, указанный ниже будет добавлен в наш файл style.css.

/* CSS Document */ body { font:12px arial; color: #222; text-align:center; padding:35px; } form, p, span { margin:0; padding:0; } input { font:12px arial; } a { color:#0000FF; text-decoration:none; } a:hover { text-decoration:underline; } #wrapper, #loginform { margin:0 auto; padding-bottom:25px; background:#EBF4FB; width:504px; border:1px solid #ACD8F0; } #loginform { padding-top:18px; } #loginform p { margin: 5px; } #chatbox { text-align:left; margin:0 auto; margin-bottom:25px; padding:10px; background:#fff; height:270px; width:430px; border:1px solid #ACD8F0; overflow:auto; } #usermsg { width:395px; border:1px solid #ACD8F0; } #submit { width: 60px; } .error { color: #ff0000; } #menu { padding:12.5px 25px 12.5px 25px; } .welcome { float:left; } .logout { float:right; } .msgln { margin:0 0 2px 0; }

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

Как вы можете видеть выше, мы закончили строить пользовательский интерфейс чата.

Шаг 3: Используем PHP, чтобы создать форму входа.

Теперь мы реализуем простую форму, которая будет спрашивать у пользователя его имя, перед тем, как пустить его дальше.

Функция loginForm(), которую мы создали, состоит из простой формы входа, которая спрашивает у пользователя его/ее имя. Затем мы используем конструкцию if else, чтобы проверить, ввел ли пользователь имя. Если человек ввел имя, мы устанавливаем его, как $_SESSION["имя"]. Так как мы используем сессию, основанную на cookie, чтобы хранить имя, мы должны вызвать session_start() перед тем, как что-нибудь выводить в браузер.

Есть одна вещь, на которую вы возможно захотите обратить особое внимание - то, что мы использовали функцию htmlspecialchars(), которая конвертирует специальные символы в HTML сущности, тем самым защищая имя переменной, чтобы оно не стало жертвой межсайтового скриптинга (XSS). Мы также добавим эту функцию позже к текстовой переменной, которая будет опубликована в логе чата.

Отображение формы входа

Для того, чтобы показать форму логина в случае, если пользователь не вошел в систему, и следовательно, не сессия не создалась, мы используем другую инструкцию if else вокруг блока-обертки #wrapper div и тагов скрипта в нашем исходном коде. В противоположном случае, если пользователь вошел в систему и создал сессию, этот код спрячет форму входа и покажет окно чата.

Welcome,

Exit Chat

// jQuery Document $(document).ready(function(){ });

Приветствие и меню выхода из системы

Мы еще не закончили создавать систему входа для этого приложения чата. Нам еще нужно дать пользователю возможность выйти из системы и закончить сессию чата. Как вы помните, наша исходная HTML разметка включала в себя простое меню. Давайте вернемся назад и добавим некоторый PHP код, который придаст меню больше функциональности.

Прежде всего, давайте добавим имя пользователя в сообщение приветствия. Мы сделаем это, выводя сессию имени пользователя.

Welcome,

Для того, чтобы позволить пользователю выйти из системы и завершить сессию, мы прыгнем выше головы и кратко используем jQuery.

// jQuery Document $(document).ready(function(){ //If user wants to end session $("#exit").click(function(){ var exit = confirm("Are you sure you want to end the session?"); if(exit==true){window.location = "index.php?logout=true";} }); });

Код jquery, приведенный выше просто показывает диалог подтверждения, если пользователь кликнет по ссылке выхода #exit. Если пользователь подтвердит выход, тем самым решив закончить сессию, мы отправим его в index.php?logout=true. Это просто создаст переменную с именем logout со значением true. Мы должны перехватить эту переменную с помощью PHP:

If(isset($_GET["logout"])){ //Simple exit message $fp = fopen("log.html", "a"); fwrite($fp, "User ". $_SESSION["name"] ." has left the chat session.
"); fclose($fp); session_destroy(); header("Location: index.php"); //Redirect the user }

Теперь мы увидим, существует ли get переменная "logout", используя функцию isset(). Если переменная была передана через url, такой, как ссылка, упомянутая выше, мы переходим к завершению сессии пользователя с текущим именем.

Перед уничтожением сессии пользователя с текущим именем с помощью функции session_destroy() мы хотим выводить простое сообщение о выходе в лог чата. В нем будет сказано, что пользователь покинул сессию чата. Мы сделаем это, используя функции fopen(), fwrite() и fclose(), чтобы манипулировать нашим файлом log.html, который, как мы увидим позднее, будет создан в качестве лога нашего чата. Пожалуйста, обратите внимание, что мы добавили класс "msgln" в блок div. Мы уж определили стиль css для этого блока.

Проделав это, мы уничтожаем сессию и перенаправляем пользователя на ту же страницу, где появится форма входа в систему.

Шаг 4: Поддержка пользовательского ввода данных

После того, как пользователь подтвердил свои действия в нашей форме, нам нужно захватывать его ввод с клавиатуры и писать его в лог нашего чата. Для того, чтобы сделать это, мы должны использовать jQuery и PHP, чтобы работать синхронно на стороне сервера и на стороне клиента.

jQuery

Практически все, что мы собираемся делать с jQuery для обработки наших данных, будет вращаться вокруг запроса на jQuery post.

//If user submits the form $("#submitmsg").click(function(){ var clientmsg = $("#usermsg").val(); $.post("post.php", {text: clientmsg}); $("#usermsg").attr("value", ""); return false; });

Перед тем, как мы что-то начнем делать, мы должны захватить пользовательский ввод, или то, что он напечатал в поток ввода #submitmsg. Этого можно достигнуть функцией val(), которая берет значение, установленное в поле формы. Теперь мы сохраняем это значение в переменную clientmsg.

Вот и наступает самая важная часть: запрос jQuery post. Она отправляет запрос POST в файл post.php, который мы создадим через мгновение. Он отправляет ввод клиента, или то, что было сохранено в переменную clientmsg.

В конце мы очищаем ввод #usermsg, очищая атрибут значения.

Пожалуйста обратите внимание, что код, указанный выше, пойдет в наш таг скрипта, где мы поместили jQuery код выхода из системы.

PHP - post.php

На данный момент мы имеем данные POST, отправляемые в файл post.php каждый раз, когда пользователь отправляет форму и посылает новое сообщение. Наша задача теперь захватить эти данные и записать их в лог нашего чата.

Прежде чем мы что-либо сделаем, мы должны начать файл post.php с помощью функции session_start(), так как мы будем использовать сессию по имени пользователя в этом файле.

Используя логическую isset, мы проверим, существует ли сессия для "name", перед тем, как что-то делать дальше.

Теперь мы захватим данные POST, которые jQuery послал в этот файл. Мы сохраним эти данные в переменную $text.

Эти данные, так же, как и вообще все данные, вводимые пользователем, будут храниться в файле log.html. Чтобы сделать это, мы откроем файл в режиме "a" функции fopen, который согласно php.net открывает файл только для записи; помещает указатель файла на конец файла. Если файл не существует, попытаемся создать его. Затем мы запишем наше сообщение в файл, используя функцию fwrite().

• Сообщение, которое мы будем записывать, будет заключено внутри блока.msgln div. Он будет содержать дату и время, сгенерированную функцией date(), сессию имени пользователя и текст, которые также будет окружен функцией htmlspecialchars(), чтобы избежать XSS.

И наконец, мы закрываем наш файл с помощью fclose().

Шаг 5: Отображение содержимого лога чата (log.html)

Все, что пользователь разместил, обработано и опубликовано с помощью jQuery; оно записано в лог чата с помощью PHP. Единственное, что осталось сделать - это показать обновленный лог чата пользователю.

Чтобы сэкономить нам немного времени, мы предварительно загрузим лог чата в блок #chatbox div, как если бы он что-то содержал.

Мы используем процедуру, похожую на ту, что мы использовали в файле post.php, но на этот раз мы только читаем и выводим содержимое файла.

Запрос jQuery.ajax

Запрос ajax - это ядро всего, что мы делаем. Этот запрос не только позволяет нам посылать и принимать данные через форму без обновления страницы, но также и позволяет нам обрабатывать запрошенные данные.

//Load the file containing the chat log function loadLog(){ $.ajax({ url: "log.html", cache: false, success: function(html){ $("#chatbox").html(html); //Insert chat log into the #chatbox div }, }); }

Мы завернем наш ajax запрос в функцию. Вы увидите, зачем, прямо сейчас. Как вы можете видеть выше, мы использовали только три из объектов запроса jQuery ajax.

• url : Строка URL для запроса. Мы используем имя файла лога нашего чата log.html.
• cache : Это предотвратит кэширование нашего файла. Это обеспечит нам то, что всегда, когда мы посылаем запрос, мы будем иметь обновленный лог чата.
• sucess : Это позволит нам прикрепить функцию, которая передаст запрошенные нами данные.

Как вы видите, затем мы перемещаем запрошенные нами данные (html) в блок #chatbox div.

Автопрокрутка

Как мы, возможно, видели в других приложениях чатов, содержимое автоматически прокручивается вниз, если контейнер лога чата (#chatbox) переполняется. Мы воплотим простую и похожую возможность, которая будет сравнивать высоту полосы прокрутки контейнера до и после того, как мы выполним ajax запрос. Если высота полосы прокрутки стала больше после запроса, мы используем эффект анимации jQuery, чтобы прокрутить блок #chatbox div.

//Load the file containing the chat log function loadLog(){ var oldscrollHeight = $("#chatbox").attr("scrollHeight") - 20; //Scroll height before the request $.ajax({ url: "log.html", cache: false, success: function(html){ $("#chatbox").html(html); //Insert chat log into the #chatbox div //Auto-scroll var newscrollHeight = $("#chatbox").attr("scrollHeight") - 20; //Scroll height after the request if(newscrollHeight > oldscrollHeight){ $("#chatbox").animate({ scrollTop: newscrollHeight }, "normal"); //Autoscroll to bottom of div } }, }); }

• Сначала мы сохраним высоту полосы прокрутки блока #chatbox div в переменную oldscrollHeight перед выполнением запроса.
• После того, как наш запрос вернет успех, мы сохраним высоту полосы прокрутки блока #chatbox div в переменную newscrollHeight.
• Затем мы сравним высоту полосы прокрутки в обеих переменных, используя конструкцию if. Если newscrollHeight больше, чем oldscrollHeight, мы используем эффект анимации, чтобы прокрутить блок #chatbox div.

Постоянное обновление лога чата

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

SetInterval (loadLog, 2500); //Reload file every 2500 ms or x ms if you wish to change the second parameter

Ответ на наш вопрос находится в функции setInterval. Эта функция будет запускать нашу функцию loadLog() каждые 2,5 секунды, которая будет запрашивать обновленный файл и делать автопрокрутку блока.

Закончили

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

Ниже привожу несколько ссылок, которые вы возможно захотите посмотреть, если задумаетесь о расширении этого приложения чата:

• Защитите ваши формы ключами форм - избегайте XSS (межсайтового скриптинга) и подделок межсайтовых запросов.
• Отправка формы без обновления страницы с использованием jQuery - расширьте наш ajax запрос
• Как делать AJAX запросы на чистом Javascript - изучите, как работает кухня запросов на чистом javascript.

• Следите за нами на

Прежде чем создать чат для сайта, нужно понимать, что голосовые и текстовые вебчаты – важная особенность для интернет-проектов. Такой способ обеспечивает общение посетителей через интернет при помощи браузера. Этот способ реализован на веб-архитектуре клиента и Клиентский браузер является программой, которая запрашивает и принимает обратную информацию от сервера. Сервер работает на отдельном адресе, он принимает, хранит и отсылает информацию по запросу. Связь клиента с хостом сервера происходит по сетевому протоколу.

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

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

Чаты для общения с посетителями на сайте позволяют работать без дополнительной установки сторонних программ. Переписка между сервером и клиентами работает на разных технологиях. Обычно, программа клиентской части онлайн-чата разрабатывается на JavaScript, то есть реализована на Ajax.

Делаем чат с помощью кода

Создавать чаты для сайтов можно различными способами, но среди них выделяют два основных:

Собственноручный, с помощью HTML. Это обычный документ, включающий библиотеки, таблицы стилей и скрипты JavaScript. Ниже представлен готовый код мини-чата:

Используя JavaScript определим данный код внутри ul-элемента . Если нажать на “Write a message”, то выскакивает форма для сообщения. Вставляем код на станицу сайта.

Специальные программы

Для примера можно взять ресурс, специализирующийся на создании чатов — Chatadelic.net (является частично платным). Проходим регистрацию и жмем на «Создать чат». После чего, придумываем название для чата, вписываем адрес блога, куда собираемся установить. Далее будет сгенерирован HTML-код, который и нужно поставить на страницы сайта.

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

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

• Можно администрировать и модерировать.
• Звуковое сопровождение событий чата.
• Подключение языка JavaScript.
• Свои фоны и CSS-стили.
• Обмен видео, ссылками, картинками.
• Фильтрация нецензурной лексики.
• Возможность ограничить скорость отправки сообщений.
• Блокировка неугодных пользователей.
• Статистика работы.
• Интеграция в сайт.

Сторонний софт

Ниже хочу затронуть еще две популярные программы, которые устанавливает у себя на хосте Хорошим примером будут бесплатные приложения:

• Redhelper — мощная система онлайн-консультирования и отличная бесплатная альтернатива на тарифе для некоммерческого использования. Установка простая и понятная — готовый код нужно загрузить на сайт аналогично счетчикам посещаемости и метрики. Зарегистрироваться и посмотреть функции можно на официальном сайте .

• Siteheart (SiteHeart.com/ru/price)— современный и удобный инструмент, предлагает массу полезных решений, в том числе и установку приложений для работы через смартфон, а так же виджеты и расширения, ознакомиться можно на официальном сайте или скачать на других ресурсах.

Где разумнее установить чат?

Создать чат для сайта можно в таком месте, где он будет более заметен: этим местом может стать главная страница или страница статьи. Также, он может отображаться в виджете и футере. Как Вы уже поняли, установить его можно без особых навыков, знания кода и CSS стилей, все уже придумано, есть в свободном доступе, устанавливаем и пользуемся.

Important!

Не забудьте вписать правила поведения для тех, кто будет пользоваться чатом.

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

На сегодняшний день существует два основных способа организации корпоративного чата. Первый из них заключается в использовании наиболее распространенных в нашей стране IM-клиентов: ICQ,QIP, Skype и пр. Главным его достоинством является легкость внедрения и дешевизна. И действительно, что-то проще придумать невозможно: достаточно всем сотрудникам установить клиент и добавить в контакты друг друга. Использование же этих систем вообще бесплатно.

Однако у такого решения есть целый ряд серьезнейших недостатков. Во-первых , в них отсутствуют многие весьма полезные возможности. В частности, во всех системах (за исключением Skype) нет групповых чатов, функции подтверждения прочтения сообщения и пр. Во-вторых , IM-чаты абсолютно неуправляемые в масштабе организации. У каждого сотрудника есть собственный аккаунт, с которым он волен делать все, что угодно. Отсюда возникает проблема контроля переписки сотрудников, доступа к архиву сообщений, создания “корпоративных” номеров и пр.

В-третьих , использование IM-клиентов – потенциальная угроза информационной безопасности компании. Причем речь идет не только о технических моментах (например, риск загрузки инфицированных файлов, переход по опасным ссылкам и пр.), с которыми можно успешно бороться. IM-чаты являются одним из основных каналов утечки конфиденциальной информации, который, ко всему прочему, достаточно плохо поддается контролю со стороны DLP-систем. Особенно это верно в отношении Skype, которая передает трафик в зашифрованном виде. Кроме того, всегда существует риск утери сотрудником контроля над своим аккаунтом в ICQ. Заполучив его, злоумышленник сможет общаться с клиентами компании, реализуя те или иные мошеннические схемы с целью их обмана. Что, в конце концов, крайне негативно отразиться на репутации и бизнесе компании.

Вторым способом организации чата для офиса является использование специального ПО. И хотя это несколько более затратный способ, он избавлен от всех вышеперечисленных недостатков. Ну а дополнительные возможности, которые могут активно использоваться в бизнес-процессах, повышая их эффективность, быстро окупают затраты на внедрение. Естественно, для этого необходимо, чтобы в ПО реализованы все нужные функции. Поэтому к выбору программы для организации корпоративного чата стоит подходить предельно внимательно: чем больше функционал продукта, тем шире его можно будет использовать. При этом необходимо обращать внимание и на другой аспект – а именно на возможности внедрения и администрирования. Интеграция с Active Directory, удаленное управление, возможность масштабирования решения позволяют существенно упростить управление корпоративным чатом, а значит, и уменьшить стоимость владения им.

В качестве примера решения, которое удовлетворяет всем требованиям, можно привести продукт MyChat, представляемый компанией Network Software Solutions. Это с клиент-серверной архитектурой. Это значит, что для обеспечения работы продукта используется специальный сервер, который берет на себя коммуникационные и прочие функции. Клиент-серверный подход является оптимальным для организации корпоративного чата как в небольших, так и в крупных сетях. Он отличается хорошей управляемостью, широкими возможностями и низкой загрузкой сетевых каналов.

В плане функций, предназначенных для конечных пользователей, программе MyChat есть, чем похвастаться. Начать нужно с наличия двух режимов общения : персонального и группового. С первым все очень просто. Два пользователя могут переписываться друг с другом примерно так же, как в ICQ . Групповое общение реализовано в форме каналов – специальных “групп”, подключаться к которым могут либо все, либо только определенные сотрудники организации. При этом каналы могут быть созданы администратором и существовать всегда, или же открываться самими пользователями (у которых есть права на это) при необходимости. Такая гибкость очень удобна на практике. К примеру, можно создать один общий канал для общения всех сотрудников офиса и отдельные каналы для переписки внутри каждого отдела.

В ходе общения пользователи могут применять большой набор различных функций . Среди них можно отметить возможность использования в сообщениях форматирования текста и смайликов, произвольных картинок и ссылок, передачу файлов как напрямую, так и через сервер чата, сохранение истории переписки, игнор-листы, фильтры (антимат, антифлуд) и пр. Фактически, в MyChat реализовано все необходимое для полноценного и комфортного общения сотрудников друг с другом.

Естественно, невозможно представить себе чат для офиса без книги контактов. В MyChat их даже две. В первой приводится полный список всех зарегистрированных в системе пользователей. Причем их можно разбить по отделам, выделив в каждой группе начальника. Это особенно актуально для крупных компаний, в которых сотрудники из разных отделов могут и не знать друг друга. Вторая книга контактов – персональная. У каждого пользователя она своя. В нее можно занести всех людей, с которыми нужно часто общаться.

Помимо этого в рассматриваемом чате для офиса реализован целый ряд дополнительных возможностей . Первая из них – система оповещений . С ее помощью можно передать всем или только некоторым пользователям определенное сообщение и затребовать у них подтверждение прочтения. Это позволяет рассылать приказы для ознакомления, оповещения о проведении собраний и пр. Причем сотрудники уже не смогут сказать, что они не увидели или не прочитали сообщение.

Вторая дополнительная возможность – встроенный FTP-сервер . Его наличие в чате для офиса может показаться странным. Однако на самом деле это очень удобно, особенно, если в компании еще не развернут собственный FTP-сервер. Что он дает? Во-первых, хранилище для записи файлов, причем как общее, доступное для всех пользователей, так и персональное. Во-вторых, он может использоваться для обмена документами (например, на FTP-сервере можно сохранить документы для пользователя, который в данный момент не в сети). В-третьих, FTP-сервер необходим для автоматического обновления клиентов чата (подробнее об этом поговорим чуть позже).

Следующая дополнительная возможность – доска объявлений . На нее можно “повесить” объявление, которое будет видно всем пользователям в указанный промежуток времени. Также можно отметить менеджер учетных записей, который обеспечивает удобное использование клиентов на тех компьютерах, за которыми могут работать разные сотрудники.

Немало функций в MyChat предназначено для увеличения удобства его развертывания и администрирования. Чем у системы больше возможностей в этом плане, тем удобнее ею управлять. А значит, тем меньше совокупная стоимость владения чатом. Отличительной особенностью MyChat является возможность использования в сетях, в том числе и в распределенных, самого разного масштаба, начиная с нескольких и заканчивая тысячами и даже десятками тысяч клиентов, находящихся в разных городах или даже странах. Это обеспечивается целым набором функций администрирования.

Начать нужно со способов установки программ-клиентов. Инсталлировать их можно как вручную, так и автоматически с использованием групповых политик Active Directory . Это же самое можно сказать и об обновлении клиентов. Впрочем, в MyChat существует более удобная реализация этого процесса. В этом чате для офиса есть функция автоматического обновления. При ее использовании клиент обновляется самостоятельно по команде пользователя, которому выдается соответствующее уведомление (при этом используется встроенный FTP-сервер, куда администратор должен предварительно загрузить дистрибутив новой версии). Реализована в , которая способна очень сильно облегчить жизнь ИТ-отделу компании.

Еще одной очень важной особенностью рассматриваемого чата для офиса является собственный скриптовый движок . Для чего он нужен? Этот движок позволяет писать произвольные скрипты, использующиеся для автоматизации разных процессов и интеграции чата с другими корпоративными программными инструментами. Здесь же можно отметить и возможность подключения различных плагинов. Например, плагина для удаленного управления компьютерами пользователей. В сочетании с некоторыми другими возможностями MyChat (отправка скриншотов, технология MyChat Actions и пр.) это позволяет организовать эффективную техническую поддержку пользователей.

Немало внимания уделили разработчики программы безопасности. Весь передаваемый в системе трафик шифруется, что делает бесполезным его перехват. Это позволяет без опаски подключать удаленных пользователей через Интернет. Также можно отметить наличие весьма гибкой системы настройки прав доступа пользователей к возможностям чата. Они устанавливаются по группам, причем администратор может разрешить или запретить практически любую операцию. Это позволяет настраивать чат для офиса точно так, как нужно в каждом конкретном случае.

Отличительной чертой программы MyChat является активное использование веб-технологий . В состав этого продукта входит собственный веб-сервер, который может использоваться для управления этим чатом для офиса. Такой способ администрирования прекрасно дополняет традиционную локальную консоль. Он позволяет управлять сервером чата удаленно со своего рабочего компьютера или вообще из дома через Интернет.