Создание сайта на WordPress — что может быть проще!
Делаем комментарии вконтакте на сайт в 2 шага
Рубрика: Создание сайта WordPress

Делаем комментарии вконтакте на сайт в 2 шага

15 комментариев   

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

Статьи по теме:

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

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

Делаем комментарии вконтакте на сайт

Весь процесс установки комментариев вконтакте не занимает много времени и делится всего на два шага. Шаг №1 получаем и копируем требуемый код и шаг №2 вставляем этот код на наш сайт в нужные места! Давайте вместе сделаем это, следуя инструкции ниже...

Шаг №1 — Получение кода виджета комментирования

Итак, заходим в свой аккаунт социальной сети, и с левой стороны выбираем «Настройки». Далее, мы просто спускаемся в самый низ страницы и находим вкладку «Разработчикам».

виджет вконтакте на сайт

Появилось вот такое вот окно:

комментарии вконтакте на сайт

Кликаем на иконку «Подключение сайтов и виджеты», далее перед нами появится такая страница:

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

Переходим по ссылки, которую я выделил на скрине и попадаем сюда:

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

подключение сайта API Вконтакте

В соответствующих полях вводим инофрмацию:

  • Сайт/Приложение – указываем «Подключить новый сайт»;
  • Название сайта – тут, думаю Вам ясно, например – блог Владимира Савельева;
  • Далее введите адрес Вашего сайта;
  • Основной домен: — пропишется автоматически, на основе верхнего пункта;
  • Тематика сайта – указывать необязательно, но можете выбрать подходящую Вам рубрику.

Нажимаем кнопочку «Сохранить» и теперь нужно выбрать параметры формы и забрать код (скопировать)...

  • Количество комментариев. Данный пункт указывает нам, сколько опубликованных комментариев будут показываться непосредственно на сайте/блоге.
  • После этого включаем медиа (расширенные) комментарии – ставим соответствующую галочку. Это значит, что при комментировании пользователь может добавить медиафайлы (фотографию, видео, ссылки)... Если данное поле Вы не включите, то этого сделать будет нельзя.
  • Ширину формы комментариев указываем в «px», тут у каждого свои параметры, главное чтобы не вылазила за границы Вашей статьи. В будущем, изменить этот параметр можно в полученном коде.

Шаг №2 — Установка кода на сайт

Ниже после всех настроек виджета VK, представлен Вашему вниманию код. Как с ним работать и куда его вставлять? Об этом и пойдет речь...

На той странице сайта, куда необходимо разместить форму виджета от ВК и вставляем полученный код:

Установка виджета VK на сайт

  1. Между такими тэгами, как <head> и </head> вставить верхний код, который в рамке.
  2. Далее. Оставшийся нижний код, который представлен на картинке выше, необходимо вставить в то место, где собственно Вы планируете расположить комментарии Вконтакте на сайте. Если хотите в статьях как у меня, то добавьте его в файл «single.php»

Внимание!!! На скрине пример моего кода... У Вас должен быть свой, который Вы получили на 1 шаге!

Ну вот и все. комментарии вконтакте на сайт установлены. Поздравляю Вас! Вот как получилось у меня:

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

Преимущества виджета Vkontakte API

Ответьте честно – Зачем? Зачем нужно устанавливать комментарии Вконтакте на своем сайте? Ответ простой:

  1. Пользователю удобно. Пользователь постоянно «сидит» в «своей» социальной сети. Ему интерфейс до боли знаком. Не надо ни регистрироваться, ни вводить всякие там капчи. Взял написал и опубликовал. Удобно!
  2. Продвижение сайта/блога. Пользователь, написав комментарий, сам того не подозревая публикует свой комментарий на своей странице, в своем аккаунте социальной сети. Таким образом, его друзья смогут увидеть его комментарий. Если в комментариях задается дискуссия – то будьте уверены – переход на Ваш сайт обеспечен.
  3. Удобно администрировать комментарии. Вы легко сможете избавиться от надоевшего спамера, нужно лишь поместить автора комментария – в черный список и заблокировать ему доступ.

Заключение

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

А как Вы думаете уважаемый гость – какой модуль для комментариев удобнее использовать? Сторонние сервисы и плагины (типа Disqus, Cackle), обычные стандартные комментарии Вордпресс или форма от Вконтакте? Пишите свои мысли в комментариях.


Савельев Владимир Александрович
С уважением, Владимир Савельев
Премиум курсы от webformyself

Премиум-уроки от клуба webformyself

Это новый революционный продукт в области обучения сайтостроительству! Все лучшие видео-уроки собраны в одном месте и разделены на категории: WordPress, Joomla, PHP, HTML, CSS и JavaScript... База постоянно пополняется и уже сейчас в ней более 200 уроков! Всего за один год - Вы сможете стать опытным веб-мастером "с полного нуля"!
Подробнее

