Как установить виджет комментариев вконтакте

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

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

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

Зачем нужен на сайте виджет от Vk

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

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

Чтобы как-то себя мотивировать получать дополнительных посетителей из социальной сети Павла Дурова (Vk.com) я нашел в интернете вот такой скрин роста посещаемости только за счет контакта.

Согласитесь не слабо. Но как будет расти посещаемость сайта, если использовать данный виджет формы комментариев?

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

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

Достоинства виджета Vkontakte:

Первое . Популярность . Многим посетителям влом сложно заполнять обязательные поля стандартной формы комментирования (Имя, Почта) и как результат вы теряете какую-то часть отзывов.

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

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

Если этого будет недостаточно, то администратор всегда может занести анкету комментирующего в «Черный список» и ему будет навсегда закрыт доступ по высказыванию своего мнения.

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

Четвертое . Простота . Этот виджет комментариев от ВК очень прост в установке. Буквально 5 минут понадобится на то, чтобы сделать все нужные настройки.

Недостатки комментариев от ВКонтакте:

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

Второе . Не индексируются поисковиками . Так как вся база с сообщениями посетителей находится на серверах социальной сети, поисковики не могут знать, к какому сайту они относятся.

Если кто-то еще не в курсе, то ВКонтакте занимаете первое место из списка «Самых популярных сайтов России», поэтому я, не задумываясь, решил прикрутить на свой блог их виджет. Далее расскажу, как это можно сделать и вам.

Как установить Vk виджет комментариев на сайт

Переходим на следующую страницу по этой ссылке и настраиваем будущий блок.

Раньше я уже создавал с помощью этой странички социальную кнопку от vk.com «Мне нравится», статью можно прочитать , поэтому мой блог уже подключен к приложению.

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

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

Эти настройки можно будет отредактировать в любой момент по ходу тестирования работы виджета соц. сети.

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

А вторую часть кода необходимо установить в то место, где будет выводиться сам виджет Вконтакте.

Я решил вывести его перед основной формой комментирования, и поэтому мне пришлось добавить код в файл single.php , но можно было реализовать и через comments.php . В общем, каждый подстраивается под свой дизайн сам.

Кстати обратите внимание на строчку limit: 10, width: «620» , с помощью этих значений можно задавать настройки отображения числа комментирующих и ширины поля соответственно.

После проделанной работы закачиваем измененные файлы и смотрим результат.

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

Для этого в блоке ВКонтакте нужно перейти в раздел «Администрирование».

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

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

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

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

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

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

И вот вчера мне привезли Nokia Lumia 920 , пока я его тестирую и много что в нем не понятно, тяжело перейти с Android на Windows Phone 8.

Пользуясь моментом, хочу спросить у своих посетителей: «Если кто-то уже работал с платформой Windows Phone 8, подскажите какие приложения вы используете?

Мне нужно то, что работает с wordpress и как вообще оптимизировать его работу под блог»? Заранее спасибо и до скорых встреч.

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

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

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

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

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

До встречи!

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

Введение

В этой записи я рассмотрю два способа:

Детальная установка плагинов описана под заголовком ниже, лишь в данном случае вводите «AnyComment» в поиске для установки этого плагина.

Плагин для VK комментариев

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

Инструкция к установке:

Это мой личный плагин и я буду вам благодарен если вы оставите хороший отзыв или «5 звезд»:)

Функции

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

Код. Инструкция по установке

• Заходим на страницу с виджетами и выбираем «Комментарии» (или кликните ).
• В выпадающем списке «Сайт/приложение» выбираете «Подключить новый сайт» или выбираете текущий сайт (если вы уже добавляли). При добавлении вам нужно указать «название сайта», «адрес», «основной домен» и выбрать тематику..ru», «сайт» и «ИТ (компьютеры и софт».
• Далее выбираем «Количество комментариев» для отображения. Если вы выберете, например, пять комментариев, а у вас уже добавлено больше, то сначала при загрузке страницы покажется 5 комментарием и далее вы можете нажать нажать «Показать еще», чтобы подгрузить остальные.
• Выбираем нужно вам «Медиа» или нет. Это например добавление граффити, фото, аудио видео и ссылки.
• Устанавливаете ширину блока комментариев.

Мы не будем просто вставлять код, так как это не правильно. Я покажу вам как это делать в стиле WordPress.

Добавляем код виджета VK

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

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

Как вы можете заметить, он разделен на 2 части.

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

Вторая — это часть кода, которая понадобится для отображения комментариев.

Создаем функцию в functions.php

• Копируем функцию, которая находится ниже и открываем файл functions.php, который находится внутри вашей темы.
• Спускаемся в самый низ файла и добавляем следующую функцию.

Внимание! Вместо «ВАШ_ID» пишите ID который написан в вашем коде для вставки.

Function vk_comments_api() { if(is_single()) { echo ""; echo " VK.init({apiId: ВАШ_ID, onlyWidgets: true}); "; } } add_action("wp_head", "vk_comments_api");

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

Добавляем комментарии в comments.php

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

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

И все готово! Комментарии должны быть успешно установлены.

Если у вас какие-то проблемы — пишите их в комментарии ниже к этой записи, буду рад помочь.

Вывод

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

Пока ещё мало вопросов от читателей, чтобы составить полноценную статью, но зато поступил очень интересный вопрос от читателя:

Вечер добрый!

Очень хотелось бы заменить стандартное поле для ввода комментариев к постам полем, предложенным разработчиками Вконтакте. Возможно ли это, и если да, то каким образом?

Заранее безмерно благодарен:)

