Api работа с виджетом комментариев вконтакте. Виджет комментариев ВКонтакте

Эх, давно что-то я не писал на тематики WordPress и Вконтакте. А тут решил написать инструкцию как установить виджет комментариев вконтакте для сайта на WordPress. Одним выстрелом убить двух зайцев, так сказать. Вообще у меня в блоге уже давненько стоит 2 формы комментариев: обычная WordPress и форма комментариев Вконтакте. Я вынес их в разные «табы» (при клике на разные кнопки выводится разная информация). Собственно хотелось бы сказать для начала пару слов о плюсах и минусах использования комментариев вконтакте на сайте .

Плюсы виджета комментариев Вконтакте

1) Если авторизованный в социальной сети Вконтакте пользователь прочтет ваш материал и ему вдруг захочется оставить комментарий, то в этом случае не придется вводить как в стандартной форме e-mail, имя и чаще всего еще каптчу, а только сам комментарий. Также исключает необходимость регистрации, если такова была ранее предусмотрена для комментирования через стандартную форму.

2) Исходя из первого, вторым плюсом можно засчитать это то, что будет видно комментатора «в лицо» — его фото и имя с фамилией. «Живому человеку» куда приятнее отвечать же, однако не все указывают настоящие данные и фото.

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

4) Можно банить (добавляться в черный список) пользователей оставляющих спам и они никогда не смогут больше оставлять комментарии у вас. Премодерации кстати нет (только удаление уже оставленных комментариев), но лично я ее использовал только если комментарий имеет ссылку. Промодерировать комментарии хотя бы раз в неделю не составит труда и не займет много времени. Еще, кстати, можно добавлять модераторов.

5) Отличительный плюс – можно получить дополнительный трафик с соц. сети. В некоторых случаях он достаточно немалый.

Минусы виджета комментариев Вконтакте для сайта

1) Для тех, кто разрешает оставлять dofollow ссылки в стандартной форме комментариев будет минусом. Если у вас поступает много комментариев на блог, а вы вдруг отключите стандартную форму и поставите форму комментариев вконтакте число комментариев, скорее всего, сократится, так как большинство комментариев, вероятно, поступает именно из-за dofollow ссылок – что является одним из способов получить трафик на свой сайт. У кого ссылки nofollow или вообще убрана строка URL в форме — минуса в этом случае нет.

2) Ну и еще парочка маленьких минусов. Первый – нельзя настраивать дизайн, поэтому у некоторых он не очень впишется в дизайн. Второй – хоть и социальная сеть Вконтакте собрала всю Россию, однако есть люди не пользующиеся ей.

Как видите, количество плюсов значительно превосходит количество минусов. Если есть желание и одновременно есть сомнение в преимуществе – попробуйте оставить 2 формы комментариев (правда немного некрасиво и громоздко, но это решаемо). А теперь перейдем непосредственно к самому процессу и рассмотрим как вставить комментарии вконтакте на сайт Wordpress.

Установка виджета комментариев Вконтакте на wordpress

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

2) На этой странице вы можете прочитать информацию и создать форму для своего сайта. В форме указываем всю необходимую информацию в пустых полях: Название сайта, Адрес сайта, Основной домен сайта (обычно такой же, как и адрес сайта). Далее укажите, какое количество комментариев будет отображено на странице (остальное свернуто и доступно по клику «к предыдущим записям»). Можете запретить использование в комментариях фото, аудио, видео, ссылок, граффити – для этого уберите галочку рядом с «Медиа». Если хотите запретить не все, а что-то определенное, например ссылки, то нажмите «подробнее» и снимите необходимые галочки. Ширину можно подогнать под свой дизайн, но лучше не трогать, если нет понимания в этом.

4) Копируем первую часть кода (выделена большой фигурной скобкой на скриншоте) и вставляем в файл темы header.php до закрывающего тега (чтобы не «накосячить» вставляйте непосредственно перед этим тегом). Для этого зайдите в панели управления «Внешний вид -> Редактор -> Заголовок (header.php)», отредактируйте и сохраните (кнопка «Обновить файл»).