Прочтите еще:
Обсуждение статьи: 15 комментариев
  1. Александр 2016-05-12 в 21:23 

    Владимир, привет! Отличная статья получилась. Я себе тоже поставил такую же форму. По поводу размера могу добавить, что лучше всего будет если просто прописать «auto», тогда размер будет автоматически подбираться. ;-)

    Ответить
    • Владимир Савельев 2016-05-12 в 21:32 

      Привет Сашка! Да посмотрел и вправду поставил :x Можно и такой параметр указать точно! Теперь будем ждать людей из вконтакте для комментов :razz:

      Ответить
  2. Родион 2016-05-14 в 18:23 

    Самое интересное, то что можно подгонять под свой размер

    Ответить
  3. Алексей 2016-05-18 в 22:56 

    Привет, Володя!

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

    Cacle платный, Disqus ещё не рассмотрел, читал про плагин Hyper Comments, но что-то тоже не понравилось, не помню уже что.

    Словом, думаю.

    Ответить
    • Владимир Савельев 2016-05-19 в 08:44 

      Алексей привет! У тебя отличный блог и стандартная форма комментов удобна... А почему ты хочешь заменить на сторонний модуль? Просто любопытно причину узнать :razz:

      Ответить
      • Алексей 2016-05-19 в 09:42 

        Как ты верно подметил в статье — это удобно пользователю. А когда удобно, то легко! Верно? ;-)

    • Дмитрий 2016-05-22 в 09:25 

      Я к дискусу присматриваюсь... Он не плохо для раскрутки помогает блога.

      Ответить
      • Алексей 2016-05-23 в 08:54 

        Привет, Дима!

        А как именно Дискус помогает для раскрутки блога?

        Я вот тут думаю, может просто установить два модуля от ВК и ФБ и не париться. Хотя понимаю, что вариант не универсальный.

      • Дмитрий 2016-05-29 в 06:11 

        Привет Алексей.

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

        Приведу пример.

        Вот Вы заинтересовались моим комментарием на блоге допустим у Текстерры или другой какой-нибудь компании. Вы перешли на мой профиль в Дискус. Там есть комментарии не только блога Текстерры, но еще, допустим, комментарии моего собственного блога или блога Владимира. Вы нажимаете на комментарий блога Владимира — и попадаете на его сайт на страницу статьи с моим комментарием.

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

        Как то так.

  4. Танюшка 2016-05-20 в 21:42 

    У многих видела такие комментарии, но как-то не думала, чтобы себе поставить.

    Скорее всего этот вариант подходит сайтам, хорошо раскрученным в ВК, да?

    Или это просто упрощает пользователям саму процедуру, в том смысле, что не надо вводить данные?

    Ответить
    • Владимир Савельев 2016-05-20 в 22:37 

      Привет Татьяна! Скорее всего ближе второй вариант... ;-)

      Ответить
  5. Сергей 2016-05-30 в 20:55 

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

    Ответить
  6. Вероника 2016-06-09 в 10:28 

    Здравствуйте, Владимир!

    Как получить код формы комментов, все ясно!

    Но вот как вставить этот код на сайт я так и не поняла!

    Где искать теги ?

    Файл single.php в Редакторе нашла.

    Как его отредактировать?

    Ответить
  7. Вероника 2016-06-09 в 10:49 

    Нашла в Редакторе файл (header.php) с нужным тегом (/head).

    Вставила перед ним первую часть кода виджета.

    Теперь оставшуюся часть кода просто вставлять под всеми статьями? Так это замучаешься.Или я что-то не так поняла?

    А файлов (single) в моей теме 2: (content-single.php) и (single.php).

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

    Ответить
    • Владимир Савельев 2016-06-09 в 19:04 

      Привет Вероника! Вторую часть кода нужно вставить в шаблон отвечающий за вывод отдельной записи (статьи)... в любое удобное для Вас место! Виджет автоматически появиться на всех статьях =)

      Ответить

Добавить комментарий

Прочитать Соглашение и Правила блога

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?:

Приветствую Вас друзья!
Савельев Владимир АлександровичМеня зовут Владимир Савельев, я являюсь автором блога savme.ru! Моя миссия - научить Вас создавать сайты, блоги и зарабатывать на них также, как это делаю я! Уже через год ведения блога я вышел на пассивный доход в 30.000 руб в месяц и это не предел! Еще я частенько пишу о своей жизни и устраиваю конкурсы с крутыми призами! Подпишитесь на мои новости, чтобы не пропустить что-то важное!
Безлимитная графика и шаблоны
Envato WW