Содержание

зачем нужен и как установить

виджет комментариев вконтакте

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

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

виджет комментариев вконтакте

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

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

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

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

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

Трафик из ВК

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

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

Как работает виджет VK

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

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

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

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

Второе. Защита. Социальные сети все больше стараются бороться со спамерами и поэтому защищают своих пользователей всеми возможными способами.

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

Капча

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

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

Древовидные комментарии

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

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

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

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

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

Популярные сайты Рунета

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

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

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

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

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

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

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

Виджет ВК и настройка

Далее идет самая сложная часть, связанная с установкой кода на сайте.

код виджета

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

Установка кода для формы

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

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

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

Установка кода ВК виджета

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

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

Работа с черным списком

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

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

Редактирование комментариев

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

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

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

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

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

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

Один клик мышки и автор больше не сможет спамить на вашем сайте. Не понимаю, почему я ее раньше не видел. :) 🙂

Работа с черным списком

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

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

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

Мой телефон Нокиа Люмия 920

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

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

Комментарии ВКонтакте на сайт

Вы здесь: Главная — JavaScript — JavaScript Основы — Комментарии ВКонтакте на сайт

Комментарии ВКонтакте на сайт

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

Для начала переходите по ссылке (не забудьте авторизоваться): http://vk.com/developers.php?o=-1&p=Comments.

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

Далее указываете количество комментариев на одной странице, выбираете «медиа-расширения«, указываете ширину комментариев.

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

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

  • Комментарии ВКонтакте на сайт Создано 27.05.2013 08:26:48
  • Комментарии ВКонтакте на сайт Михаил Русаков
Предыдущая статья Следующая статья

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

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

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:
    <a href=»https://myrusakov.ru» target=»_blank»><img src=»https://myrusakov.ru/images/button.gif» alt=»Как создать свой сайт» /></a>

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:
    <a href=»https://myrusakov.ru» target=»_blank»>Как создать свой сайт</a>

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):
    [URL=»https://myrusakov.ru»]Как создать свой сайт[/URL]

Добавляем виджет комментариев ВКонтакте | Impuls-Web.ru

Добрый день, дорогие посетители!

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

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

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

Навигация по статье:

Обучение фотошоп

Генерируем виджет ВКонтакте

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

  1. 1.Авторизуемся под своим аккаунтом в VK и переходим по этой ссылке (https://vk.com/dev). На главной странице VK Developers нам нужно кликнуть по пункту главного меню «Мои приложения». Нам, в первую очередь нужно получить API IP для нашего виджета. Без него виджет ВКонтакте работать не будет. Для этого создадим приложение под названием «Виджет комментариев».
  2. главная страница VK Developers
  3. 2.На странице создания приложения заполняем следующие поля и нажимаем на кнопку «Подключить сайт».
  4. создаем приложение VK
  5. 3.Нам нужно будет подтвердить свои действия, получив проверочный код. получаем код проверки

    После чего, ввести его в соответствующее поле.

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

    Обратите внимание на табличку с предупреждением. Нас предупреждают о том, что скоро для работы нашего сайта c API ВКонтакте нам нужно будет подключить протокол HTTPS для нашего сайта.

  7. 5.Далее, переходим в пункт меню «Настройки». Где находятся нужные нам ID приложения и защищенный ключ. Копируем их в текстовый документ у себя на компьютере. Больше ничего здесь менять не нужно.
  8. получаем ID API
  9. 6.Далее, переходим в пункт основного меню «Продукты».
  10. переходим в продукты
  11. 7.На открывшейся странице переходим в пункт меню «Виджеты для сайта» или кликаем по соответствующему разделу на самой странице.
  12. выбираем виджет для сайта
  13. 8.В данном разделе содержится большое количество виджетов ВКонтакте, предназначенных ля выполнения определенных функций. Нам в данный момент нужен виджет «Комментарии». Выбираем этот раздел.
  14. виджет комментариев
  15. 9.На странице настройки виджета комментариев мы, в первую очередь, можем ознакомиться с возможностями и преимуществами использования данного виджета ВКонтакте, кликнув по спойлеру.
  16. информация о виджете
  17. 10.Приступаем к настройке виджета комментариев ВКонтакте. настройки виджета

    Вам нужно задать:

    1. 1.Количество комментариев, которое будет отображаться в виджете ВКонтакте.
    2. 2.Включить или отключить поддержку медиа. Эта опция отвечает за возможность пользователей вставлять в комментарии медиа файлы. Если кликнуть по ссылке подробнее, то откроется список медиа элементов, которые можно включить или отключить по отдельности.
    3. поддержка медиафайлов
    4. 3.Указываем ширину виджета комментариев ВКонтакте в зависимости от ширины места на странице, где мы хотим его разместить.
    5. 4.В окошке «Код для вставки» находятся два фрагмента кода, сгенерированные для нас. код виджета

      Обратите внимание на выделение, которое я указала на картинке. Здесь должен стоять, полученный ранее, ваш API ID. Проверьте!

    6. 5.Если у вас есть какие-то специфические требования, вы можете перейти по ссылочке «Перейти к подробной документации виджета». Здесь вы сможете найти дополнительные инструкции по вставке и настройке виджета ВКонтакте.
    7. дополнительная информация по подключению

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

Приступаем к вставке кода нашего виджета ВКонтакте на страницы сайта. Я покажу вставку на примере моего сайта, сделанного на WordPress.

  1. 1.При помощи текстового редактора Notepad++, подключаемся к нашему сайту и открываем файл header.php. Так же, это можно сделать через админку WordPress, зайдя в раздел главного меню «Внешний вид» => «Редактор».
  2. 2.В коде файла находим закрывающийся тег </header> и перед ним вставляем первый фрагмент полученного кода.
  3. скрипт виджета
  4. 3.Сохраняем файл.
  5. 4.Далее, открываем файл single.php и вот здесь вам придётся поэкспериментировать где вставить второй фрагмент кода. Пролистываем в самый конец файла и, методом проб, вставляем код перед закрывающимися тегами </div>, и подбираем наиболее удобное расположение виджета.
  6. код виджета

У меня получилось вот так:

готовый виджет

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

Так же, если вы не угадали с шириной виджета, не нужно генерировать код заново. Можно задать параметры виджета в самом коде:

параметры виджета в коде

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

Как научиться продвигать сайты?

Сделать и подключить виджет соцсети занимает не так уж и много времени. Зато в результате вы получаете значительный плюс к продвижению вашего сайта.

А на сегодня у меня все. Оставляйте комментарии, подписывайтесь на мою рассылку и мой канал на YouTube. До встречи в следующих статьях.

С уважением Юлия Гусарь

Как установить комментарии Вконтакте на сайт + Скринкаст!