5) Скопируйте вторую часть кода и вставьте в файл «Одна запись» (single.php) после вывода материала – и непосредственно перед . Сохраните изменения (кнопка «Обновить файл»). Готово! По желанию можете отключить стандартную форму комментариев в настройках WordPress.

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

Чтобы отмодерировать сообщения , авторизуйтесь под учетной записью, под которой создавали форму комментариев. Нажмите надпись в верхней части формы «администрирование». Для удобства нажмите вкладку «Обзор» и вы увидите все оставленные комментарии на вашем сайте. Вкладка «Комментарии» отображает только комментарии к данной странице с материалом. В «Черный список» помещаются соответственно пользователи, которых вы туда добавляете при модерировании.

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

Чтобы добавить администратора нажмите «Назначить администраторов» и на открывшейся странице введите прямую ссылку на страничку необходимого человека и нажмите кнопку «Добавить администратора».

Уф, какая большая статья получилась! Возникнут проблемы или вопросы пишите в комментариях.

Вконтакте

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

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

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

У меня есть сайт развлекательной тематики и проблема в том, что через стандартную форму комментариев, за месяц оставляли около 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. Спасибо что дочитали этот пост до конца, в следующем посте я напишу о том как получать трафик с других соц.сетей. Пока я только с этим экспериментирую. Чтобы не пропустить следующий пост,

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

Я люблю доверять цифрам и они говорят о том, что сеть вконтакте очень популярна на просторах бывшего СНГ и занимает 2 место после поисковой системы Yandex по популярности. Игнорировать такую возможность поднять посещаемость и увеличить популярность своего блога я не имею права, да и вам бы посоветовал начать уважать данную социальную сеть.

Преимущества виджета комментариев вконтакте

Самое главное – удобство для вашей аудитории оставлять комментарии после ваших статей. Далеко не все читатели блога имеют свой блог или любят заполнять 3 поля при комментировании (имя, адрес блога, e-mail). Да, да, для некоторых это очень сложно или просто лень, только из-за этого вы не прочитаете комментария от данного читателя. Если же он прочтет статью и ему нужно будет просто написать свое мнение, без указания дополнительных данных, то он сделает это с большим желанием. Читатель просто использует имя и фото со своего профиля вконтакте.

Простота и легкость в установке на блог wordpress, минут за 20-30 у вас уже все будет работать.

Защита от автоматического спама, поскольку комментатору потребуется вводить сложную капчу, которая не под силу роботам. Если спам будут рассылать вам вручную, то вы можете внести данного хулигана в “черный список ” и забыть о нем. Вы также можете назначить администраторов, которые будут проверять комментарии и одобрять или удалять их. в зависимости от содержания.

Виджет устанавливается бесплатно, это приятно.

Рост популярности вашего блога, через возможность размещения комментария на стене вконтакте комментатора. К примеру вашу статью прокомментировал Дмитрий и его комментарий отобразился на его стене. У Дмитрия 120 друзей, 5 из них нажали под этим комментарием ”нравится” и теперь комментарий еще у 5 на стене. У каждого есть друзья и знакомые в социальных сетях и порою сам не понимаешь, как ты узнал какою-то полезную информацию через десятые руки.

Рост популярности вашего аккаунта в социальной сети vk.com , вы становитесь популярнее и заводите навых друзей и знакомых.

Комментарии вконтакте на сайт — минусы

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

Как правильно установить комментарии вконтакте на сайт?

Для начала, вам нужно иметь аккаунт в данной социальной сети. Затем перейти по ссылке

Заполните все необходимые поля корректно. Я на рисунке все подробно выделил.

Укажите название блога, его адрес;

Количество последних комментариев, выводимых на блоге в данном виджете (у меня 10), я включил расширенные комментарии, рекомендую и Вам;

Выберите необходимую ширину виджета, эту цифру вы можете подкорректировать в коде;

Код для вставки, состоит из 2-ух частей, позже расскажу какой и куда необходимо вставить.

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

