Сейшельский Манимейкер

Не так давно решил сделать мини-сайт по игре, которая должна выйти в конце 2010 года. Это была пробная попытка создания тематического мини-сайта, конечно я и раньше делал их, но этот был оптимизирован и заточен руками, без CMS. Соответственно, и сделан он был на голом html (о чём я сейчас уже немного жалею :)). Сделав основные страницы, которые на сайте этой тематики должны быть - об игре, видео, графика, скачать игру - залил на хостинг и на время забыл.

Потом, вспомнив о нём, подумал, что неплохо бы добавить интерактивности сайту, а именно - добавить комментарии. На данный сайт я пока что успешно забил и не раскручивал никак, но комментарии я всё же туда поставил, и на примере него я расскажу, как можно поставить на статический сайт комментарии. Под статическим в данном посте я имею в виду сайт, выполненный вообще на голом html, без использования CMS. Хотя, если он сделан с самописной CMS - прикрутить тоже будет не очень сложно. А для популярных блоговых платформ и движков - у них есть специальные плагины.

Для вывода комментариев мы воспользуемся сервисом Disqus. Это довольно удобная платформа, после установки которой на ваш сайт, ваши посетители смогут оставлять комментарии, причём они смогут сделать это через уже имеющийся аккаунт в Twitter, openID, Yahoo, Disqus, либо оставить его просто как гость - естественно, при этом можно указать своё имя и URL.

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

Site URL - адрес нашего сайта
Site Name - название нашего сайта
Site Shortname - короткое имя для сайта, будет создан поддомен вида sitename.disqus.com. После перехода на него, вы будете попадать в панель администрирования и настроек комментариев.

После того, как эти данные введены и нажали Continue, попадаем на страницу настроек наших комментариев.

Здесь мы можем настроить:
Language - язык, который будет отображаться в форме комментариев, то есть различные надписи там. В списке немало языков, русский естественно есть тоже.
Optional Features - здесь различные опциональные фичи. Опишу:
- Facebook Connect - если настроить, вписав API Key, который можно получить там же (нужно иметь аккаунт в фейсбук), ваши посетители смогут оставлять комментарии от своего Facebook-аккаунта.
- Twitter @Replies - имя, которое будет использовано для ответов. Впишите сюда имя своего твиттер-аккаунта, если он есть.

Сбоку есть 4 чекбокса - Media Attachments, Trackbacks, Akismet, Reactions.

- Media Attachments - если отметить, то все видео и картинки, ссылки на которые есть в комментарии, будут показаны под комментарием как аттачмент. Правда, с видео ютуба у меня что-то не вышло.
- Trackbacks - если отметить, показывает трекбеки к этой странице.
- Akismet - можно подключить данный антиспам-сервис. Для этого нужно получить их API-Key.
- Reactions - отслеживает реакции в сети, для данной страницы, то есть упоминания. Если отметить, то появится список, в котором можно выбрать сервисы, реакции в котором нужно отслеживать и показывать. Удобная штука.

Чуть ниже есть ещё один чекбокс - Display login buttons with comment box. Если включить, над формой комментария появятся кнопки отмеченных сервисов. Здесь можно отметить те сервисы, кнопки которых отображать. В общем, будет как-то вот так (фейсбука нет на скрине, т.к. я не вставил API Key, без него не отображается).

Окей, с настройками разобрались. Жмём Continue, попадаем на страницу, где предлагают подключить комментарии к популярным блог-платформам и движкам. Ассортимент можно увидеть на скриншоте, думаю каждый найдёт для себя нужное.

Нас же интересует вариант, когда никакой платформы вовсе нет. А именно, Universal Code. Для вывода в этом случае используется JavaScript, который можно использовать везде. Жмём на эту ссылку и попадаем на страницу с кодом и пояснениями по установке. Ничего сложного в ней нету.

Поскольку код не полностью универсален (в каждом прописано имя, которое мы вписали в Site Shortname), приводить его примеры я не буду, опишу что нужно делать в пунктах 1-3.

Установка универсального кода Disqus на наш сайт по пунктам:
1. Нужно скопировать код из пункта 1 и вставить его в то место вашей страницы, где вы хотите отображать комментарии. То есть, если у вас сайт сделан полностью на html, то придётся вставлять в каждый файл в одно и то же место, либо мудрить с ssi-инклудами.

2. В этом пункте нам нужно скопировать javascript-код из пункта 2 и вставить его ДО ЗАКРЫВАЮЩЕГО тега body. Соответственно, если наш сайт из 5 страничек html - вставляем код в каждый.

3. Далее нам предлагают добавить приставку к URL, ведущим на комментарии. То есть, если ссылки у вас, к примеру, такие:
http://site/my_article.html
то надо сделать их такими:
http://site/my_article.html#disqus_thread
При этом, имейте в виду, что делать ссылку на комментарии нужно делать отдельно от ссылки, которая ведёт например на статью целиком (обычно такие ссылки с анкором Читать далее и т.п.). Почему? Потому что, в url с подставленным параметром #disqus_thread - анкор заменится на количество комментариев к данной статье.

В общем-то, вся установка кода довольно несложная для тех, кто уже соображает немного в html-коде.

После того, как всё правильно установлено, остаётся только радоваться результату!

Проследуем далее, расскажу немного об админке. Админка появляется сразу после логина в Disqus. Всего в ней есть три вкладки - Moderate, Settings, Tools.

1. Вкладка Moderate - здесь находится модерация всех комментариев, осталенных на вашем сайте. Нажав на каждый из комментариев - можно там же произвести действия над ним - найти все комментарии автора, пометить как спам, удалить, ответить или отредактировать.

Справа находятся различные фильтры. Можно фильтровать комментарии по статусу - пропущенные, непропущенные, помеченные, удалённые, спам. Есть переключатель View comments / Threads - показывает соответственно комментарии и треды, в которых эти комментарии есть.

2. Вкладка Settings - внутри находится 3 вкладки различных настроек, по умолчанию попадаем на General, в ней находятся различные настройки - отображения, приватности, описание сайта, временная зона, уведомления - в общем, хватает. Самыми первыми настройками стоят те, которые мы уже видели на втором шаге регистрации в Disqus.

На подвкладке Moderation можно поставить различные настройки на модерацию комментариев - включить премодерацию, добавить стоп-слова (мат например или виагру какую-нибудь), добавить чёрный список (можно забанить по e-mail, ip и имени пользователя), также есть и белый список.

Подвкладка Customize - здесь всё понятно, можно настроить внешний вид отображения комментариев на вашем сайте.

3. Вкладка Tools, то есть Инструменты. Здесь находятся разные коды, которые помогут вам в техническом обслуживании комментариев.
По умолчанию попадаем в подвкладку Code. Тут можно найти коды для вставки на сайт некоторых виджетов, сгенерированных на основе комментариев вашего сайта - Топ комментаторов, Популярные записи и Последние комментарии. Плюс виджет, комбинирующий в себе все эти три виджета.
Вторая подвкладка - Import/Export. Тут вы можете импортировать ваши комментарии из других блоговых платформ или движков, синхронизировать комментарии с Blogger.com либо экспортировать комментарии Disqus, чтобы потом произвести импорт в другой движок, WordPress к примеру.
Последняя подвкладка - Migrate Threads. Она понадобится вам, если вы перенесли сайт на другой домен или движок.

Думаю, на этом всё, я и так рассказал вдобавок ещё и о внутренностях админки :) Надеюсь, пост был вам полезен. Кто сможет - сделайте ретвит, может кому-то ещё это будет полезным.
---
Тормоз обновил microToDo, которая в общем-то и заставила меня этот пост выжать. Вот это уже будет сейчас 1127 слово :)
А ещё им же запущен Йерка-конкурс, приглашаются все желающие! Об условиях конкурса читайте по ссылке.
---
Если кто хочет поддержать меня - купить чего-нить из X-продуктов. Денег нет, а нужны :)
---
Песня на сегодня - Otis Taylor - Nasty Letter. Меня от неё вообще дико пробирает мороз аж. Отличный блюз. Песня была в саундтреке к фильмам Джонни Д и Стрелок, с Марком Уолбергом.

21 комментарий к этому посту