Установка виджета комментариев ВКонтакте — различия между версиями

Материал из Insales Wiki
Перейти к: навигация, поиск
(Новая: На [http://vkontakte.ru/developers.php?o=-1&p=Comments странице генерирования кода виджета] введите название и адрес Вашего ...)
 
Строка 22: Строка 22:
 
Вторую часть кода - в HTML-код шаблона, страницы или блока, где должен отображаться виджет (html-код страницы или блока, редактируемого через wysiwyg-редактор можно открыть, нажав на кнопку HTML при редактировании страницы или блока).
 
Вторую часть кода - в HTML-код шаблона, страницы или блока, где должен отображаться виджет (html-код страницы или блока, редактируемого через wysiwyg-редактор можно открыть, нажав на кнопку HTML при редактировании страницы или блока).
  
В случае вставки кода на страницу товара вместо кода для вставки в тело страницы (вторая часть кода) рекомендуем использовать следующий код:
+
==Вставка виджета на страницу товара==
 +
 
 +
В случае вставки виджета на страницу товара вместо кода для вставки в тело страницы (вторая часть кода) рекомендуем использовать следующий код:
  
 
<pre>
 
<pre>
Строка 32: Строка 34:
  
 
В этом случае комментарии будут привязываться к странице товара при доступе к этой странице по разным URL-адресам, что актуально, например, в случае, когда посетитель заходит в магазин со страниц Яндекс.Маркета.
 
В этом случае комментарии будут привязываться к странице товара при доступе к этой странице по разным URL-адресам, что актуально, например, в случае, когда посетитель заходит в магазин со страниц Яндекс.Маркета.
 +
 +
==Вставка нескольких виджетов на одну страницу (на примере вывода комментариев на странице категории товаров)==
 +
 +
В случае, когда должно отображаться несколько виджетов комментариев необходимо помнить, что id элемента должен быть уникальным в рамках страницы. Чтобы привязать уникальные id к различным виджетам в случае, когда они должны отображаться рядом с выводимыми товарами, причем у каждого товара свой виджет, можно использовать следующий код:
 +
 +
<pre>
 +
<div id="vk_comments_{{product_id}}"></div>
 +
<script type="text/javascript">
 +
VK.Widgets.Comments("vk_comments_{{product.id}}", {limit: 10, width: "596"}, {{product.id}});
 +
</script>
 +
</pre>
 +
 +
который нужно вставлять в цикл for (либо tablerow), использующийся при выводе товаров категории.

Версия 10:06, 17 сентября 2010

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

Пример кода:

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

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

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

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

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