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

Материал из Insales Wiki
Версия от 09:58, 17 сентября 2010; Chudovperyah (обсуждение | вклад) (Новая: На [http://vkontakte.ru/developers.php?o=-1&p=Comments странице генерирования кода виджета] введите название и адрес Вашего ...)

(разн.) ← Предыдущая | Текущая версия (разн.) | Следующая → (разн.)
Перейти к: навигация, поиск

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

Пример кода:

<!-- 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: "496"});
</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-адресам, что актуально, например, в случае, когда посетитель заходит в магазин со страниц Яндекс.Маркета.