Количество комментариев из ВК в заголовке списке новостей

Версия MODX: Revolution

Добрый день. На просторах сети нашел, как вывести кол-во комментариев к странице. Но работает только на самой странице ресурса. Код ниже:

<div id="vk_count"></div>
<script type="text/javascript">
VK.Api.call('widgets.getComments', 
{widget_api_id: "6194704", url: document.URL}, 
function(obj) {
document.getElementById('vk_count').innerHTML = 'всего:' + obj.response.count;
});
</script>

Как вывести его в чанке шаблона списка новостей так, чтобы отображалось кол-во комментариев внутри каждой страницы с новостями? Простой подстановкой, естественно, не работает. :(
Спасибо.

Теги:
комментарии вконтакте

Дима
08.01.18 в 15:01

Комментарии (12)

Андрей 08.01.2018 19:56 #
В теории, вставить скрипт в каждый чанк, добавить уникальный идентификатор каждому и подставить url:
```
<div id="vk_count[[+id]]"></div>
<script type="text/javascript">
VK.Api.call('widgets.getComments', 
{widget_api_id: "6194704", url: [[+site_url]][[~[[+id]]}, 
function(obj) {
document.getElementById('vk_count[[+id]]').innerHTML = 'всего:' + obj.response.count;
});
</script>
```
Будет ли работать, неизвестно :)
1. Дима 08.01.2018 23:13 #
  
  не, не хочет работать( Вставил скрипт в чанк офомления вывода новости в категории и не прокатило(
  1. Андрей 09.01.2018 11:05 #
    Немного опечатался, надо заменить 4-ю строку на:
    
    {widget_api_id: "6194704", url: [[!++site_url]][[~[[+id]]]]},
    
    Попробуйте так, и посмотрите в исходном коде страницы чтобы в url: нужный адрес подставляло, без лишних слешей и т.п.
    Комментарий был изменён 09.01.2018 в 11:05
    1. Дима 09.01.2018 11:37 #
      
      URL подставляет корректно, только URL первого поста на каждой странице.
      Например, тут uc2k.ru/?page=2
      Там у новости «Не выходя из столовой: годовое собрание» 4 коммента. Но они не выводятся. В каждом чанке генерируется код:
      
      <script type="text/javascript"> VK.Api.call('widgets.getComments', {widget_api_id: "6194704", url: https://uc2k.ru/dmr/analog-or-numeral-which-is-better}, function(obj) { document.getElementById('vk_count219').innerHTML = 'всего:' + obj.response.count; }); </script>
      1. Андрей 09.01.2018 12:23 #
        
        Там в консоли ругается на двоеточие, нужно генерацию ссылки обернуть в кавычки:
        
        {widget_api_id: "6194704", url: '[[!++site_url]][[~[[+id]]]]'}
        
        Плюс вам на странице списка новостей нужно вставить в head код API вконтакте:
        
        <script type="text/javascript" src="//vk.com/js/api/openapi.js?147"></script> <script type="text/javascript"> VK.init({apiId: 6194704, onlyWidgets: true}); </script>
        
        Проверил у себя на тестовом сайте, всё работает.
        
        «только URL первого поста на каждой странице»
        Такого быть не должно, проверяйте чанк.
        Комментарий был изменён 09.01.2018 в 12:26
        
        Дима 09.01.2018 12:42 #
        
        не выводит) код API вставил в head)
        Чанк вывода новости на главной:
        
        <div class="large-widget m30"> <div class="post row clearfix"> <div class="col-md-5"> <div class="post-media"> <a href="[[+uri]]"> <img alt="[[+pagetitle]]" src="[[+tv.img_seo:pthumb=`w=390&h=195&zc=1`]]" class="img-responsive raised"> </a> </div> <p> [[!xLike? &parent=`[[+id]]`]] </p> </div> <div class="col-md-7"> <div class="title-area"> [[+tv.color_tag:gt=`1`:then=`<div class="colorfulcats">[[+tv.color_tag]]</div>`:else=``]] <h3><a href="[[+uri]]">[[+pagetitle]]</a></h3> <h5>[[+description:gt=`1`:then=`[[+description]]`:else=`[[+longtitle]]`]]</h5> <div class="large-post-meta"> <h5><i class="fa fa-outdent"></i> Раздел: <a href="[[~[[+parent]]]]">[[!pdoField? &id=`[[+parent]]` &field=`pagetitle`]]</a></h5> <span><i class="fa fa-clock-o"></i> [[+publishedon:date=`%d.%m.%Y`]]</span> <span><i class="fa fa-comment-o"></i> [[$vk_count]]</span> </div> </div> </div> </div> </div>
        
        Вызов сниппета такой:
        
        [[!pdoPage@pagi? &parents=`8,67,45,94,170,192,180` &depth=`0` &limit=`8` &tpl=`maincontentTpl` &includeTVs=`img_seo,color_tag` &showHidden=`1` ]]
        
        Чанк vk_count такой:
        
        <div id="vk_count[[+id]]"></div> <script type="text/javascript"> VK.Api.call('widgets.getComments', {widget_api_id: "6194704", url: '[[!++site_url]][[~[[+id]]]]'} function(obj) { document.getElementById('vk_count[[+id]]').innerHTML = 'всего:' + obj.response.count; }); </script>
        
        Но почему-то ссылку в скрипте генерирует только первой новости для всех остальных. И кол-во комментов под статьей не выводит все равно. Вроде все сделал как надо…
        
        Андрей 09.01.2018 12:50 #
        
        1. Запятая в скрипте потерялась, вот так правильно:
        
        <div id="vk_count[[+id]]"></div> <script type="text/javascript"> VK.Api.call('widgets.getComments', {widget_api_id: "6194704", url: '[[!++site_url]][[~[[+id]]]]'}, function(obj) { document.getElementById('vk_count[[+id]]').innerHTML = 'всего:' + obj.response.count; }); </script>
        
        2. [[$vk_count]] — не нужно этот код выносить в ещё один чанк, вставляйте скрипт прямо в код maincontentTpl, оно потому и ставит везде одну ссылку.
        
        Дима 09.01.2018 12:53 #
        
        Все верно)) Ура, заработало) большое спасибо))))
        
        Дима 11.01.2018 09:57 #
        
        ну вот все равно почему-то ошибки выдает чанк. То срабатывает скрипт, то нет( не пойму почему.:(
        Вот тут
        Комментарий был изменён 11.01.2018 в 09:58
        
        Андрей 11.01.2018 12:20 #
        
        Действительно, только ограниченное кол-во выводится. Проверил у себя на 100 документах одновременно, начинаются ошибки от API vk, вероятно ограничивается кол-во запросов, что логично в принципе.
        
        Тогда единственно верный вариант будет писать скрипт vk API, который используя события widgets.comments.new_comment и widgets.comments.delete_comment будет писать через ajax кол-во комментариев куда нибудь в поле документа (в tv например).
        
        Дима 11.01.2018 12:23 #
        
        В этом я точно не силен) ладно будет тогда с перебоями работать отображение колва комментов. Я тоже сделал вывод. что на стороне ВК проблема может быть)
        
        Андрей 11.01.2018 12:29 #
        
        Там он вроде 8 запросов в 1 секунду отрабатывает, можно попробовать ограничить вывод новостей и проверить)
        
        Или ещё вариант сделать комменты например на TicketComments.
        Комментарий был изменён 11.01.2018 в 12:31

Для добавления комментариев вы должны авторизоваться или зарегистрироваться.