Делаем комментарии вконтакте на сайт в 2 шага
Приветствую Вас на страницах своего блога! Сегодня решил написать статью для новичков, которые не знают, как можно установить комментарии вконтакте на сайт. При этом не важно какую CMS Вы используете. Это может быть WordPress или Joomla, да не важно, инструкция для всех одинакова!
Статьи по теме:
- Как убрать комментарии на WordPress
- Как сделать смайлы в форме комментария
- Лучшая форма комментариев на WordPress
На днях, путешествия по интернету, я обратил внимание, что на многих ресурсах имеется форма для комментирования вконтакте. Вот я и подумал, может и мне поставить?! А заодно и статью написать!
Согласен, что на просторах русского Интернета, по этому вопросу предоставлено достаточно информации. Однако, на моем блоге ее нет и я решил исправить ситуацию, расскажу все обо всем в одной статье. Думаю, польза в этом будет.
Делаем комментарии вконтакте на сайт
Весь процесс установки комментариев вконтакте не занимает много времени и делится всего на два шага. Шаг №1 получаем и копируем требуемый код и шаг №2 вставляем этот код на наш сайт в нужные места! Давайте вместе сделаем это, следуя инструкции ниже.
включить комментирование записей в ВК
Шаг №1 — Получение кода виджета комментирования
Итак, заходим в свой аккаунт социальной сети, и с левой стороны выбираем «Настройки». Далее, мы просто спускаемся в самый низ страницы и находим вкладку «Разработчикам».
Появилось вот такое вот окно:
Кликаем на иконку «Подключение сайтов и виджеты», далее перед нами появится такая страница:
Переходим по ссылки, которую я выделил на скрине и попадаем сюда:
В соответствующих полях вводим инофрмацию:
- Сайт/Приложение – указываем «Подключить новый сайт»;
- Название сайта – тут, думаю Вам ясно, например – блог Владимира Савельева;
- Далее введите адрес Вашего сайта;
- Основной домен: — пропишется автоматически, на основе верхнего пункта;
- Тематика сайта – указывать необязательно, но можете выбрать подходящую Вам рубрику.
Нажимаем кнопочку «Сохранить» и теперь нужно выбрать параметры формы и забрать код (скопировать).
Настройки комментарий в ВКонтакте
- Количество комментариев. Данный пункт указывает нам, сколько опубликованных комментариев будут показываться непосредственно на сайте/блоге.
- После этого включаем медиа (расширенные) комментарии – ставим соответствующую галочку. Это значит, что при комментировании пользователь может добавить медиафайлы (фотографию, видео, ссылки). Если данное поле Вы не включите, то этого сделать будет нельзя.
- Ширину формы комментариев указываем в «px», тут у каждого свои параметры, главное чтобы не вылазила за границы Вашей статьи. В будущем, изменить этот параметр можно в полученном коде.
Шаг №2 — Установка кода на сайт
Ниже после всех настроек виджета VK, представлен Вашему вниманию код. Как с ним работать и куда его вставлять? Об этом и пойдет речь.
На той странице сайта, куда необходимо разместить форму виджета от ВК и вставляем полученный код:
- Между такими тэгами, как и вставить верхний код, который в рамке.
- Далее. Оставшийся нижний код, который представлен на картинке выше, необходимо вставить в то место, где собственно Вы планируете расположить комментарии Вконтакте на сайте. Если хотите в статьях как у меня, то добавьте его в файл «single.php»
Внимание. На скрине пример моего кода. У Вас должен быть свой, который Вы получили на 1 шаге!
Ну вот и все. комментарии вконтакте на сайт установлены. Поздравляю Вас! Вот как получилось у меня:
Преимущества виджета Vkontakte API
Ответьте честно – Зачем? Зачем нужно устанавливать комментарии Вконтакте на своем сайте? Ответ простой:
- Пользователю удобно. Пользователь постоянно «сидит» в «своей» социальной сети. Ему интерфейс до боли знаком. Не надо ни регистрироваться, ни вводить всякие там капчи. Взял написал и опубликовал. Удобно!
- Продвижение сайта/блога. Пользователь, написав комментарий, сам того не подозревая публикует свой комментарий на своей странице, в своем аккаунте социальной сети. Таким образом, его друзья смогут увидеть его комментарий. Если в комментариях задается дискуссия – то будьте уверены – переход на Ваш сайт обеспечен.
- Удобно администрировать комментарии. Вы легко сможете избавиться от надоевшего спамера, нужно лишь поместить автора комментария – в черный список и заблокировать ему доступ.
Надеюсь моя статья Вам очень помогла и Вы без проблем сделали комментарии вконтакте на сайт. Если что-то не получается спрашивайте — отвечу!
А как Вы думаете уважаемый гость – какой модуль для комментариев удобнее использовать? Сторонние сервисы и плагины (типа Disqus, Cackle), обычные стандартные комментарии Вордпресс или форма от Вконтакте? Пишите свои мысли в комментариях.
С уважением, Владимир Савельев
Премиум-уроки от клуба webformyself
Это новый революционный продукт в области обучения сайтостроительству! Все лучшие видео-уроки собраны в одном месте и разделены на категории: WordPress, Joomla, PHP, HTML, CSS и JavaScript. База постоянно пополняется и уже сейчас в ней более 200 уроков! Всего за один год — Вы сможете стать опытным веб-мастером «с полного нуля»!
Прочтите еще:
Вордпресс. Как обновить WordPress вручную или автоматически?
Плагин WP Super Cache для ускорения WordPress
Самые важные плагины wordpress для блога!
Как вставить Яндекс карту на сайт wordpress
Обсуждение статьи: 15 комментариев
Александр 2016-05-12 в 21:23
Владимир, привет! Отличная статья получилась. Я себе тоже поставил такую же форму. По поводу размера могу добавить, что лучше всего будет если просто прописать «auto», тогда размер будет автоматически подбираться. Ответить
Владимир Савельев 2016-05-12 в 21:32
Привет Сашка! Да посмотрел и вправду поставил Можно и такой параметр указать точно! Теперь будем ждать людей из вконтакте для комментов Ответить
Родион 2016-05-14 в 18:23
Самое интересное, то что можно подгонять под свой размер Ответить
Алексей 2016-05-18 в 22:56
Привет, Володя! Сам недавно стал задумываться о добавлении стороннего модуля для комментариев, но так и не решил пока ничего. Cacle платный, Disqus ещё не рассмотрел, читал про плагин Hyper Comments, но что-то тоже не понравилось, не помню уже что. Словом, думаю. Ответить
Владимир Савельев 2016-05-19 в 08:44
Алексей привет! У тебя отличный блог и стандартная форма комментов удобна. А почему ты хочешь заменить на сторонний модуль? Просто любопытно причину узнать Ответить
Алексей 2016-05-19 в 09:42
Как ты верно подметил в статье — это удобно пользователю. А когда удобно, то легко! Верно?
Дмитрий 2016-05-22 в 09:25
Я к дискусу присматриваюсь.
Он не плохо для раскрутки помогает блога. Ответить
Алексей 2016-05-23 в 08:54
Привет, Дима! А как именно Дискус помогает для раскрутки блога? Я вот тут думаю, может просто установить два модуля от ВК и ФБ и не париться. Хотя понимаю, что вариант не универсальный.
Дмитрий 2016-05-29 в 06:11
Привет Алексей. В дискусе создается аккаунт. Пользователь пишет у Вас на сайте. Допустим, меня заинтересовал на этом сайте комментарий пользователя. Я перехожу в его аккаунт и вижу там все данные пользователя. А также все его комментарии на других площадках.
Приведу пример. Вот Вы заинтересовались моим комментарием на блоге допустим у Текстерры или другой какой-нибудь компании. Вы перешли на мой профиль в Дискус. Там есть комментарии не только блога Текстерры, но еще, допустим, комментарии моего собственного блога или блога Владимира.
Вы нажимаете на комментарий блога Владимира — и попадаете на его сайт на страницу статьи с моим комментарием. Таким образом, Дискус помог привлечь Вас как пользователя для сайта Владимира. Получается, что дискус — это площадка, своеобразное сообщество. Сайты, которые взаимосвязаны, друг друга дополняют контентом.
Особенно хорош дискус, когда Вы пишите статьи или комментарии, не укладывающие в голове пользователей. Когда Вы создаете ажиатаж. Один блог пишет всеобщую точку зрения, а Вы приводите комментарий отличающий от этого мнения прямой противоположностью. Как то так.
Танюшка 2016-05-20 в 21:42
У многих видела такие комментарии, но как-то не думала, чтобы себе поставить. Скорее всего этот вариант подходит сайтам, хорошо раскрученным в ВК, да? Или это просто упрощает пользователям саму процедуру, в том смысле, что не надо вводить данные? Ответить
Источник: savme.ru
Устанавливаем комментарии вконтакте на ваш сайт!
Сегодня хочу рассказать Вам о том как установить комментарии вконтакте на сайте и показать статистику одного своего сайта.
Честно сказать я даже не думал что будет какой-то ощутимый результат от этого виджета. но об этом немного позднее.
И так начнем по порядку.
У меня есть сайт развлекательной тематики и проблема в том, что через стандартную форму комментариев, за месяц оставляли около 20 комментов.Что очень мало как мне кажется, особенно если учесть что на других сайтах схожей тематики в каждой публикации минимум по 5-10 комментов.
Проблема крылась в том, что у меня на сайте нужно было пройти регистрацию и авторизоваться на сайте, чтобы можно было написать коммент. Люди конечно регистрируются, но это все лишние телодвижения, которые мешают оставить свое мнение на сайте.
И тут на одном сайте СМИ тематики я увидел форму комментариев от вконтакте. Я прочитал на том сайте новость и легко отправил свой комментарий. И до меня дошло, что как все это просто и удобно .
Ведь почти у каждого из нас были такие ситуации, когда после прочтения новости, статьи или просмотра фильма хочется оставить свое мнение, но регистрироваться для этого как-то лень.
А вот аккаунт вконтакте есть у всех (за исключением некоторых особей которые игнорируют соц. сети ) и мы всегда там авторизованны.
Так почему же не поставить виджет комментариев вконтакте на свой сайт и облегчить ВАШИМ посетителем жизнь? Или хотя бы поставить на неделю, чтобы посмотреть какой от него будет толк? Тем более займет это все несколько минут вашего драгоценного времени.
И так давайте подробно разберемся что нужно для того чтобы установить комментарии вконтакте на ваш сайт.
Шаг №1. Настраиваем виджет комментариев вконтакт
Ничего страшного и сложного тут нет, для начала нам нужно зайти на специальную страницу с виджетом и настроить его под себя.
Перед вами будет такая форма:
Думаю с заполнением этой формы не должно возникнуть вопросов, а если же такие будут то можно задать вопрос в комментах, а обязательно отвечу на него.
Не забудьте нажать на кнопочку «сохранить» =)
Прошу обратить внимание на поле » Код для вставки «.
Шаг №2. Ставим комментарии вконтакте на сайт.
В предыдущем шаге я попросил Вас обратить внимание на поле «Код для вставки». Если вы знаете анг. язык и смогли прочитать и понять, что код сразу в комменты ставить нельзя. Ну или можно поставить, только он не будет работать.
И так у нас есть такой код:
Обратите внимание на жирный шрифт, которым я выделил нужные нам ДВА шага.
1. Открываем файл с шаблоном в котором находиться код .
Обычно в DLE это файл main.tpl.
В WP это header.php.
И в других движках или статических сайтах это файл index.
Когда мы нашли код head (всегда в самом вверху), между ним или перед закрывающим тегом ставим первый код.
Сохраняем этот файл и заливаем на хостинг.
2. Второй код ставим вместо или выше ваших комментов.
Должна появиться такая форма (сделала моя любимая жена):
Вот и все с установкой мы закончили, с чем я вас и поздравляю.
Шаг №3. Управление комментариями.
Одному отслеживать комментарии тяжело, особенно если их очень много. Для этого вверху формы комментариев есть ссылочка » администрирование «
Нажмите на неё и вы сможете сами удалить не нужные вам комменты или добавить спамера в черный список.
А так же сможете назначить администраторов, которые будут помогать чистить комментарии от матов, флуда или спама.
Шаг №4. Трафик.
Помимо того, что люди теперь станут активнее оставлять комменты, вы с этого ещё будите получать дополнительный трафик с вконтакте.
Я не скажу что к Вам будут заходить теперь тысячи, но все таки к этой планки можно дойти
Возможно у Вас возник вопрос, от куда же он будет идти? А все очень просто, при отправке комментария есть такое поле «отобразить на Вашей странице» и там стоит галочка по умолчанию.
Т.е. если пользователь зашел и отправил комментарий, а галочку не снял, то его коммент публикуется не только у вас на сайте, но и у него на стене. А с его стены переходят на сайт его друзья.
По комментам которые пользователи оставили у меня на сайте, я могу сказать что галочку эту практически никогда не убирают и комменты публикуются у них на стене.
Думаю хватит слов, теперь нужны цифры!!
Срин опубликован 24.09
Что же тут можно понять?
За август на сайт через вконтакте зашло 40 человек, а за сентябрь 82 человека! (хотя месяц ещё не закончился). Я согласен с Вами что это не много, но все таки я на это потратил всего пару минут и теперь с каждым месяцем трафик с вконтакте растет без моего участия.
Я не буду говорить что на вашем сайте будут такие же результаты, так как многое зависит от тематики и самой аудитории сайта. Возможно у Вас будет все даже лучше или немного хуже, но в любом случаи мы убиваем двух зайцев. Так как делаем форму комментариев удобной и тем самым получаем больше комментариев, да ещё в добавок получаем с ВК трафик.
Руководители сообщества, а также обычные пользователи могут выключить комменты к определённой записи через полную версию сайта (с компьютера), официальное мобильное приложение для iOS и Android или мобильную версию Вконтакте.
Как отключить комментарии к отдельной записи в ВК
Всё очень просто: перед публикацией записи наведите курсор мыши на шестерёнку (возле кнопки «Отправить» ) и поставьте галочку «Выключить комментарии» .
- Тогда никто не сможет прокомментировать данную запись (даже админы сообщества);
- Раскрутить группу в ВК за счёт этого станет легче;
Если хотите отключить комменты к опубликованной ранее записи, то наводим курсор мыши на троеточие (справа сверху) и выключаем комментарии .
- Включить/выключить комментарии к записи можно в любой момент ;
- Также можно полностью отключить комментарии в группе ВК;
Когда может понадобиться отключение комментариев? Например, можно выключить комменты у рекламной записи, так как подписчики часто жалуются (но, если пост опубликован с маркет-платформы, то отключить комментарии не получится). Или, если публикуемый пост может вызвать бурную реакцию среди пользователей.
Что касается мобильного приложения, то там та же схема. Просто нужно дождаться новой версии. Наверняка функция уже доступна.
p, blockquote 13,0,0,0,0 —>
Если возникли трудности, посмотрите простой видеоурок .
Источник: online-vkontakte.ru
Добавляем комментарии Вконтакте на сайт
Всем привет! Эта статья предназначена для тех, кто хочет добавить комментарии Вконтакте на сайт. Данная возможность также поможет сайту или блогу в продвижении. Если посетитель прокомментирует статью через социальную сеть, ссылка на ваш блог появится на его стене.
В этой статье я разберу две возможности добавить комментарии ВК для сайта: вставка кода формы комментариев в шаблон сайта и с помощью плагина для WordPress – Vkontakte API.
Как добавить комментарии в Вконтакте через виджет
Для начала идем на свою страничку Вконтакте и проматываем ее до самого низа. Далее в нижнем меню выбираем пункт «Разработчикам».
В открывшемся окне выбираем «Подключение сайтов и виджеты».
В секции «Виджеты для сайтов» нажимаем на «Комментарии».
В следующем окне заполняем поля с информацией о сайте и настраиваем виджет под свой сайт. Потом жмем кнопочку «Сохранить».
Теперь нужно скопировать код для вставки в буфер обмена. При этом этот код разбит на две части. Первую часть нужно вставить в тег Head, а вторую в код файла single.php вашего шаблона, где будет выводится форма для комментариев.
Тег Head выводится файлом header.php нашего шаблона. Поэтому идем в редактор шаблона и вставляем первую часть кода в данный файл перед закрывающим тегом .
Далее идем в файл single.php. Ищем место в коде, где бы вы хотели, чтобы выводились комментарии Вконтакте и вставляем вторую часть кода.
После этого на сайте должна появится форма.
Управлять комментариями можно через вкладку «администрирование».
Для справки
Комментарий, оставленный на странице попадет на стену только, если пользователь оставит кнопочку с эмблемой Вконтакте активной.
Как видим, виджет комментариев Вконтакте для сайта устанавливается немного дольше, чем через плагин, но зато не нужно загромождать плагинами движок WordPress.
Как установить комментарии Вконтакте на сайт через плагин
Устанавливаем плагин Vkontakte API через административную панель сайта. После чего в админке сайта появится пункт «Social API», идем в настройки комментариев.
Для начала нужно получить ID приложения и защищенный ключ. Для этого щелкаем по ссылке, где нужно зарегистрировать свой сайт.
Заполняем поля формы и жмем кнопку «Подключить сайт».
Переходим в «Настройки» и копируем ID приложения и защищенный ключ в настройки плагина. Не забываем поставить галочку напротив «Активировать».
Делаем необходимые настройки и жмем кнопку «Сохранить изменения».
На вкладке «Основное» можно настроить, где выводить комментарии Вконтакте – после или до комментариев самого WordPress.
Думаю, у вас не осталось вопросов как добавить комментарии ВК на сайт. Если да, то задавайте их в комментариях под этим постом. С удовольствием отвечу на все. Всем удачи и до скорой встречи!
С уважением, Евгений Кузьменко.
Не забывайте делиться статьей в социальных сетях! Спасибо!
Посмотрите также следующие статьи:
Readers Comments (9)
Почему-то нет у меня комментариев с плагином Social API (ex VKontakte API).
Сначала я считал из-за того, что установил плагин под ограниченными правами, но я его удалил и снова установил. А всё равно не работает: нет аватара и поля для ввода сообщения.
Для возможности ответа я сделал скриншоты настроек плагина: https://s.mail.ru/85YK/JCmQwnUPB, https://s.mail.ru/4hHU/XgKz6Bci8 .
Почему-то настройки Вконтакте не сохраняются, хотя я ввёл (по запросу) номер телефона (только не сразу: после разговора на 2 часа), то что я ввожу https://s.mail.ru/KMDP/JVyzCEubL и введено https://s.mail.ru/75oH/s54iEfNvW .
Не было комментариев, потому что не было добавок в header.php и в single.php Теперь всё есть!
Сделал, сейчас и от ВК и от ФБ идут комментарии то есть двое —
нехорошо. И всегда первыми ВК, независимо от наличия строки:
Social API-Comments Settings-Основное-Первыми показывать комментарии The Fasebook
Я считал, что будут только один комментарий из имеющихся, вдруг комментирующий в первой сети не зарегистрирован. Если так нельзя сделать придётся Fasebook отключить.
Раз нигде при установке плагина Social API (ex VKontakte API) не пишется что надо модули копировать в header.php и в single.php, и выводится комментарии от ВК и FB и в Отзывах вызываемых при попытки добавления плагина Social API (ex VKontakte API):
“Криво работает
rating
By G5life, March 20, 2015 for WP 4.1.1
… плагин действительно хороший, но незадача что фейсбук работает, а вк нет. И он странную форму принял, там как будто скрипты не работают в Хроме вряд ли это проблема браузера была. Пришлось снести с грустной физиономией и поставить отдельно ВК комментс…”
, я решил, что комментарий появился от ВК из виджета, но при дезактивации плагина Social API (ex VKontakte API) комментарии пропали – значит текущая версия плагина требует добавки в header.php и в single.php
Версия: 3.32.5.9 доступна 5.9.2016, жаль, что бывает, что комментирующий в первой сети не зарегистрирован, тогда надо только один комментарий из имеющихся выбирать автоматически, если в двух зарегистрирован, то брать первую, а вторую игнорировать.
Источник: ekuzmenko.ru