Шаблон авторизации

Авторизация в чате происходит в два этапа: сначала вводится ник, потом пароль.

Имеется возможно объединить эти два шага в один. Все что для этого нужно сделать - только добавить еще одно поле для ввода пароля рядом с вводом ника в шаблоне "логин".

Пример:



Другой шаблон авторизации

Пример шаблона авторизации в две строки для широкого фрейма.

Пример:

Код устанавливается в шаблон "логин"



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

Пример:



Шаблон поздравления с днем рождения

Этот шаблон можно использовать на дополнительных страничках или во фрейме "Информация".

Пример:

Окно "Смайлики"

Окно смайликов состоит из трех основных частей — это: собственно таблица смайликов, меню переключения страниц и меню выбора группы. С помощью шаблона можно комбинировать положение этих элементов в окне.

В шаблоне используются следующие переменные:

%SMILES% - выводит страницу смайликов, смайлики располагаются относительно друг друга на одном расстоянии, которое определяется дизайном.
%SMILES_TABLE% - выводит страницу смайликов в виде таблицы, в которой смайлики располагаются по центру ячеек. Браузер Internet Explorer некорректно отображает страницу в данном режиме.
%MENU% - выводит меню страниц смайликов, меню представлено в виде последовательности номеров страниц.
%GROUPS_MENU% - выводит меню для выбора группы смайликов, меню представлено в виде выпадающего списка. Если использовать эту переменную как функцию и передать ей число, то это число будет означать количество пробелов, которое необходимо отступить в меню слева и справа от названий групп.
%GROUP_NAME% - выводит название текущей группы, применять следует только при наличии групп. Если использовать эту переменную как функцию, то в аргументе можно передать градиентный цвет, которым будет выводиться название, аргумент должен передаваться в кавычках.
В шаблоне может использоваться только одна переменная %SMILES% или %SMILES_TABLE%, переменные %MENU% и %GROUPS_MENU% желательно использовать внутри условных операторов — в этом случае присутствие меню в окне будет зависеть от количества смайликов и наличия групп.

По умолчанию в окне выводится 100 смайликов на страницу. Чтобы изменить это значение переменные %SMILES%, и %SMILES_TABLE% должны быть использованы как функции, а в аргументе передать новое число.

Пример шаблона:

Команды альтернативного наказания нарушителей

Кроме окна киллера существуют консольные команды чата, позволяющие влиять на нарушителей.

Список команд:

/shutup nick
подавляет вывод фраз пользователя, повторное исполнение команды разрешает вывод фраз;
/totalignore nick
исключает пользователя из разговора, фразы пользователя не будут видны другим пользователям, также этот пользователь удаляется из всех списков (онлайн, игноры и т.д.), при этом, для самого пользователя ничего не изменится, он будет видеть свои фразы. Повторное исполнение команды возвращает пользователя в разговор;
/reverse nick
текст пользователя будет выводиться в чат задом наперед, т.е. текст будет читаться справа налево, повторное исполнение этой команды отключает эффект;
/abracadabra nick [число] или /абракадабра nick [число]
искажает текст пользователя, вплоть до невозможности его прочтения, необязательный параметр число задает степень искажения текста, от легкого искажения, до полной абракадабры, число должно лежать в диапазоне от 6 (самое слабое искажение) до 100 (самое сильное искажение). При значении 60 текст уже становится практически не читабельным. Применение команды без числа устанавливает максимальное искажение текста. Для отключения эффекта искажения необходимо выполнить команду без параметра;
/vowel nick [буква] или /гласные nick [буква]
заменяет в словах все русские гласные, необязательный параметр буква указывает на какую букву должна производиться замена, если параметр не указан то гласные будут заменяться случайными буквами. Для отключения этого эффекта необходимо выполнить команды без параметра.
*Примечание: квадратные скобки [] в командах указывают, что параметр внутри скобок является необязательным, сами скобки при вводе команды печатать не надо.