Обязательно сохраните файлы header.php, comments.php и single.php перед редактированием. Если что- то некорректно установится, всегда имейте сохраненный вариант, который был до корректировки!

Верхнюю часть кода (цифра 1 на рисунке) я вставил перед закрывающимся тегом тэгом

Для этого зашел в админку блога, затем “Внешний вид” => “Редактор” =>”Шапка”(header.php) .

Нижнюю часть кода нужно вставить в то место на блоге, где вы желаете его отобразить. Я его реализовал над стандартными комментариями wordpress, для этого редактировал comments.php (смотрите рисунок ниже), у вас это может быть свой вариант.

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

Плюсы от установки виджета группы на блог

Популяризация вашей группы в социальной сети;

Быстрая установка, простота в использовании;

Отсутствие оплаты за установку блока;

Улучшение показателей посещаемости на блог, удобство для читателей;

Одним кликом ваш читатель превращается в участника вашей группы.

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

Вот как внешне выглядит виджет группы вконтакте:

Для его установки, вам необходимо перейти ссылке

После этого заполняем все необходимые поля:

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

предложенных и скопируйте вверху url адрес в браузере

2. Выберите, что будет отображаться в виджете: участники, новости или только название группы;

3. Выберите удобную ширину и высоту виджета группы;

4. Код вставки разбит на 2 части. Часть 1 вы должны вставить в файл “header.php”, перед закрывающимся тэгом

Для этого зашел в админку блога, затем “Внешний вид” => “Редактор” =>”Шапка”(header.php) (смотрите рисунок ниже).

5. Вторую часть кода 2 кода нужно вставить в то место на блоге, где вы желаете его отобразить. Я его вывел в сайдбаре, для этого вставил код в виджет «текст»

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

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

Жаль, но мой отдых в Крыму заканчивается. Скоро я еду домой в Днепропетровск, и прощай теплое море и солнце и Гурзуф… На будущее много планов: замена хостинга, затем дизайна сайта, конкурс кроссвордов ( не пропустите! ). Всем хорошего настроения и позитива!

До встречи!

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

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

Все говорят, что летом в Интернете жизнь замирает.

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

Но вернемся к нашим баранам!

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

Преимущества виджета комментирования от соц. сети Вконтакте.

1. Повышение комментируемости блога.

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

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

Когда посетитель комментирует статью через форму от Вконтакта и не отмечает маленькую кнопочку, то его комментарий автоматически публикуется и на его страничке. Это отличный вирусный инструмент, благодаря которому этот комментарий увидят все “друзья” комментатора.

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

3. Посетителям приятно видеть свою фотку возле формы комментирования.

Согласитесь, это немного подкупает и читатели с большим удовольствием комментируют новость.

4. Это просто дополнительный удобный инструмент для повышения юзабилити блога.

Чем удобнее Ваш блог для общения тем больше постоянных посетителей он получит. Запомните на блоге должна быть “движуха” и нужно делать все чтоб ее создавать.

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

Давайте рассмотрим и негативные стороны формы комментирования от Вконтакта.

Недостатки виджета комментирования от соц. сети Вконтакте.

1. Хорошее окошко для спамеров.

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

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

Как и где чистить комментарии я покажу в видео по установке.

2. Не всегда виджет от Вконтакта вписывается в дизайн вашего блога.

Пожалуй, это наименьшее из зол, но иногда реально раздражает.

3. Комментарии от этого виджета не учитываются в статистике WordPress.

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

Пожалуй, с недостатками все!

Я думаю Вам нужно тщательно взвесить все преимущества и неудобства прежде чем ставить эту форму на свой блог.

Мне она нравится, спам стараюсь чистить, но если и где-то пропускаю то он все равно не индексируется поисковыми системами, так настроена эта форма.

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

В принципе на самой странице описания все достаточно подробно описано, но на всякий случай дублирую.

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

Я для своего сайта Смотри-веб заполнил вот так.

Лучше если эта форма будет идти сразу над основной формой для комментариев.

Открываете файл comments.php в своей теме и в самом верху, перед знаком