Табы комментирования через сайт, через контакт и фейсбук

5930
Начнем с того, что решил организовать данный хак у себя на сайте, когда меня взбесил блог с продажей данного хака за 100 рублей. Взбесил потому, что для реализации достаточно знать css и html.
Итак, что же я предлагаю, смотрите на скринах:

представление обычных комментариев


представление вкладки Facebook


представление вкладки ВКонтакте

обсуждать здесь нужны они или нет - думаю не стоит, каждый сам решит нужно или нет, а необоснованные заявления, что с вашего сайта сбегут к ВКонтакте или Facebook - как минимум детские.

Приступим к делу.
В файле com_comments_view.tpl заменяем код с самого верха
Код PHP:
{add_css file='includes/jquery/tabs/tabs.css'}
{add_js file='includes/jquery/tabs/jquery.ui.min.js'}
{literal}
	<script type="text/javascript">
		$(document).ready(function(){
			$("#profiletabs > ul#tabs").tabs();			
		});
	</script>
{/literal}
<div id="profiletabs">
				<ul id="tabs"> 
					<li><a href="#cm_ik"><span>{$labels.comments} ({$comments_count})</span></a></li>
					<li><a href="#cm_fb"><span>Facebook</span></a></li>
					<li><a href="#cm_vk"><span>ВКонтакте</span></a></li>
				</ul>
<div id="cm_ik">
<div class="cmm_heading">
	<a name="c" />{$labels.comments} ({$comments_count})</a>
</div>
Далее находим строку вывода комментарием и обрамляем в блок:
Код PHP:
<div id="addcommentlink" src="#">
	блок комментирования
