Установка виджета комментариев ВКонтакте

Материал из Insales Wiki
Перейти к: навигация, поиск

При помощи виджета ВКонтакте Вы можете за 5 минут добавить на Ваш сайт возможность комментирования статей и других материалов. Каждый комментарий, оставленный на Вашем сайте, автоматически транслируется на страницу комментатора ВКонтакте со ссылкой на исходную статью Вашего сайта.

На странице генерирования кода виджета введите название и адрес Вашего магазина, нажмите Сохранить. Выберите ширину виджета и количество комментариев. Скопируйте код, выданный в поле "Код для вставки".

Пример кода:

<!-- 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: 1955264, onlyWidgets: true});
</script>

<!-- 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: "596"});
</script>

Первую часть кода (до строчки Put this div tag to the place, where the Comments block will be) вставьте внутрь тега <head></head> в шаблоне HTML (редактор шаблонов находится в разделе Сайт -> Редактор тем).

Вторую часть кода - в HTML-код шаблона, страницы или блока, где должен отображаться виджет (html-код страницы или блока, редактируемого через wysiwyg-редактор можно открыть, нажав на кнопку HTML при редактировании страницы или блока).

Вставка виджета на страницу товара

В случае вставки виджета на страницу товара вместо кода для вставки в тело страницы (вторая часть кода) рекомендуем использовать следующий код:

<div id="vk_comments"></div>
<script type="text/javascript">
VK.Widgets.Comments("vk_comments", {limit: 10, width: "596"}, {{product.id}});
</script>

В этом случае комментарии будут привязываться к странице товара при доступе к этой странице по разным URL-адресам, что актуально, например, в случае, когда посетитель заходит в магазин со страниц Яндекс.Маркета.

Вставка нескольких виджетов на одну страницу (на примере вывода комментариев на странице категории товаров)

В случае, когда должно отображаться несколько виджетов комментариев необходимо помнить, что id элемента должен быть уникальным в рамках страницы. Чтобы привязать уникальные id к различным виджетам в случае, когда они должны отображаться рядом с выводимыми товарами, причем у каждого товара свой виджет, можно использовать следующий код:

<div id="vk_comments_{{product.id}}"></div>
<script type="text/javascript">
VK.Widgets.Comments("vk_comments_{{product.id}}", {limit: 10, width: "596"});
</script>

который нужно вставлять в цикл for (либо tablerow), использующийся при выводе товаров категории.