Действие этих команд распространяется только на текущую сессию посетителя, при перезаходе посетителя установленные параметры будут сброшены. Для того, чтобы сохранять действие команд при повторном входе посетителя необходимо поместить его в бан-лист командой /ban nick или /бан nick. Повторное исполнение этой команды удаляется пользователя из бан-листа. Команда /ban выводит список забаненных.

Модераторы, имеющие доступ к командам альтернативного наказания, в админке имеют индекс "BN".

Форма авторизации для дополнительных страниц

Здесь дано описание как правильно устанавливать форму авторизации на дополнительных страницах.

Код формы авторизации на дополнительных страницах немного отличается от кода, который устанавливается на внешних сайтах (код в разделе "Web-мастеру" админки чата), т.к. требуется выполнение следующих условий:

• сохранение номера порта, через который осуществляется доступ;
• сохранение реферального номера.

Для выполнения первого условия необходимо использовать относительный адрес для перенаправления запроса в форме:

Для выполнения второго условия необходимо в код формы добавить скрытое поле:


Пример рабочей формы



Дополнительно в форму можно добавить списки для выбора комнаты и выбора дизайна.

Пример формы с выбором комнаты



Пример формы с выбором дизайна



Пример формы с выбором комнаты и дизайна

Фрейм отправки сообщений

Здесь представлены примеры модификации стандартного шаблона фрейма отправки сообщений.

Дублирование функций из навигации

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

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

Существуют два способа размещения функций во фрейм отправки: в виде ссылок и в виде кнопок. Коды соответствующих вариантов приведены в таблице.

в виде ссылок



в виде кнопок



Осталось добавить нужные функции в шаблон "отправка"

Пример:




Счетчик времени прибывания в чате

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

Пример шаблона с таймером:



Переключатель транслита

При наборе русского текста в латинице чат может автоматически его преобразовывать в кириллицу, для этого требуется в личных настройках установить опцию "транслит". Чтобы при вводе текста можно было использовать оба алфавита (латинский и русский) имеется возможность временно отключать преобразование, нажав одновременно клавиши ALT и CTRL, повторное нажатие этих клавиш снова включает преобразование.

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

Пример шаблона с переключателем транслита в виде чекбокса



Пример шаблона с переключателем транслита в виде кнопки

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

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



• %ICON% — иконка посетителя, если он зарегистрирован, по которой открывается его анкета. Если посетитель загрузил свою иконку, будет отображена его иконка.
• %RANK% — звание посетителя, выводится только текст.
• %RANK_ICON% — иконка звания посетителя, если есть, в противном случае выводит дефолтовую картинку анкеты.
• %RANK_ICON_INFO% — то же, что и %RANK_ICON%, но с возможностью открывать анкету посетителя при клике на картинку.
• %USER_ICON% — пользовательская иконка, загруженная посетителем.
• %USER_ICON_INFO% — то же, что и %USER_ICON%, но с возможностью открывать анкету посетителя при клике на картинку.
• %TORT% — булево значение, истина (символ пробела), если у посетителя сегодня день рождения, иначе ложь (пустая строка).
• %TORT_ICON% — пиктограмма торта, если у посетителя день рождения.
• %STAT% — статус посетителя, который он выбрал в навигации, либо командой /status.
• %STAT_ICON% — иконка статуса.
• %WEBCAM_ICON% — иконка включенной веб-камеры в режиме "трансляция", если переменную использовать как функцию, в аргументе можно передать подсказку, которая будет выводиться при наведении мышки на иконку.
• %USER_STAT% — личный статус пользователя, который он установил командой /status, системные статусы этой переменной не выводятся.
• %INVISIBLE% — булево значение, истина (символ пробела), если посетитель находится в режиме "невидимость", иначе ложь (пустая строка).
• %INVISIBLE_ICON% — пиктограмма невидимости.
• %SEX% — число, указывающее пол посетителя: 1 - мужской, 2 - женский, если пол не установлен переменная содержит пустую строку.
• %SEX_ICON% — пиктограмма пола посетителя, если пол установлен.
• %FLAG% — флаг страны, которой принадлежит IP-адрес, с которого зашел посетитель, размер картинки флага 29 на 20 пикселей.
• %FLAG_INFO% — кликабельный флаг, откроется анкета, если есть.
• %SMALL_FLAG% — тоже флаг страны, но меньших размеров, картинка 18 на 12 пикселей.
• %SMALL_FLAG_INFO% — кликабельный маленький флаг.
• %CO% — двубуквенное обозначение страны в нижнем регистре, можно использовать для загрузки своих изображений флагов.
• %NICK% — ник посетителя.
• %PHOTO% — булево значение, истина (символ пробела), если у посетителя в анкете имеются фотографии, иначе ложь (пустая строка).
• %SHUTUP% — булево значение, истина (символ пробела), если посетителя лишили слова (наказан), иначе ложь (пустая строка).
• %ODDEVEN% — число, содержит 0 для четных строк и 1 для нечетных строк.
• %DESIGN% — число, содержит номер текущего дизайна.
• %CAPTION% — заголовок подписка, если имеется разделение на мальчиков и девочек.
• %TOTAL% — число, количество человек в чате.

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

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