</div>
В самый конец вставляем
Код PHP:
<div id="cm_fb">
<div class="cmm_heading">
	<a name="c" />Facebook комментарии (<fb:comments-count href=http://САЙТ/></fb:comments-count>)</a>
</div>
<div id="fb-root"></div><script src="http://connect.facebook.net/ru_RU/all.js#xfbml=1"></script><fb:comments href="http://САЙТ" num_posts="10" width="600"></fb:comments>
</div>
<div id="cm_vk">
<div class="cmm_heading">
	<a name="c" />ВКонтакте комментарии</a>
</div>
<div id="vk_comments"></div>
<script type="text/javascript">
eval(unescape("VK.Widgets.Comments%28%22vk_comments%22%2C%20%7Blimit%3A%2025%2C%20width%3A%20%22600%22%2C%20attach%3A%20%22*%22%7D%29%3B"));
</script>
</div>
естественно правим блок под свои нужды

в файле стиля template.php в <header> вставить:
Код PHP:
<script type="text/javascript">
  VK.init({apiId: ваш код апи для комментариев, onlyWidgets: true});
</script>
<meta property="fb:admins" content="{ваш админ айди}"/>
<meta property="fb:app_id" content="{айди вашего приложения}"/>
кстати, фейсбук коды необязательны

Самое главное, где берем эти айдишки?
для вконтакте:
http://vkontakte.ru/developers.php?oid=-1&p=Comments
для фейсбук:
http://developers.facebook.com/docs/reference/plugins/comments/
https://developers.facebook.com/apps

вроде все описал
Хак модуля последних объявлений
Комментарии (83)
Alex Optimum 23 сентября 2011 в 19:21 +2
Почему-то все считают, что всё должно быть бесплатным.... Зря беситесь - есть движок, а остальное за вами... ну или платите. ИМХО, 100 руб это не деньги.

По делу - спасибо, полезный хак.
Telema93 23 сентября 2011 в 19:27 +16
за что 100? тут даже код писать не нужно! тупо копировать-вставить!
я не о деньгах, а о том, что блин все решили перейти на плату, причем платить неизвестно за что
оплата стоит того, когда человек лично что-то напишет, а не копирует коды сторонних сервисов и считает что он на этом заработает.
к чему это?
это как минимум выглядит: я изучил html и хочу заработать, хотя правильнее выложить это для всех, чтоб другие смогли разобраться с движком
Alex Optimum 23 сентября 2011 в 19:34 -1
Чтобы что-то скопировать, нужно знать что, куда и как копировать. Знания стоят денег.
Telema93 23 сентября 2011 в 19:37 +4
разговор ни о чем...
знания стоят денег, когда это ЗНАНИЕ, а не информация что откуда скопировать и куда вставить
Vovan 23 сентября 2011 в 19:42 -14
Подобный модуль уже здесь продаеться
Telema93 23 сентября 2011 в 19:44 +14
заметили правильно - продается, а это тупо бесплатно
Vovan 23 сентября 2011 в 19:42 -14
Подобный модуль уже здесь продается
krz 23 сентября 2011 в 19:44 +5
тут вообще то даром))
Александр 24 сентября 2011 в 00:28 +1
Настолько привыкли тут покупать, что бесплатный обескураживает, и Вы повторяете одну и ту же фразу - Подобный модуль уже здесь продается -)
Vovan 24 сентября 2011 в 05:44 0
Я по ошибки два раза нажал и появилось два текста
krz 23 сентября 2011 в 19:45 +1
стили не подключились)
Telema93 23 сентября 2011 в 19:47 0
ща выложу стили, а вообще нужно глянуть стиль в своем шаблоне, стиль указан из закладок профиля
Telema93 23 сентября 2011 в 20:07 0
Код PHP:
{add_css file='includes/jquery/tabs/tabs.css'}
пропустил, в тексте уже поправил
vitalson9 23 сентября 2011 в 20:04 -1
вот у меня вопрос от контакта у меня id есть ну а на фейсбуке там такой дремучий лес как там брать то что указано выше?
krz 23 сентября 2011 в 20:06 -1
там не надо))
vitalson9 23 сентября 2011 в 20:09 -1
всмысле не надо????
Telema93 23 сентября 2011 в 20:08 -1
на фейсе можно ничего не брать, если не нужна модерация
тогда и в файле шаблона от фейса коды выкинуть
Telema93 23 сентября 2011 в 20:16 0
вот сделал доброе дело - полетела винда...
благо дебиан поставил до этого в рамках спасателя
так что буду отвечать уже к полуночи на вопросы сегодня
krz 23 сентября 2011 в 20:23 -1
да круто работает теперь))) СПАСИБООО
vitalson9 23 сентября 2011 в 20:34 -1
не получается все комы выводятся в одном блоке в освовных комах а вкладки вк и фс не работают подскажите кто как вставлял код
krz 23 сентября 2011 в 20:37 -1
попробуйте в самом незу перед

    </td>
    </tr>
    </table>
