Вконтакте

Сегодня хочу рассказать Вам о том как установить комментарии вконтакте на сайте и показать статистику одного своего сайта.

Честно сказать я даже не думал что будет какой-то ощутимый результат от этого виджета... но об этом немного позднее.

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

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

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

И тут на одном сайте СМИ тематики я увидел форму комментариев от вконтакте. Я прочитал на том сайте новость и легко отправил свой комментарий. И до меня дошло, что как все это просто и удобно .

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

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

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

И так давайте подробно разберемся что нужно для того чтобы установить комментарии вконтакте на ваш сайт.

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

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

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

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

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

Шаг №2. Ставим комментарии вконтакте на сайт.

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

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

VK.init({apiId: API_ID, onlyWidgets: true});

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

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

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

Когда мы нашли код head (всегда в самом вверху), между ним или перед закрывающим тегом ставим первый код.

VK.init({apiId: ТУТ ВАШ ID КОД , onlyWidgets: true});

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

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

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

VK.Widgets.Comments("vk_comments", {limit: 20, width: "496", attach: "*"});

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

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

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

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

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

А так же сможете назначить администраторов, которые будут помогать чистить комментарии от матов, флуда или спама.

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

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

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

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

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

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

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

Срин опубликован 24.09

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

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

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

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

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

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

Предполагаем, что на вашем сайте нет возможности внедрения локальных (своих) комментариев.

100% живое общение . Для написания комментария пользователь должен иметь профиль в социальной сети.

Популярность . Почти каждый второй (если не первый) зарегистрирован в этой сети, а значит для того, чтобы оставить комментарий на вашем сайте, нужно просто быть авторизованным на сайте «ВКонтакте».

Быстрая установка виджета на сайт.

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

Удобное и простое модерирование комментариев.

Возможность индивидуальных настроек . Администрация социальной сети рада выслушать ваши пожелания, касающиеся личных настроек виджета для вашего сайта. Для этого вам необходимо написать сообщение на почту пресс службы «ВКонтакте» – [email protected] .

Настройка и установка виджета комментариев на сайт

1. Итак, первым делом переходим по и попадаем в раздел для разработчиков, где на открывшейся странице видим форму с настройками. С ними мы сейчас и будем работать.

2. В форме вашей информацией заполняете следующие поля:

- «Название сайта»;
- «Адрес сайта».

И выбираете тематику вашего сайта.

Основной домен сайта пропишется автоматически. Жмете «Сохранить » – тем самым вы добавляете сайт в систему.

3. Теперь вам необходимо произвести настройки виджета:

Выбираем:

Количество комментариев , которое будет отображаться по умолчанию (5, 10, 15 или 20 комментариев);

Опцию «Медиа » – если вы хотите, чтобы пользователи могли оставлять не просто текстовые сообщения, но и прикреплять видео, фото, ссылки или другой контент (настраивается по нажатию ссылки «Подробнее »);

Ширину . Если вы хотите сделать фиксированный размер – то укажите размер в пикселях, если же хотите сохранить «резиновый» размер (адаптирующийся под размеры блока, в котором находится виджет) – оставляете поле пустым.

4. И финальным шагом будет подключение виджета к вашему сайту с помощью предложенного кода в поле «Код для вставки ».

4.1. Для этого в секцию HEAD (в HTML-код сайта или его тему), перед закрывающим ее тегом подключите скрипты, выделенные красным:

4.2. В нужное место на сайте, где вы хотите вывести комментарии (в HTML-код сайта или его тему) вставьте код, выделенный синим:

Обратите внимание , что скрипты могут немного отличаться от тех, что на изображениях, в зависимости от ваших настроек.

Сохраните все изменения на сайте и подождите пару минут. Теперь, посмотрев страницы, на которые вы внедрили необходимый код, вы сможете обнаружить готовый виджет комментариев от «ВКонтакте», где сначала сами попробуете написать что-нибудь:)

Если это не так и у вас возникли трудности с установкой или настройкой виджета – пишите об этом в комментариях.

12 октября 2011 в 18:59 Виджет комментариев вконтакте для вашего сайта и хранение количества комментариев на сервере

• Социальные сети и сообщества

Двигаясь в ногу со временем, я решил разместить на своем сайте виджет комментариев «Вконтакте». Немного терпения, гугла и документации вполне достаточно для того чтобы достичь результата. Разместить сам виджет не составляет никакого труда, вконтакте предоставляет простой интерфейс генерирующий код для сайта. Мне хотелось в некоторых местах отображать количество комментариев. Тут и возникли сложности, как обычно это бывает, дьявол кроется в мелочах. Я попробую разложить по полочкам то, о чём умалчивает документация.

1.Регистрация cайта вконтакте Чтобы разместить сам виджет, сначала сайт следует зарегистрировать как приложение Вконтакте . Заполняем форму, получаем СМС, еще раз заполняем форму, в результате регистрации приложения мы должны получить два ключа :

api_id - идентификатор нашего сайт как приложения в вконтакте

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

P.S: Вконтакте предоставляет упрощенный способ регистрации приложения для виджета «Комментарии», но в этом случае невозможно получить ключ api_secret(по крайней мере я битый час искал способ его получить и… не нашёл), который необходим в случае хранения количества комментариев. Поэтому не ленимся и создаём приложение.

2.Создание виджета Создаём сам виджет, не имею желания дублировать документацию к виджету, скажу что в итоге должно получиться что-то вроде этого:
VK.init({apiId: %ВАШ_api_id%, onlyWidgets: true}); VK.Widgets.Comments("vk_comments", {limit: 10, width: "1000", attach: "*", onChange: addCommentCallback}, "post_");

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

3.Передача данных о количестве комментариев на сервер Очевидно, что самым удачным вариантом является хранение количества комментариев в базе данных, даже если мы не храним сами комментарии, так как получение количества комментариев через API вконтакте будет слишком сильно тормозить работу сайта. Я храню количество комментариев в отдельном столбце таблицы с данными. Вопрос только в том, как держать в базе значение в обновленном состоянии и избежать рассинхронизации.
API виджета комментария имеет параметр onChange . Функция, которую содержит параметр onChange , вызывается каждый раз при событии удаления/создания комментария. Колбек-функция onChange вызывается с четырьмя параметрами

num - количество комментариев
last_comment - последний комментарий
date - дата
sign - ключ

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

Function addCommentCallback(num, last_comment, date, sign){ $.post("%ССЫЛКА_НА_СТРАНИЦУ_ОБРАБОТКИ_КОММЕНТАРИЯ%",{ type: "vkontakte", num: num, last_comment: last_comment, date: date, sign: sign, id: "" }); }

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

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