Теперь примеры



без флага



с флагом





без флага



с флагом





без флага



с флагом





без флага



с флагом




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



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



или для английских:



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

Теперь рассмотрим, из чего состоят наши шаблоны.

1. Это блок



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

2. Код



Это просто заголовок нашего окна, сюда можно добавить любой HTML-код, если надо как то разнообразить. Если в чате имеются комнаты, то, чтобы выводился список комнат, сюда надо добавить код



3. Функция, которая определяет параметры списка.



Именно в это место будет выводиться список.
Первым аргументом этой функции всегда должна быть строка "WHO".
Второй аргумент - это название шаблона списка из п.1 (%TABLE%)
Третий - это строка, которая будет выводиться, если в чате никого нет.
Четвертый - порядок деления списка на подсписки (мальчики, девочки, а также список голосования). Подсписки определяются парами число-строка. Число указывает, какой подсписок должен выводиться: 0 - без пола, 1 - мальчики, 2 - девочки, 3 - голосование (всего 4 пары). Строка - это то, что будет отображаться в заголовке подсписка. Если деления не должно осуществляться, здесь должны быть определены только две пары - 0 и 3.
Пятый - подсказка, которая должна выводиться при наведении мышки на иконку пользователя.
Шестой - подсказка, которая должна выводиться при наведении мышки на иконку киллера. Если строка пустая - будет выводиться такая же подсказка, что и у простого пользователя.

4. Как определяются стили

Чтобы все текстовые элементы в каждом дизайне имели свой стиль, их необходимо поместить в контейнер с определенным классом:



Так определяются здесь все текстовые элементы. Для списка изначально заданы следующие имена селекторов:

• tm - для сообщения, что в чате никого нет, оно же и для вывода надписи "всего в чате:"
• bm - для текста "мальчики"
• gm - для текста "девочки"
• nm - для текста "бесполые"
• vm - для текста "на голосовании"

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

!!! Обращаю ваше внимание, что имена селекторов класса, при определении их в пользовательских стилях, должны начинаться с точки.

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



Как мы уже поняли из принципов ранжирования (сортировки) сайтов Google и Яндекс (PageRank и ТИЦ), ваши позиции запросов будут зависеть от ссылочной массы на сайт. Итак, первое, на что стоит обратить внимание - ссылки

1. Обратные ссылки на сайт

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



Данный сервис помогает определить количество ссылок, а также число ссылающихся доменов. Кроме того, с помощью ahrefs.com можно проанализировать анкоры ссылок, а также проследить, когда те или иные были добавлены или сняты с сайта.

2. Ключевые слова сайта