Есть вопрос, дам ответ. Да, действительно, можно установить виджет комментариев от социальной сети Вконтакте в любой блог, в частности и на Blogger/Blogspot.

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

Процесс получения кода разделен на 2 этапа.

Этап первый . Обязательно указываем название и url-адрес сайта.

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

Обратите внимание, что в поле Адрес сайта, на конце адреса не должно быть косой черты /.

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

Ту часть кода, которую я выделила желтым цветом, необходимо установить в шаблон блога (Дизайн – Изменить HTML) перед строкой .

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

Я экспериментировала с этим шаблоном, и установила код сразу после строки:

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

В данном примере у вас на блоге будет сразу две разные формы для комментирования, стандартная от Blogger и интегрированная от Вконтакте. Если вы хотите отключить показ стандартной формы, идем в Дизайн – Элементы страницы – Сообщения блога – Изменить. Находим пункт:

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

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

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

Мне очень хотелось рассказать вам, как установить такую же форму комментариев от Facebook, но возникла небольшая неприятность. В целом, установить его было бы не сложно и я могу рассказать это в теории. А на практике сделать пока не удалось. Дело в том, что для получения индивидуального кода API, необходимо подтвердить себя (свой сайт) с помощью кода, который высылается sms-кой на мобильный.

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

Нужен ли он? В наш компьютерный век практически у всех пользователей интернета есть страничка в соц. сети ВКонтакте. Благодаря виджету ВКонтакте, любой пользователь этой социальной сети сможет комментировать материалы на вашем сайте/блоге не регистрируясь, что является, на мой взгляд, большим плюсом для читателя. К тому же одним нажатием мышки он сможет добавить комментарий на стену своей страницы, и о вашем блоге узнают его друзья. Это будет для вас бесплатной рекламой. Еще один большой плюс в том, что управлять комментариями очень просто - достаточно нажать несколько кнопочек.

Процесс установки виджета комментариев - поэтапно

Как же все-таки установить этот виджет на свой сайт? Сейчас постараюсь наглядно это объяснить. В первую очередь вам нужно добавить свой сайт в приложения в ВКонтакте. Для этого зайдите в аккаунт, с которого хотите управлять комментариями (администрировать), а можете зарегистрировать новый.

Теперь приступаем к добавлению сайта в приложения ВКонтакте и настройке виджета. Заполняем все поля. В «Название сайта» вписываете любое название, которое вам понравится. Для удобства лучше вписать название блога, на который добавляете виджет. Дальше «Адрес сайта». Здесь нужно указать адрес на главную страницу сайта, например, google.com, но не google.com/...html. В поле «Основной домен сайта» автоматически будет добавлен адрес сайта без «http://», так что там ничего заполнять не нужно. В разделе «Тематика сайта» вам необходима указать тематику вашего сайта, например, ИТ (компьютеры и софт).

Теперь осталось настроить виджет. Для этого выбираем, сколько комментариев виджет будет выводить на одну страницу. Это не принципиально и на ваше усмотрение.

Дальше «Медиа». Этот раздел дает возможность указать, что можно будет прикреплять к комментариям. Если вы не хотите, чтобы пользователи что-то прикрепляли к комментариям, просто уберите галочку. Также можно вручную отфильтровать что можно будет прикреплять, нажав «подробнее». Убрать ненужные пункты можно путем снятия с них галочки.

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

После настройки виджета, его нужно добавить на сайт. Здесь тоже ничего сложного нет. В окне «Код для вставки» можно увидеть код, разделенный на три абзаца. Первые два нужно вставить в коде главной страницы вашего сайта в теге «head». Третий абзац необходимо вставить в «тело» страницы - в теге «body», а именно там, где должен будет отображаться виджет.

Теперь на вашем сайте/блоге можно оставлять комментарии через ВКонтакте. Осталось разобраться, как управлять комментариями. Для этого зайдите через свой аккаунт ВКонтакте (через тот, с которого добавляли виджет) на страницу сайта с виджетом комментариев. На самом виджете будет кнопка «администрировать». Нажав на нее, вы попадете в небольшую админ-панель, через которую сможете удалять ненужные комментарии, заносить пользователей в черный список или назначать кроме себя еще администраторов.

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