вставить последний блок
<div id="cm_fb">
<div class="cmm_heading">
<a name="c" />Facebook комментарии (<fb:comments-count href=http://САЙТ/></fb:comments-count>)</a>
</div>
<div id="fb-root"></div><script src="http://connect.facebook.net/ru_RU/all.js#xfbml=1"></script><fb:comments href="http://САЙТ" num_posts="10" width="600"></fb:comments>
</div>
<div id="cm_vk">
<div class="cmm_heading">
<a name="c" />ВКонтакте комментарии</a>
</div>
<div id="vk_comments"></div>
<script type="text/javascript">
eval(unescape("VK.Widgets.Comments%28%22vk_comments%22%2C%20%7Blimit%3A%2025%2C%20width%3A%20%22600%22%2C%20attach%3A%20%22*%22%7D%29%3B"));
</script>
</div>
krz 23 сентября 2011 в 20:38 -1
ни*зу ))
vitalson9 23 сентября 2011 в 20:41 -1
vitalson9 23 сентября 2011 в 20:39 -1
ну это я поставил но при этом всё также
Telema93 24 сентября 2011 в 02:42 0
для того чтоб делать хаки, нужно знать движок как минимум!
меня все поддержат.
люди делают без проблем.
но я буду учить хтмл и цсс для незнающих, чтоб инстант хавоевал популярность
идиотизм рождается от незнания
Telema93 24 сентября 2011 в 02:44 0
по поводу идиотизма: не вам, не вашим коллегам...
тупо много этот сайт ТУПЯТ
vitalson9 25 сентября 2011 в 13:13 -1
по поводу тупят не тупят это понятно но вот есть одно НО комы контакта не везде выводятся что только не делал и как не встовлял ну а так всё работает спасибо
picaboo 23 сентября 2011 в 20:37 -1
Чисто гипотетически, вот бы объединить все в одну вкладку, чтобы не три ветки коментариев, а одна с сохранением дерева коментариев.  Нереально?
vitalson9 23 сентября 2011 в 20:39 -1
вот у меня сейчас так и есть
Князь Мышкин 24 сентября 2011 в 15:43 -1
покажите плз
vitalson9 25 сентября 2011 в 13:14 -1
уже поздно всё исправил
vitalson9 23 сентября 2011 в 20:51 -1
у кого получилось вставить код выложите пожалуйсть свой com_comments_view.tpl
krz 23 сентября 2011 в 21:06 -1
http://instantcms.ru/users/files/download1386.html
vitalson9 23 сентября 2011 в 21:12 0
спасибо за код ноя разабрался да и посмотрите у себя на сайте у вас вкладка вк открывается
krz 23 сентября 2011 в 21:18 -1
хм...в мозилле открывается )
vitalson9 23 сентября 2011 в 21:20 0
у меня не в мазиле не в опере не открывает вк просто надпись "вконтакте коменнтарии а самой формы нет
vitalson9 25 сентября 2011 в 13:15 -1
вк не везде по сайту работает
nedoriko 6 декабря 2012 в 11:26 0
у меня тоже вк не работает.
ph3no 23 сентября 2011 в 22:00 0
Ничего не понятно
Обрамляем блок - это как?
Код PHP:
	<div id="addcommentlink" src="#">
	    блок комментирования
	</div>
В шаблоне стандартном

Код PHP:
{* ===================== Ссылки на добавление комментария и подписку ========================== *}
<div id="addcommentlink" src="#">
	<table cellspacing="0" cellpadding="2">
И в самый конец вставлять, в конец файла или куда?
Ilekor 23 сентября 2011 в 22:35 +1
Мне кажется так вместо
Код PHP:
<div id="addcommentlink" src="#">
	<table cellspacing="0" cellpadding="2">
		<tr>
			<td width="16"><img src="/templates/_default_/images/icons/comment.png" /></td>
			<td><a href="javascript:void(0);" id="addcommentlink" onclick="{$add_comment_js}">{$labels.add}</a></td>
			{if $cfg.subscribe}
				{if $is_user}
					{if !$user_subscribed}
						<td width="16"><img src="/templates/_default_/images/icons/subscribe.png"/></td>
						<td><a href="/subscribe/{$target}/{$target_id}">{$LANG.SUBSCRIBE_TO_NEW}</a></td>
					{else}
						<td width="16"><img src="/templates/_default_/images/icons/unsubscribe.png"/></td>
						<td><a href="/unsubscribe/{$target}/{$target_id}">{$LANG.UNSUBSCRIBE}</a></td>
					{/if}
				{/if}	
			{/if}
            <td width="16"><img src="/templates/_default_/images/icons/rss.png" border="0" alt="{$LANG.RSS}"/></td>
            <td><a href="/rss/comments/{$target}-{$target_id}/feed.rss">{$labels.rss}</a></td>
		</tr>
	</table>	
</div>
вставить

Код PHP:
<div id="addcommentlink" src="#">
    блок комментирования
</div>
Ilekor 23 сентября 2011 в 22:40 +1
Может я и не прав, так как не пробовал, или же ниже блока комментариев вставить тоесть под