Для анализа ключевых слов на ресурсе конкурента необходимо ознакомиться с разделами на сайте. Также ключевые слова используют в мета заголовках сайта. Очень часто ключевые слова на страницах сайта выделяют жирным шрифтом, чтобы придать этим запросам веса, но частое выделение тегом «strong» может расцениваться попыткой искуственной манипуляции поисковиками, и сайт может быть занижен в результатах выдачи. Проще всего определить ключевые слова на сайте конкурента по анкорам в ссылках, при условии, что сайт конкурента продвигался или продвигается ссылочно.

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

3. Контент сайта

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

4. Структура сайта

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

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

SEO – это сокращение от английского "search engine optimization" или же "search optimizer". В переводе на русский язык обозначает "поисковая оптимизация сайта" или "поисковый оптимизатор".



Данное определение пришло к нам одновременно с появлениям поисковых систем, таких как Google и Яндекс. После их выхода на всемирный рынок появилась огромная потребность оптимизировать сайты.



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



Поисковая оптимизация сайта состоит из внешних и внутренних факторов. К внутренней, можно отнести работу над кодом сайта и его содержимым. Например, работу над заголовками страниц сайта (title), а также над уникальностью текста.



К внешней оптимизации относятся объем ссылочной массы на ваш сайт. Чем больше ссылок, тем больше доверия и "уважения" от поисковых систем. Конечно, я не имею виду купленные или арендованные ссылки, которые относим к "черному" SEO. Я говорю о естественных и честно заслуженных ссылках на ваш сайт.



Рекомендации по оптимизации своего сайта непосредственно от поисковых систем вы можете посмотреть сами. Вот рекомендации от поискового гиганта Google, вот советы по оптимизации от русского крупнейшего поисковика Яндекс.

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


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

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

Сразу сделаем пояснение, чтобы все стало на свои места:

тег "alt" - используется для подписи рисунков, которые содержаться на страницах сайта.

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

Использование тегов.

Тег "alt" использовать очень легко, как и все остальные теги, но Вам очень важно запомнить - используйте его ОБЯЗАТЕЛЬНО при вставке любых рисунков в контент страниц. Итак, как всегда рассмотрим использование тега на примере. К примеру, Вы вставили рисунок на страницу, название нашего рисунка risunok.jpg. Находите в HTML-коде коде этого рисунка, он должен выглядеть так



или упрощенный вариант



Теперь вставляем в код рисунка тег alt и пишем подпись к рисунку, формат использования тега: alt="подпись к рисунку". Т.е. должно получиться следующее:



Что именно писать в подписи к рисункам на самом деле решать Вам(можно просто написать текст, характеризующий смысл рисунка), но на самом деле в этой подписи желательно включать ключевые слова станицы, которые Вы используете на данной странице. Или просто включите в описание наиболее встречающиеся в тексте страницы слова - и в том, и в том варианте это будет плюсом для Вашей страницы сайта. Вот практический пример:



Еще раз повторимся - ОБЯЗАТЕЛЬНО используйте этот тег во всех своих рисунках. Теперь при наведении курсором мышки на рисунок, использующий тег "alt", мы будем видеть его подпись во всплывающем окошке.

Тег "title" используется практически точно также как и в случае с рисунком, только на этот раз нашей целью выступает ссылка. К примеру, у нас есть ссылка под названием "Гиперссылка" ведущая на адрес "http://google.ru/". Ищем в HTML-коде код нашей ссылки, он будет выглядеть так:



Формат использования тега title следующий - title="описание ссылки". Теперь изменяем наш код ссылки на следующую комбинацию:



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



или



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

Тег Strong для увеличения веса ссылки на Ваш сайт с других сайтов.

Как в дополнение темы о тегах, хочется отметить использование тега .... Если Вы обмениваетесь ссылками с другими сайтами, то заключайте те ссылки, которые Вы даете сайту партнеру в тег strong - это увеличит вес ссылки на Ваш сайт. Пример использования:



[Описание сайта] - здесь указывайте описание Вашего сайта с использование ключевых слов.

[Текст ссылки на Ваш сайт] - в названии ссылки тему вашего сайта, название сайта, ключевые слова или просто http-адрес.