Jump to content
  • 0
Sign in to follow this  
slavik.dem

Как сделать (вставить) комментарии от ВКонтакте на сайте?

Question

Recommended Posts

  • 0

Как вставить (добавить) виджет комментариев или отзывов от ВКонтакте на сайт в Adobe Muse CC?!
На самом деле ничего сложного в этом нет. Достаточно сгенерировать код комментариев и вставить в ваш сайт в Adobe Muse.

  • Заходим на страницу создания комментариев ВКонтакте по Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке..
  • И настраиваем вот этот блок:

    Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.
     
  • Сначала подключим ваш сайт к ВКонтакте. Для этого на строчке Сайт/приложение выберите Подключить новый сайт. Вы увидите поля которые нужно заполнить. На следующей картинке пример правильно заполненных полей на примере этого сайта:

    tvgv.png

    После заполнения всех полей нажмите кнопку Сохранить.
     
  • Далее выбираем какое количество последних комментариев отображать в виджете на вашем сайте. И указываем ширину виджета в пикселях (позже можно будет настроить прямо в Adobe Muse).
     
  • После внесения всех настроек ВКонтакте сгенерирует код который нужно будет разместить на вашем сайте в Muse, он появиться в поле Код для вставки.
  • Весь код делится на две части, первая часть выглядит так и находится в самом начале:
    <!-- Put this script tag to the <head> of your page --><script type="text/javascript" src="//vk.com/js/api/openapi.js?105"></script><script type="text/javascript">  VK.init({apiId: 0000000, onlyWidgets: true});</script>
    Её нужно разместить на всех мастер страницах в Adobe Muse. Копируем первую часть кода в буфер обмена компьютера. Далее переходим в Adobe Muse в режим План и в нижней части экрана находим мастер страницы. Щелкаем по мастер странице правой кнопкой мыши и выбираем Свойства страницы:

    r01v.png
     
  • В открывшемся окне переходим на вкладку Метаданные и в поле HTML для <head> вставляем первую часть кода:

    2e1t.png

    Щелкаем кнопку ОК.
     
  • Вернемся в браузер на страницу где ВКонтакте сгенирировал для нас код. И выделяем вторую часть кода, которая начинается со строчки: <!-- Put this div tag to the place, where the Comments block will be -->. Код будет иметь следующий вид:
    ​<!-- 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: "520", attach: "*"});</script>
    Полностью копируйте вторую часть в буфер обмена.
     
  • Теперь переходим на ту страницу вашего сайта где вы хотите разместить комментарии от ВКонтакте. Находясь в режиме Дизайн, в главном меню программы выберите пункт Объект - Вставить HTML. В появившееся окно вставьте вторую часть кода:

    txoa.png

    Нажмите кнопку ОК.
     
  • Через несколько секунд на вашем сайте появится виджет комментариев от ВКонтакте! Перетащите виджет в нужное место сайта.
     
  • Вы можете редактировать настройки виджета прямо в Muse, изменяя его код. Достаточно щелкнуть по виджету правой кнопкой мыши и выбрать пункт Редактировать HTML.
     
  • Для того что бы изменить ширину виджета измените значение параметра width: "520" на любое нужное число (в пикселях). Количество комментариев для отображения регулируется параметром limit: 10, достаточно просто изменить число 10 на любую нужное вам.
     
  • На этом все! Удачного творчества!

Ошибки: 

Часто после вставки сгенерированного кода комментариев на сайт в Muse, вместо самого виджета на месте где должен быть виджет будет ошибка с сообщением вроде "Please specify correct base domain name in app settings, or use widget only in....". Предупреждаю, это не значит что виджет не установился и вы что то не правильно сделали. На самом деле все работает, просто в случае когда такая ошибка возникает достаточно залить ваш сайт на хостинг и зайти на него по тому домену который вы указали когда регистрировали сайт в ВКонтакте. Дело в том что иногда виджет работает только будучи вызванным с того домена на который он зарегистрирован!

Share this post


Link to post

Новая статья

Как бесплатно получить специализированный хостинг для Adobe Muse сайта. Читайте новую инструкцию по этой ссылке.
  • 0
Vera    2

Вы такие молодцы, цены Вам просто нет)) Такие , подробные ответы мало где можно найти!! Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке./default_smile.png" alt=":)">

Share this post


Link to post
  • 0

Вы такие молодцы, цены Вам просто нет)) Такие , подробные ответы мало где можно найти!! Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке./default_smile.png" alt=":)">

Спасибо я очень старался!  Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке./default_wub.png" alt=":wub:">

Share this post


Link to post
  • 0
Guest Vadim   
Guest Vadim

Мне в голову пришел вопрос, а если сайт сделан для компа и для мобильных устройств, и важно чтоб комменты и там и там были одинаковые, комменты вконтакте фейсбука дискуса?

Share this post


Link to post
  • 0

Мне в голову пришел вопрос, а если сайт сделан для компа и для мобильных устройств, и важно чтоб комменты и там и там были одинаковые, комменты вконтакте фейсбука дискуса?

Что то я не понял вопроса вообще...

Share this post


Link to post
  • 0
Guest Vadim   
Guest Vadim

как сделать чтоб на разных страницах были одни и те же комменты,

на обычной странице, странице для планшета, и странице для телефона

Share this post


Link to post
  • 0

как сделать чтоб на разных страницах были одни и те же комменты,

на обычной странице, странице для планшета, и странице для телефона

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

​<!-- 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: "520", attach: "*", pageUrl: http://muse.creatura.club/topic/158-kak-sdelat-vstavit-kommentarii-ot-vkontakte/});</script>

Share this post


Link to post
  • 0
Яна    0

Спасибо!  Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке./default_rolleyes.gif" alt=":rolleyes:">

Share this post


Link to post
  • 0

А как добавить виджет группы в контакте на сайт? 

Тут ещё проще.

1. Переходите сюда Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.  и вбиваете ссылку на группу, настраиваете цвета, размер.

2. В Muse Объект>Втавить HTML и вставляете сюда полученный в первом пункте код.

Share this post


Link to post
  • 0
hardisson    3

Все уже нашел - Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке. тут все делается

Спасибо...Разобрался 

Share this post


Link to post
  • 0
SerGUN    0

А еще вопрос. Не смог найти виджет вконтакте отдельно для "обсуждения" Например в группе есть несколько обсуждений или тем, типа отзывы, объявления, правила и т.д.. Одно из них (отзывы) крайне важное и полезное для конвертации.

Ссылка на обсуждение выглядит типа так: Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

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

Share this post


Link to post
  • 0

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

​<!-- 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: "520", attach: "*", pageUrl: http://muse.creatura.club/topic/158-kak-sdelat-vstavit-kommentarii-ot-vkontakte/});</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: "520", attach: "*", pageUrl: "Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке. </script>

Share this post


Link to post
  • 0
spb.kgood    0

Есть проблема, комментарии встали, но не отображаются те которые в группе и не идут с сайта в topic

Share this post


Link to post
  • 0
Тимур    10

Кому интересно, не плохой сервис, немного отклонившись от темы конечно но вдруг кому понадобится Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке./default_smile.png" alt=":)">Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Share this post


Link to post
Sign in to follow this  

×
×
  • Create New...