Код PHP:
<div id="addcommentlink" src="#">
	<table cellspacing="0" cellpadding="2">
		<tr>
			<td width="16"><img src="/templates/_default_/images/icons/comment.png" /></td>
			<td><a href="javascript:void(0);" id="addcommentlink" onclick="{$add_comment_js}">{$labels.add}</a></td>
			{if $cfg.subscribe}
				{if $is_user}
					{if !$user_subscribed}
						<td width="16"><img src="/templates/_default_/images/icons/subscribe.png"/></td>
						<td><a href="/subscribe/{$target}/{$target_id}">{$LANG.SUBSCRIBE_TO_NEW}</a></td>
					{else}
						<td width="16"><img src="/templates/_default_/images/icons/unsubscribe.png"/></td>
						<td><a href="/unsubscribe/{$target}/{$target_id}">{$LANG.UNSUBSCRIBE}</a></td>
					{/if}
				{/if}	
			{/if}
            <td width="16"><img src="/templates/_default_/images/icons/rss.png" border="0" alt="{$LANG.RSS}"/></td>
            <td><a href="/rss/comments/{$target}-{$target_id}/feed.rss">{$labels.rss}</a></td>
		</tr>
	</table>	
</div>
вставить

Код PHP:
<div id="cm_fb">
<div class="cmm_heading">
	<a name="c" />Facebook комментарии (<fb:comments-count href=http://САЙТ/></fb:comments-count>)</a>
</div>
<div id="fb-root"></div><script src="http://connect.facebook.net/ru_RU/all.js#xfbml=1"></script><fb:comments href="http://САЙТ" num_posts="10" width="600"></fb:comments>
</div>
<div id="cm_vk">
<div class="cmm_heading">
	<a name="c" />ВКонтакте комментарии</a>
</div>
<div id="vk_comments"></div>
<script type="text/javascript">
eval(unescape("VK.Widgets.Comments%28%22vk_comments%22%2C%20%7Blimit%3A%2025%2C%20width%3A%20%22600%22%2C%20attach%3A%20%22*%22%7D%29%3B"));
</script>
</div>

Telema93 24 сентября 2011 в 03:06 0
"блок комментариев" и есть следующий ДИВ!
смотрите по разметке
Telema93 24 сентября 2011 в 02:13 0
конец div-ов!
короче, начну ликбез по хтмл и двигу, главное чтоб не удаляли
Александр 24 сентября 2011 в 00:26 0
Начнем с того, что решил организовать данный хак у себя на сайте, когда меня взбесил блог с продажей данного хака за 100 рублей. Взбесил потому, что для реализации достаточно знать css и html.

Автор молодец! Не поленился и зашел к нему в профиль и там тоже оставил свои +
Telema93 24 сентября 2011 в 02:22 +1
и тебе большой и жирный + так просто
я не программер, я не спец, я не чел, который делает сайты. я чел которому нужно
это сделал, а для остальных создал блоги, в которых буду писать БЕСПЛАТНО!
сам узнал - сам сказал
или кто-то не хочет видеть этого?
определитесь! напишите компонент хотябы как у козоностры (хотя не лучшее, но человек всегда исправляет)
тут же получили "прием" от иннстанта и готовы торговать... торгуйте чем есть: или П; или Х;
но не в БЕСПЛАТНОМ движке
все что сделаю для сайта - отдам в публику (то что куплю, то куплю с соблюдением прав и не выложу)
Telema93 24 сентября 2011 в 02:11 +1
у каждошо свой шаблон, каждый должен его подстроить, написал/исправил для дефолтного
какие вопросы? я денег не просил ))))))
Telema93 24 сентября 2011 в 03:02 0
весь блок комментариев заключен в один большой див, мы его не видим
начальный див, который пишу - в самом начале
последний - в самом конце
а то что тело комментария - то ВАШ ФАЙЛ КОММЕНТАРИЕВ!!!!
блин, почитайте как я книги по разметке страниц
Михаил 24 сентября 2011 в 18:23 +1
Автор, ты забыл то ссылочку на JS фкантагта ) Поправляй, в com_comment_view.tpl add:
Код PHP:
{literal}
<script type="text/javascript" src="http://userapi.com/js/api/openapi.js?34"></script>
{/literal}
И заработает фкантагт :)
D_C_ 27 сентября 2011 в 04:57 0
Огромное спасибо!
Поставил всё работает! Одно меня смущает - комментарий оставленный в вкладке Facebook, под одним постом (блог или статья, в данной ситуации не важно), виден когда открываешь другой пост для комментария. Причем это только повторюсь Facebook комментарий, остальные ведут себя как положено.

