04 Сентябрь 2010
Категория: joomla

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

Теперь я хочу рассказать о том как установить комментарии вконтакте на 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;
}

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

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

/home/devul2/devul.ru/www/assets/
Теги:

К записи оставлено 20 коммент.

[...] я рассказал вам об установке комментариев вконтакте на joomla. В первый же день посещаемость [...]

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

Вот, пожалуйста, работающий пример!
http://www.nickintegrall.ru/veb-sayty/websites.html#addcomments

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

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

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

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

Спасибо огромное, ясно, понятно и кратко…. ))))))
рабочий пример)
http://www.capitalboardshop.com.ua/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Да, полезная статья. Сегодня отлажу на сайте. Сможете посмотреть здесь – http://countrymoscow.ru

Опубликовать новый комментарий: