Установка комментариев вконтакте на Joomla с использованием jcomments

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

Теперь я хочу рассказать о том как установить комментарии вконтакте на joomla.

Лично я использую на всех своих сайтах систему комментариев jcomments. Она надежна, проста, и работает с большинством компонентов). Именно поэтому я задумал связать jcomments и коментарии вконтакте.

Всё оказалось проще чем ожидалось).

Итак начнем:

Для начала получаем код на странице контакта http://vkontakte.ru/developers.php?o=-1&p=Comments

Выбираем необходимую ширину и количество комментариев на странице.

Теперь открываем index.php лежащий в папке испоьзуемого шаблона joomla.

И в любое место между тегами <head></head> вставляем такой вот кусочек кода выданного нам контактом:

<!— Put this script tag to the <head> of your page —>
<script type=»text/javascript» src=»http://vkontakte.ru/js/api/openapi.js?9″ charset=»windows-1251″></script>

<script type=»text/javascript»>
VK.init({apiId: ХХХХХХ, onlyWidgets: true});
</script>

где XXXXXX это id вашего сайта в контакте) о том как получить apiId можно прочитать тут.

Теперь переходим в каталог /components/com_jcomments/tpl/папка_шаблона и открываем файл tpl_index.php.

Находим строки:

<div id=»jc»>
<div id=»comments»><?php echo $comments; ?></div>

И перед ними вставляем вторую часть скрипта выданного контактом.

<!— Put this div tag to the place, where the Comments block will be —>
<div id=»vk_comments»></div>
<script type=»text/javascript»>
VK.Widgets.Comments(«vk_comments», {limit: 10, width: «400»});
</script>

Обратите внимание на параметры {limit: 10, width: «400»}. Изменяя их вы можете изменить настройки без участия контакта))

Впринципе после таких несложных телодвижений мы получаем работающую систему коментариев вконтакте и коментарии jcomments.

Плюс такого метода использования комvентариев вконтакте по моему мнению огромен. Комvентарии вконтакте будут выводится толькотам где выводятся комvентарии jcomments, а значит все настройки показа будут распостранятся и на jcomments. Попросту говоря комvентариев вконтакте не будет там где нет jcomments.

Но выглядит се это не очень то прикольно) я решил расположить эти две системы коментариев в 2 столбика. Для этого я прописал такие вот строчки в  css файле шаблона сайта:

#vk_comments {
float:left;
width:400px;
margin-top: 15px;
}

и

#jc {
float:left;
margin-left: 5px;
margin-top: 15px;
border-left: 1px dashed #ccc;
padding-left: 5px;
width: 400px;
}

Не забываем что расмеры блоков следует подбирать индивидуально для каждого сайта. Мне вот подошли такие)

Ну все радуемся и наслаждаемся)) и говорим спасибо 😉

Запись опубликована в рубрике Joomla. Добавьте в закладки постоянную ссылку.

17 комментариев на «Установка комментариев вконтакте на Joomla с использованием jcomments»

  1. Уведомление: Отчет о пользе комментариев вконтакте) | Developer Vulgaris

  2. Алекс говорит:

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

  3. Jazzmin говорит:

    РАБОТАЮЩИЙ пример. «Хостинг сайта приостановлен».

  4. syzran-market говорит:

    вот это точно работающий. http://syzran-market.ru/ А сделано то походу точь в точь как пишет в данной статье автор!!!

  5. noangel говорит:

    вот только я не понял как делать коментарий в 2 столбика, где прописывать эти строчки в css шаблоне сайта, или в css шаблоне компонента коментариев ж коментс???
    пробывал и там, и там нечего не получилось 🙁

  6. Дяди Вани говорит:

    Нет…
    Вот рабочий пример! )))
    http://svadba-tambov.ru/head/aboute-love/50-for-women-man/305-they-looking-for-girl-with-dating-site
    Только сделал я его сам по другому совсем пинципу. Всё гораздо и гораздо проще чем пишет аффтор хотя ему и спасибо тоже.
    Если кому интересно спрашивайте расскажу.

  7. OKyJIucT говорит:

    Ошибка в описании, неверно прописан код комментария, из-за этого не работает комментарий от контакта.

    Вы код или не копируйте, или же подкорректируйте

    <!– Put this script tag to the of your page –>

    Правильно будет

    <!— Put this script tag to the of your page —>

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

  8. tochcha говорит:

    Во класс, автору риспект большой.
    Только что сделал, вот как получилось http://termotechbud.kiev.ua/ 🙂

  9. Orcinus Orca говорит:

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

  10. x3m говорит:

    Автор, спасибо большое! Мегареспект тебе!

  11. Марина говорит:

    Спасибо за очень нужную информацию! Уже все сделала!!!

  12. Олег говорит:

    Привет всем, подскажите как изменить вот такое дело «Извините, но для просмотра этой страницы у Вас недостаточно прав.
    Вы должны авторизоваться или пройти регистрацию.» это происходит когда переходишь по ссылке с контакта по ранее сделанному коментарию

  13. Arut1k говорит:

    Сделал всё как написано… но почему то коментарии от вконтакте появляется после обновления страницы… скажите как исправить (нужно чтоб сразу появлялся…)

  14. akks говорит:

    Чет нету в файле index.php лежащий в папке испоьзуемого шаблона joomla. тегов

  15. Влад говорит:

    Автор, конечно, молодец. Но вот на джумле всё намного проще. Ставим плагин JLvkcomments. В его настройках прописываем api ID из того кода, что получили на странице вконтакте. В настройках же плагина выбираем ширину окна, число каментов и т.п. И больше никуда лезть не нужно!

    И да, у меня все работает: http://www.ilmuvieno.ru/sport-i-otdyh/otdyh-v-karelii-s-detmi.html

  16. Сери говорит:

    Неработает…
    все сделал по инструкции… и выдает ошибку вот такую:
    Parse error: syntax error, unexpected ';', expecting T_FUNCTION in /home/u286261642/public_html/components/com_jcomments/tpl/default/tpl_index.php on line 1

  17. Стас говорит:

    Ребята, да не мучайтесь вы, зачем страдать от корявости компонентов, установите себе сервис комментирования типа disqus, cackle или getrate.me

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *