Как прикрутить счетчик комментариев от Disqus к топикам на сайте?

Question

[Вачаган Даниелян]

Как прикрутить счетчик комментариев от сервиса Disqus к топикам на LiveStreet CMS ?
Сайт: geekninja.ru

Счетчик должен быть с иконкой вот тут:


Хочу заметить, что сам сервис Disqus уже прикручен к сайту и работает отлично. Осталось дело за счетчиком.
В Wordpress это функция встроенная, а здесь нужна помощь специалистов!
Спасайте!

Comments

[Евгений Петров]

И верните тэги JS, HTML. Причём тут Livestreet — ума не приложу.

[Вачаган Даниелян]

Не понял, что вернуть, и куда ? :))

[Вачаган Даниелян]

Теги вопроса поменял.

Answer 1

[Евгений Петров]

Написано же:

On the index or home page, append #disqus_thread to the end of each article URL which appears inside the href tag for the article comments link

Вот пример для первого же из топиков

<footer class="topic-footer">
	<ul class="list-unstyled list-inline small topic-info">
		<li class="topic-info-author">
			<a href="http://geekninja.ru/profile/romanstrukov/"><img src="http://geekninja.ru/uploads/images/00/00/35/2015/03/20/avatar_24x24.jpg?165946" alt="romanstrukov" class="avatar"></a>
			<a rel="author" href="http://geekninja.ru/profile/romanstrukov/">Роман Струков</a>
		</li>
		<li class="topic-info-date">
			<time datetime="2015-04-23T11:30:52+03:00" title="23 апреля 2015, 11:30" class="text-muted">
				23.04.2015
			</time>
		</li>
		<!-- Вот этот кусок для счётчика -->
		<li class="topic-info-comment">
			<a href="http://geekninja.ru/podcasts/227#disqus_thread" class="topic-comment"></a>
		</li>
	</ul>
</footer>

Comments

[Вачаган Даниелян]

Не понял. Куда что вставлять :(

[Вачаган Даниелян]

и причем здесь раздел подкасты? Если мне нужен автоматический режим вставки счетчика ?

[Евгений Петров]

Обновил ответ

[Вачаган Даниелян]

Евгений Петров: это вы так видите, а у меня вот что

<li class="topic-info-date">
				<time datetime="{date_format date=$oTopic->getDateAdd() format='c'}" pubdate title="{date_format date=$oTopic->getDateAdd() format='j F Y, H:i'}" class="text-muted">
					{date_format date=$oTopic->getDateAdd() format="j F Y, H:i"}
				</time>
			</li>

[Евгений Петров]

Кто мешает добавить ещё один пункт списка со ссылкой на страницу, к адресу которой добавлен #disqus_thread? Пункт с датой меня не интересует:) Он — ваш, и только ваш.

[Вачаган Даниелян]

Евгений Петров: так я добавил, вот что получилось:

<li class="topic-info-date">
				<time datetime="{date_format date=$oTopic->getDateAdd() format='c'}" pubdate title="{date_format date=$oTopic->getDateAdd() format='j F Y, H:i'}" class="text-muted">
					{date_format date=$oTopic->getDateAdd() format="j F Y, H:i"}
				</time>
				    <li class="topic-info-comment">
					<a href="http://geekninja.ru/podcasts/227#disqus_thread" class="topic-comment"></a>
			</li>
			</li>

Но не работает, да и как оно будет, если у вас в ссылке под блок подкасты идет с указанием номера топика т.е id топика. Я же не могу каждый топик вручную так добавлять xD
Или я вас не понимаю и туплю дико, потому что уже утро, а я не спал еще...

[Евгений Петров]

Во-первых, нужно поставить после с датой, а не внутри.
Во-вторых, кто вам формирует ссылку на топик выше в ? Вы что,вручную его ставите?)

<h3 class="topic-title"><a href="http://geekninja.ru/podcasts/227">Подкаст GeekNinja. Выпуск №3. Цензура в играх, Star Wars, Mass Effect 4, Mortal Kombat X</a></h3>

[Вачаган Даниелян]

Евгений Петров: Посмотрите на сайте, заработало, но все счетчики ведут к одному топику. Как сделать так, что автоматически понимал, к какому идти ? Хватит говорить загадками :)))

[Евгений Петров]

Я вам привёл кусок вашего же кода, который сформирован для первого топика. Вы разберитесь, где он формируется, а, в частности, как в нём проставляется ссылка.
Зачем вы вставили кусок статичного HTML к себе в шаблон? Вам нужно использовать свою CMS для формирования ссылки на топик, а не лепить туда статичный HTML, да ещё и с H3...

[Вачаган Даниелян]

Евгений Петров: туплю..
сделал, проверьте на сайте, у вас работает ? код такой:

<li class="topic-info-comment">
<a href="{$oTopic->getUrl()}#disqus_thread"class="topic-comment"></a>
</li>

а целиком вот:

<footer class="topic-footer">
			<ul class="list-unstyled list-inline small topic-info">
				<li class="topic-info-author">
					<a href="{$oUser->getUserWebPath()}"><img src="{$oUser->getProfileAvatarPath(24)}" alt="{$oUser->getLogin()}" class="avatar" /></a>
					<a rel="author" href="{$oUser->getUserWebPath()}">{$oUser->getLogin()}</a>
				</li>
				<li class="topic-info-date">
					<time datetime="{date_format date=$oTopic->getDateAdd() format='c'}" title="{date_format date=$oTopic->getDateAdd() format='j F Y, H:i'}" class="text-muted">
						{date_format date=$oTopic->getDateAdd() hours_back="12" minutes_back="60" now="60" day="day H:i" format="j.m.Y"}
					</time>
				</li>
													
													<li class="topic-info-comment">
													<a href="{$oTopic->getUrl()}#disqus_thread"class="topic-comment"></a>
													</li>
													
			</ul>
		</footer>

[Евгений Петров]

Вроде работает. В паре тем есть по 1-му комментарию.

[Евгений Петров]

Да, и классы topic-info-comment и topic-comment я поставил на всякий пожарный. Если не нужны — удаляйте.

[Вачаган Даниелян]

Евгений Петров: попробую
там далее если листать есть 2 и более комментария, но это не суть я уже проверил, работает. Теперь другая проблема возникла..

[Евгений Петров]

Давайте уже в другом вопросе:) А то уже и работать пора.

[Вачаган Даниелян]

0 комментариев сдвигается вниз...

[Вачаган Даниелян]

можно как-то иконкой ? Или другие варианты ?

[Вачаган Даниелян]

Евгений Петров: оставил вот такой код и работает всё равно:

<a href="{$oTopic->getUrl()}#disqus_thread"></a>

[Вачаган Даниелян]

Да и проблему отображения решилась, когда удали классы, которые вы поставили. Спасибо ВАМ ОГРОМНЕЕЙШЕЕЕ !!! Успехов вам! LIKE и Отклик.

[Евгений Петров]

Во-первых, вы можете сделать неразрывным набор (display:inline-block;white-space:nowrap), а текст в комментариях обрезать.
А, во-вторых, говорится, что вид ссылок можно настроить тут https://disqus.com/admin/login/?next=/admin/settings/

Вы бы почитали уже, что пишет Disqus про свои возможности. Я его вижу в первый раз, а вам-то должно быть всё известно про него.