КОММЕНТАРИИ ВКОНТАКТЕ ДЛЯ САИТА

Как добавить на сайт виджет комментариев от Вконтакте?

Подключение виджета

1. Зайдите в раздел виджетов ВК​Перейдите по

3. Получите сформированный код​В итоге будет сформирован определенный код виджета. Он состоит из двух частей, которые нужно поместить в разные места сайта.

В mottor, например, код для этих тегов вставляется в специальных полях:

Пример вставки кода в тег head в mottor

Пример вставки кода в тег div в mottor (HTML-блок)

6. Проверьте отображение виджета на сайте​После указанных действий на вашем сайте появится виджет комментариев. Его удобно использовать, чтобы клиенты могли оставить отзывы прямо на сайте:

Важно! Виджет будет показываться ТОЛЬКО по тому домену, что вы указали при создании виджета во нашей статьи.

Дальнейшее управление виджетом

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

И так начнем по порядку.

У меня есть сайт развлекательной тематики и проблема в том, что через стандартную форму комментариев, за месяц оставляли около 20 комментов. Что очень мало как мне кажется, особенно если учесть что на других сайтах схожей тематики в каждой публикации минимум по 5-10 комментов.

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

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

А вот аккаунт вконтакте есть у всех (за исключением некоторых особей которые игнорируют соц. сети ) и мы всегда там авторизованны.

Так почему же не поставить виджет комментариев вконтакте на свой сайт и облегчить ВАШИМ посетителем жизнь? Или хотя бы поставить на неделю, чтобы посмотреть какой от него будет толк? Тем более займет это все несколько минут вашего драгоценного времени.

Шаг №1. Настраиваем виджет комментариев вконтакте

Ничего страшного и сложного тут нет, для начала нам нужно зайти на специальную страницу с виджетом и настроить его под себя.

Заходим на эту страницу — http://vkontakte.ru/developers.php?p=Comments

Перед вами будет такая форма:

Думаю с заполнением этой формы не должно возникнуть вопросов, а если же такие будут то можно задать вопрос в комментах, а обязательно отвечу на него.

Не забудьте нажать на кнопочку «сохранить» =)

Прошу обратить внимание на поле «Код для вставки».

В предыдущем шаге я попросил Вас обратить внимание на поле «Код для вставки». Если вы знаете анг. язык и смогли прочитать и понять, что код сразу в комменты ставить нельзя. Ну или можно поставить, только он не будет работать.

И так у нас есть такой код:

Обратите внимание на жирный шрифт, которым я выделил нужные нам ДВА шага.

1. Открываем файл с шаблоном в котором находиться код .

Обычно в DLE это файл main.tpl. В WP это header.php. И в других движках или статических сайтах это файл index.

Этот кусок кода нужно копировать с формы виджета (Шаг 1) и только после того как нажали кнопку сохранить! После этого у Вас должен появиться уникальный ID.

Сохраняем этот файл и заливаем на хостинг.

2. Второй код ставим вместо или выше ваших комментов.

Должна появиться такая форма (сделала моя любимая жена):

Вот и все с установкой мы закончили, с чем я вас и поздравляю!!!

Шаг №3. Управление комментариями.

Нажмите на неё и вы сможете сами удалить не нужные вам комменты или добавить спамера в черный список.

Шаг №4. Трафик.

Помимо того, что люди теперь станут активнее оставлять комменты, вы с этого ещё будите получать дополнительный трафик с вконтакте.

Я не скажу что к Вам будут заходить теперь тысячи, но все таки к этой планки можно дойти 😉

Возможно у Вас возник вопрос, от куда же он будет идти? А все очень просто, при отправке комментария есть такое поле «отобразить на Вашей странице» и там стоит галочка по умолчанию.

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

Думаю хватит слов, теперь нужны цифры!!

Что же тут можно понять?

За август на сайт через вконтакте зашло 40 человек, а за сентябрь 82 человека! (хотя месяц ещё не закончился). Я согласен с Вами что это не много, но все таки я на это потратил всего пару минут и теперь с каждым месяцем трафик с вконтакте растет без моего участия.

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

Выбор за Вами 😉

Зайдите в раздел виджетов ВК

Перейдите по ссылке https://vk.com/dev и нажмите на Виджет сообщений сообщества.

Выбор группы

Выберите группу, в отношении которой будут поступать сообщения.

Переход к настройкам сообщества

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

Внесение изменений в настройки сообщества

Вы можете задать настройки, как показано в примере ниже.

ВАЖНО: если у вас домен на кириллице — оставьте поле «Разрешённые домены» пустым.

Внесение изменений в настройки виджета

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

Сформированный код

Установка кода на сайт

ВНИМАНИЕ: если вы уже устанавливали какие-либо виджеты ВК на сайт, то данный код там уже есть, не надо его дублировать.

После указанных действий на вашем сайте появится виджет Сообщений сообщества, выглядящий похожим образом и расположенный в углу вашего сайта.

Создание виджета

Создаём сам виджет, не имею желания дублировать документацию к виджету, скажу что в итоге должно получиться что-то вроде этого:

что такое onChange, читайте дальше; Третий параметр — это ID данного виджета(блока) комментариев, если его не указывать в качестве id используется md5-хэш от location.href(ссылки на эту страницу). Мне это не подошло, так как на один элемент у меня указывало несколько разных ссылок. На этой стадии виджет уже работает, теперь нужно сообразить отображение количества комментариев.

Передача данных о количестве комментариев на сервер

Это нам и нужно. Теперь пишем саму функцию addCommentCallback, она будет делать ajax запрос, передавая все 4 параметра выше, а также id записи на сервер. Вот что получилось у меня(используется jquery):

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

Валидация данных

Теперь-то нам и понадобится ключ api_secret, полученный нами при регистрации приложения. Повторюсь, лично я не нашел способа получить этот код, если регистрировать сайт через упрощенку.