Php-код, обрабатывающий запрос, и пишущий в базу количество комментариев:
$post = $_POST; if (!isset($post["num"])){ $error = "не указано количество"; } else{ $apiSecret = %ВАШ_API_SECRET%;//(да, за этим мы и прошли полную регистрацию) $hash = md5($apiSecret.$post["date"].$post["num"].$post["last_comment"]);// до того, как обновить количество комментариев, мы получаем md5 - хэш от параметров api_secret, date, num, last_comment: if (strcmp($hash, $post["sign"]) == 0){//проверяем что хэши совпадают //тут код сохранения в базу } else{ $error = "не совпадает хэш"; } }
Вот и всё! При желании, можно в базу сохранять не только количество комментариев, но и сами комментарии. Надеюсь что статья оказалась полезной и я не потратил зря время.

12 октября 2011 в 18:59 Виджет комментариев вконтакте для вашего сайта и хранение количества комментариев на сервере

Двигаясь в ногу со временем, я решил разместить на своем сайте виджет комментариев «Вконтакте». Немного терпения, гугла и документации вполне достаточно для того чтобы достичь результата. Разместить сам виджет не составляет никакого труда, вконтакте предоставляет простой интерфейс генерирующий код для сайта. Мне хотелось в некоторых местах отображать количество комментариев. Тут и возникли сложности, как обычно это бывает, дьявол кроется в мелочах. Я попробую разложить по полочкам то, о чём умалчивает документация.

1.Регистрация cайта вконтакте Чтобы разместить сам виджет, сначала сайт следует зарегистрировать как приложение Вконтакте . Заполняем форму, получаем СМС, еще раз заполняем форму, в результате регистрации приложения мы должны получить два ключа :

api_id - идентификатор нашего сайт как приложения в вконтакте

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

P.S: Вконтакте предоставляет упрощенный способ регистрации приложения для виджета «Комментарии», но в этом случае невозможно получить ключ api_secret(по крайней мере я битый час искал способ его получить и… не нашёл), который необходим в случае хранения количества комментариев. Поэтому не ленимся и создаём приложение.

2.Создание виджета Создаём сам виджет, не имею желания дублировать документацию к виджету, скажу что в итоге должно получиться что-то вроде этого:
VK.init({apiId: %ВАШ_api_id%, onlyWidgets: true}); VK.Widgets.Comments("vk_comments", {limit: 10, width: "1000", attach: "*", onChange: addCommentCallback}, "post_");

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

3.Передача данных о количестве комментариев на сервер Очевидно, что самым удачным вариантом является хранение количества комментариев в базе данных, даже если мы не храним сами комментарии, так как получение количества комментариев через API вконтакте будет слишком сильно тормозить работу сайта. Я храню количество комментариев в отдельном столбце таблицы с данными. Вопрос только в том, как держать в базе значение в обновленном состоянии и избежать рассинхронизации.
API виджета комментария имеет параметр onChange . Функция, которую содержит параметр onChange , вызывается каждый раз при событии удаления/создания комментария. Колбек-функция onChange вызывается с четырьмя параметрами

num - количество комментариев
last_comment - последний комментарий
date - дата
sign - ключ

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

Function addCommentCallback(num, last_comment, date, sign){ $.post("%ССЫЛКА_НА_СТРАНИЦУ_ОБРАБОТКИ_КОММЕНТАРИЯ%",{ type: "vkontakte", num: num, last_comment: last_comment, date: date, sign: sign, id: "" }); }

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

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

Php-код, обрабатывающий запрос, и пишущий в базу количество комментариев:
$post = $_POST; if (!isset($post["num"])){ $error = "не указано количество"; } else{ $apiSecret = %ВАШ_API_SECRET%;//(да, за этим мы и прошли полную регистрацию) $hash = md5($apiSecret.$post["date"].$post["num"].$post["last_comment"]);// до того, как обновить количество комментариев, мы получаем md5 - хэш от параметров api_secret, date, num, last_comment: if (strcmp($hash, $post["sign"]) == 0){//проверяем что хэши совпадают //тут код сохранения в базу } else{ $error = "не совпадает хэш"; } }
Вот и всё! При желании, можно в базу сохранять не только количество комментариев, но и сами комментарии. Надеюсь что статья оказалась полезной и я не потратил зря время.

Всем привет! Эта статья предназначена для тех, кто хочет добавить комментарии Вконтакте на сайт. Данная возможность также поможет сайту или блогу в продвижении. Если посетитель прокомментирует статью через социальную сеть, ссылка на ваш блог появится на его стене.

В этой статье я разберу две возможности добавить комментарии ВК для сайта: вставка кода формы комментариев в шаблон сайта и с помощью плагина для WordPress – Vkontakte API .

Как добавить комментарии в Вконтакте через виджет

Для начала идем на свою страничку Вконтакте и проматываем ее до самого низа. Далее в нижнем меню выбираем пункт «Разработчикам».

В открывшемся окне выбираем «Подключение сайтов и виджеты ».

В секции «Виджеты для сайтов» нажимаем на «Комментарии ».

В следующем окне заполняем поля с информацией о сайте и настраиваем виджет под свой сайт. Потом жмем кнопочку «Сохранить ».

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

Тег Head выводится файлом header.php нашего шаблона. Поэтому идем в редактор шаблона и вставляем первую часть кода в данный файл перед закрывающим тегом .

После этого на сайте должна появится форма.

Управлять комментариями можно через вкладку «администрирование».

Для справки

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

Как видим, виджет комментариев Вконтакте для сайта устанавливается немного дольше, чем через плагин, но зато не нужно загромождать плагинами движок WordPress.

Как установить комментарии Вконтакте на сайт через плагин

Устанавливаем плагин Vkontakte API через административную панель сайта. После чего в админке сайта появится пункт «Social API», идем в настройки комментариев.

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

Заполняем поля формы и жмем кнопку «Подключить сайт ».

Переходим в «Настройки » и копируем ID приложения и защищенный ключ в настройки плагина. Не забываем поставить галочку напротив «Активировать».

Делаем необходимые настройки и жмем кнопку «Сохранить изменения ».

На вкладке «Основное» можно настроить, где выводить комментарии Вконтакте – после или до комментариев самого WordPress.

Думаю, у вас не осталось вопросов как добавить комментарии ВК на сайт. Если да, то задавайте их в комментариях под этим постом. С удовольствием отвечу на все. Всем удачи и до скорой встречи!

С уважением, Евгений Кузьменко.