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
Share on other sites

Новая статья

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

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

Share this post


Link to post
Share on other sites
  • 0

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

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

Share this post


Link to post
Share on other sites
  • 0
Guest Vadim   
Guest Vadim

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

Share this post


Link to post
Share on other sites
  • 0

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

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

Share this post


Link to post
Share on other sites
  • 0
Guest Vadim   
Guest Vadim

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

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

Share this post


Link to post
Share on other sites
  • 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
Share on other sites
  • 0
Яна    0

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

Share this post


Link to post
Share on other sites
  • 0

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

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

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

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

Share this post


Link to post
Share on other sites
  • 0
hardisson    3

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

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

Share this post


Link to post
Share on other sites
  • 0
SerGUN    0

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

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

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

Share this post


Link to post
Share on other sites
  • 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
Share on other sites
  • 0
spb.kgood    0

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

Share this post


Link to post
Share on other sites
  • 0
Тимур    10

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

Share this post


Link to post
Share on other sites
Sign in to follow this  

×
×
  • Create New...