Возникает вопрос - это так и должно быть? Или это всё же мои кривые руки ))))

Заранее спасибо за ответ.

сайт где это происходит www.078.com.ua
Telema93 28 сентября 2011 в 04:23 0
А тут виновен фейсбук увы, сам искал как сделать по другому, но не нашел, поэтому даже не уверен, реализовано ли у них вообще такое.
Telema93 28 сентября 2011 в 04:56 0
идея такова, чтоб внедрить в код фейсбука
Код PHP:
<? echo $_SERVER['REQUEST_URI'];?>
но на практике пока безуспешно, как решу проблему - отпишусь, хотя меня это впринципе устраивает, так как больше на контакт ориентирован
maia 28 сентября 2011 в 13:44 0
Вот если бы, без комментариев по поводу платности чужой работы - поставила бы плюс. Ликбезы - дело хорошее, но мне лично, например, проще сотню заплатить, чем все это даже читать, не говоря о то, чтобы возиться - есть более увлекательные занятия.
Telema93 28 сентября 2011 в 15:59 0
зря, незнание аукнется при хорошо посещаемом сайте :(
maia 28 сентября 2011 в 17:02 0
А почему Вы так уверены в моем незнании? Нежелание велосипед изобретать - не говорит о неумении им пользоваться. К тому же, разобраться со всем этим не проблема, но на это уйдет время - а это деньги. Этак можно дойти и до шитья себе одежды - тоже ж можно сэкономить. На всякой фигне. Но надо ли? К тому же мне не понравилось не решение проблемы с помощью ликбеза - это всегда пригодится, а рванье на себе рубашки по поводу чужого решения. У нас свободная страна - возможность выбора - это прекрасно. Если бы не было платного (причем копеечного) предложения - воспользовалась бы этим, не было б этого - сама б ковырялась, если б уж прямо приспичило.
reload 28 сентября 2011 в 17:49 0
Если бы не было платного (причем копеечного) предложения - воспользовалась бы этим, не было б этого - сама б ковырялась, если б уж прямо приспичило.
Это потому что вам все равно и не интересно! Или просто иные интересы преобладают!
Одни покупают пироги в магазинах - другие сами их пекут) И это не потому что хотят сэкономить!)

зы: Вот я вас попрошу показать файлик из платной версии или кусок кода - чтоб разобраться в реализации какого то определенного момента. А вы скажите - иди и покупай, мол так не правильно и перед исполнителем не красиво!)
На этом и закончится наше общение)
А когда люди делают что то сами (пусть даже из расчета экономии) - появляется какая то взаимопомощь и более дружеское общение. И хочу заметить что последний вариант даст намного больше пользы чем первый) имхо)
maia 28 сентября 2011 в 18:24 0
Имхо - Вы не прочитали того, о чем я пишу. Я не против того, чтобы люди делали все сами, и тем более за ликбезы. Мне не нравятся показательные выступления по поводу платности чужих версий. Тем более, что основная мысль здесь - именно экономия стольника, а не отсутствие пояснений по коду.
меня взбесил блог с продажей данного хака за 100 рублей
Telema93 28 сентября 2011 в 19:45 0
о платности читайте выше, не не против платности, я против барыжничества общедоступным
Telema93 28 сентября 2011 в 19:49 +1
причем тут экономия?
прочтите посты выше в чем соль
если мы будем продавать коды вставки социальных плагинов, то к чему в итоге придем? к платным ссылка где что найти?
представьте тогда посты в блоге годика через 2: продам ссылку откуда скачать то-то, цена 100 рублей.
одумайтесь, люди, пока не поздно
maia 28 сентября 2011 в 20:41 0
Ну не надо утрировать и фантазировать попусту. Если кому-то проще заплатить за ссылку где что найти - значит оно востребовано. Если просто хочется продать ссылку, но она нафик никому не нужна - тема сама по себе умрет. Любая деятельность, предполагающая оплату, может быть названа барыжничеством. Но, если она востребована.. почему нет? Мне проще купить то, что займет две минуты на вставку кода. Поэтому для меня первое предложение более приемлемо. Так же я не против на досуге почитать как оно делается, если время есть на это и какой-то особый интерес. Но не надо пытаться выглядеть робингудом на ровном месте. Мне именно этот момент не понравился. О чем сразу и написала - если бы не это - то плюс.
Telema93 28 сентября 2011 в 20:52 0
такое ощущение что делай добро - и тебе скажут ты дурак. чтож, спасибо
а мои комментарии даже не удосужились прочесть о том, чем вызван гнев
еще один вопрос: тут все чекнулись на плюсах-минусах?
по-моему да.
maia 28 сентября 2011 в 20:58 0
Делай добро и не говни насторону - тогда только спасибо скажут. Вас кто-то упрекает в том, что Вы код выложили? Открою секрет - если не искать в тексте знакомые слова, а пытаться воспринимать их в комплексе - откроется некий тайный смысл. К тому же "плюс" в данном случае - нарицательное, а не математическое понятие.
Telema93 6 октября 2011 в 22:25 0
вот же народ дотошный! все, уговорили, больше ни одного поста! а если хотите - и этот убъю
seyfer 5 октября 2011 в 10:01 0
Фейсбук не работает. Может у них теперь по другому? Там мне код выдают:

Код PHP:
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) {return;}
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-comments" data-href="div-portal.ru" data-num-posts="1" data-width="500"></div>
seyfer 5 октября 2011 в 10:19 0
Добавил функцию скрипта всю в темплате.пхп, заработало, но теперь отображается везде Вконтакте каменты внизу.
seyfer 5 октября 2011 в 10:32 0
Была ошибка в скачанном отсюда файле, все ок.

Конечно хочется, чтобы фейсбук был разный на разные посты.
GarikKR 9 ноября 2011 в 20:35 0
Почемуто контакт кликаешь все пустое,Может кто обьснит подробней что куда заменить ИД куда вставлять?,Вставляю ид из созданого приложения,эфект ноль.Может кто подскажет поподробней?
SeoNick 14 декабря 2011 в 17:29 +1
А в 1.9 не подскажите как вставить, не нашел и близко куда можно указанный код засунуть.
Avert 14 января 2012 в 18:52 0
Тут выше ссылка есть на архив с файлом com_comments_view.tpl он подходит и к 1.9 версии. Я вставил без изменений его, заполнив только нужные для себя данные (домен) и все работает нормально.
Едиственное что изменил, так это мета данные которые вставляются между <head></head>
Код PHP:
<script type="text/javascript" src="http://userapi.com/js/api/openapi.js?47"></script>
<script type="text/javascript">
VK.init({apiId: ваш код апи для комментариев, onlyWidgets: true});
</script>
<meta property="fb:admins" content="ваш админ айди;" />
<meta property="fb:app_id" content="айди вашего приложения;" />
Тот что выше в записи не совсем подошел. В коде Вконтакте еще одна строчка присутствует, а в facebook ошибку показал. Пришлось исправить чуть чуть.
nedoriko 6 декабря 2012 в 12:09 0
а у меня в точности, да наоборот
nrg 16 января 2012 в 17:36 0
Самое главное, где берем эти айдишки? для вконтакте: http://vkontakte.ru/developers.php?oid=-1&p=Comments для фейсбук: http://developers.facebook.com/docs/reference/plugins/comments/ https://developers.facebook.com/apps

Вот с этим не понятно. :(
Avert 16 января 2012 в 18:45 0
Приложение надо создавать там. После чего получите ID приложения.
Lagorden 2 марта 2012 в 23:29 +1
Если ставлю в коде вывода комментов с FB вместо http://САЙТ свой домен, то комментарии на стену в ФБ падают со ссылкой на главную сайта, а не комментируемый материал. Если ставлю вместо http://САЙТ вот это: {$article.url} комментарии начинают кидаться на стену фейсбука со ссылкой на конкретную статью (вроде ж так и надо) НО (!) если к статье нет ни одного коммента с FB то внизу (даже для неавторизованных на FB) видна надпись:

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

Как же сделать так, чтобы в ФБ уходил комментарий с правильной ссылкой (не на главную)
Igor 6 марта 2012 в 23:29 +1
Комментарии вКонтакте работают на ура, а вот с фейсбуком не хочет - кому нибудь удалось его победить?
Avert 7 марта 2012 в 00:16 +1
удалось его победить?
По ходу у них что-то произошло. Что именно сказать не могу. Но, в самом начале была ошибка, которую можно было в отладчике увидеть и исправить. Что в принципе тогда и сделал и работали они. Но через некоторое время опять вылезла ошибка, которую так и не получилось у меня исправить. То что рекомендовал отладчик ФБ я пытался делать, но безрезультатно. Возможно я что-то там не понял конечно, но что-то у них все таки изменилось, потому что до этого нормально было. Но все таки в итоге я отключил их.
Igor 7 марта 2012 в 09:39 0
спасибо за инфу - видимо тоже придется отключить и жить только с коментами из вК - отладчик видел, не отлаживается...
Avert 7 марта 2012 в 10:38 0
У них что-то изменилось с их языком разметки. А так как я не очень разбираюсь в программировании, то на этом и остановился, что удалил их комментарии. Но другие социальные плагины работают нормально.
Upliner 12 апреля 2012 в 13:59 0
Ребята,так что не кому не удалось с фейсбуковой вкладкой решить?
Я пробовал на денвере и так и сяк, не выходит.Может кто подскажет? Вещь позарез нужная!
Dinar 13 апреля 2012 в 08:28 0
Не знаю где и в чем у вас была ошибка. Сейчас поставил на свой сайт, все без проблем заработало.
Сергей 22 ноября 2012 в 11:01 +1
Друзья, чтобы решить эту проблему с фейсбуком, нужно для определения урла использовать эту конструкцию:
Код PHP:
  1. {php}echo http://".$_SERVER['SERVER_NAME'].$_SERVER['REQUEST_URI'];{/php}
ermakover 12 января 2013 в 11:37 0
Мне легче хак купить за 100 рублей, чем просидеть полдня, устанавливая всё это и ещё то одно не работает, то другое. Где хак продаётся?
MaXiRideR 18 июня 2013 в 13:29 0
Добавить в template.php между <head> и </head>:

Код HTML:
  1.  
  2. <script src="http://userapi.com/js/api/openapi.js" type="text/javascript" charset="windows-1251"></script>
  3. <script type="text/javascript">
  4. VK.init({apiId: API_ID_ВИДЖЕТА, onlyWidgets: true});
  5. </script>
  6. <meta property="fb:admins" content="ID_ВАШЕЙ_СТРАНИЦЫ_FACEBOOK" />
  7. <meta property="fb:app_id" content="ID_ПРИЛОЖЕНИЯ" />
  8.  
Так выглядит вся структура com_comments_view.tpl:

Код HTML:
  1.  
  2. {* ================================================================================ *}
  3. {* ========================== Вывод комментариев ================================== *}
  4. {* ================================================================================ *}
  5.  
  6. {* ====================================== Заголовок ============================================ *}
  7. {add_css file='includes/jquery/tabs/tabs.css'}
  8. {add_js file='includes/jquery/tabs/jquery.ui.min.js'}
  9. {literal}
  10. <script type="text/javascript">
  11. $(document).ready(function(){
  12. $("#profiletabs > ul#tabs").tabs();
  13. });
  14. </script>
  15. {/literal}
  16. <div id="profiletabs">
  17. <ul id="tabs">
  18. <li><a href="#cm_ik"><span>{$labels.comments} ({$comments_count})</span></a></li>
  19. <li><a href="#cm_vk"><span>ВКонтакте</span></a></li>
  20. <li><a href="#cm_fb"><span>Facebook</span></a></li>
  21. </ul>
  22. </div>
  23. <div id="cm_ik">
  24. <div class="cmm_heading">
  25. <a name="c">{$labels.comments} ({$comments_count})</a>
  26. </div>
  27.  
  28. {* ========================= Сообщение о добавлении/удалении коммента ========================== *}
  29. {if $cm_message}
  30. <p style="color:green">{$cm_message}</p>
  31. {/if}
  32.  
  33. <div class="cm_ajax_list">
  34. {if $cfg.cmm_ajax}
  35. <script type="text/javascript">
  36. {literal}
  37. var anc = '';
  38. if (window.location.hash){
  39. var anc = window.location.hash;
  40. }
  41. {/literal}
  42. loadComments('{$target}', {$target_id}, anc);
  43. </script>
  44. {else}
  45. {$html}
  46. {/if}
  47. </div>
  48.  
  49. {* ========================= Сообщение об ошибке добавления коммента ========================== *}
  50. {if $cm_error}
  51. <p style="color:red">{$cm_error}</p>
  52. {/if}
  53.  
  54. {* ===================== Ссылки на добавление комментария и подписку ========================== *}
  55. <div id="addcommentlink" src="#">
  56. <table cellspacing="0" cellpadding="2">
  57. <tr>
  58. <td width="16"><img src="/templates/avto/images/icons/comment.png" /></td>
  59. <td><a href="javascript:void(0);" id="addcommentlink" onclick="{$add_comment_js}">{$labels.add}</a></td>
  60. {if $cfg.subscribe}
  61. {if $is_user}
  62. {if !$user_subscribed}
  63. <td width="16"><img src="/templates/avto/images/icons/subscribe.png"/></td>
  64. <td><a href="/subscribe/{$target}/{$target_id}">{$LANG.SUBSCRIBE_TO_NEW}</a></td>
  65. {else}
  66. <td width="16"><img src="/templates/avto/images/icons/unsubscribe.png"/></td>
  67. <td><a href="/unsubscribe/{$target}/{$target_id}">{$LANG.UNSUBSCRIBE}</a></td>
  68. {/if}
  69. {/if}
  70. {/if}
  71. {if $comments_count}
  72. <td width="16"><img src="/templates/avto/images/icons/rss.png" border="0" alt="{$LANG.RSS}"/></td>
  73. <td><a href="/rss/comments/{$target}-{$target_id}/feed.rss">{$labels.rss}</a></td>
  74. {/if}
  75. </tr>
  76. </table>
  77. </div>
  78. <div id="cm_addentry0" style="display:block"></div>
  79. </div>
  80. <div id="cm_vk">
  81. <div class="cmm_heading">
  82. <a name="c">ВКонтакте комментарии</a>
  83. </div>
  84. <div id="vk_comments"></div>
  85. {literal}
  86. <script type="text/javascript">
  87. VK.Widgets.Comments("vk_comments", {limit: 20, width: "600", attach: "photo,video,audio"});
  88. </script>
  89. {/literal}
  90. </div>
  91. <div id="cm_fb">
  92. <div class="cmm_heading">
  93. <a name="c">Facebook комментарии (<fb:comments-count href=http://ВАШ_ДОМЕН/></fb:comments-count>)</a>
  94. </div>
  95. <div id="fb-root"></div>
  96. {literal}
  97. (function(d, s, id) {
  98. var js, fjs = d.getElementsByTagName(s)[0];
  99. if (d.getElementById(id)) return;
  100. js = d.createElement(s); js.id = id;
  101. js.src = "//connect.facebook.net/ru_RU/all.js#xfbml=1&appId=491219194279854";
  102. fjs.parentNode.insertBefore(js, fjs);
  103. }(document, 'script', 'facebook-jssdk'));
  104. </script>
  105. {/literal}
  106. <div class="fb-comments" data-href="http://ВАШ_ДОМЕН" data-width="600" data-num-posts="20"></div>
  107. </div>
  108.  
MaXiRideR 18 июня 2013 в 13:35 0
Не доглядел. В строке:
Код HTML:
  1.  
  2. js.src = "//connect.facebook.net/ru_RU/all.js#xfbml=1&appId=491219194279854";
  3.  
заменить appId на СВОЙ ID_ПРИЛОЖЕНИЯ.

ID приложений можно получить при создании этих приложений.
На самом деле нужно только вкладки вставить правильно.
Просто привёл весь код, т.к. очень много вопросов...
MaXiRideR 18 июня 2013 в 13:41 0
И шаблон на свой не забудьте заменить!