Как на сайт добавить комментарии вк – Виджет комментариев вконтакте для вашего сайта и хранение количества комментариев на сервере / Habr

Содержание

Как добавить комментарии Вконтакте на свой сайт

Как добавить комментарии вконтакте на сайт миниатюраВконтакте — самая популярная на сегодня социальная сеть на территории СНГ. Миллионы пользователей этой социальной сети остаются «залогиненными» в их аккаунты посещая другие интернет-сайты.

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

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

Как же добавить форму Вконтакте на сайт?  Инструкция довольно простая.

1. Откройте раздел для разработчиков

Зайдите в свой аккаунт Вконтакте и найдите там раздел для разработчиков, в нем нам понадобится создать приложение для своего сайта.  Ссылка на этот раздел находится в «футере» (самом низу) любой страницы вконтакте, или просто перейдите по этой ссылке: http://vk.com/dev

Раздел для разработчиков Вконтакте

2. Создайте приложение для сайта

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

Создание приложения сайта Вконтакте

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

Настройки приложения сайта Вконтакте

Далее вам необходимо будет подтвердить создание приложения стандартным способом — при помощи смс на привязанный номер телефона.

Подтверждение создания приложения Вконтакте

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

3. Настройте форму комментариев Вконтакте

Следующим пунктом вам нужно получить и настроить код формы комментариев для того, что бы вставить его на свой сайт или блог. Для этого перейдите на страницу https://vk.com/dev/Comments, в графе «Сайт/приложение» выберите ваш свежесозданный сайт и выберите количество отображаемых комментариев.

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

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

Настройка формы комментариев Вконтакте

4. Добавьте готовый код на сайт

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

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

Код формы комментариев Вконтакте

Для примера, на сайтах под управлением CMS WordPress для редактирования шаблона нужно зайти в админ-панель, и во вкладке «Внешний вид» выбрать нижний пункт «Редактор». Первую часть кода нужно вставлять в header.php, так как теги <head> обычно находятся там, а вторую можно вставить в comments.php, то есть туда же, где выводятся и обычные комментарии wordpress, до или после них.

5. Проверка и модерация

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

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

После этой непростой работы можно немного и развлечься. Сделать это можно, например, заценив веселые фотожабы и фотоприколы на fotojaba.com. Там есть веселые картинки на все случаи жизни: фотожабы на звезд, на президента и т.д.

© OchProsto.com

Как вставить комментарии ВКонтакте на сайт и администрировать их – 1st-Finstep.ru

18.06.2018

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

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

Как вставить комментарии ВКонтакте на сайт и модерировать их

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

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

1. Входим в аккаунт

Внизу страницы находим ссылку «Разработчикам», кликаем на нее.

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

2. Выбираем «Публикация ссылок»

Публикация ссылок ВК на сайте

3. Выбираем «Виджеты для сайтов» – «Комментарии»

Добавление виджета комментариев ВКонтакте на сайте

4. Настраиваем форму комментариев Вконтакте

Настройка формы комментариев ВКонтакте для сайта

Рассмотрим пункты:

  1. Название сайта. Вписываем название сайта
  2. Адрес сайта. Здесь пишем адрес проекта
  3. Тематика сайта. Выбираем, какую тему освещаете на страницах
  4. Количество комментариев. Выставляете необходимое количество. Это число комментов будет отображаться в форме
  5. Медиа. Нажимаем кнопку «подробнее» и открывается список. В нем вы разрешаете, какой тип контента можно размещать пользователям в комментариях. Например. Если выбрать тип «Ссылки», то посетители смогут вставлять ссылки в свои комментарии, если убрать «галочку», то нет. Также поступаете и с другими типами
  6. Ширина. Устанавливает ширину окна формы. 100% – на всю ширину страницы
  7. Область с кодом. Его нужно вставить в код сайта или страницы. Принцип такой же, как и с кнопками: верхнюю часть вставляем в тэг <head>…</head>, нижнюю – там, где хотите поместить форму комментариев ВКонтакте

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

поможет расшарить контент сайта.

5. Нажимаем кнопку «Сохранить»

Только после этого можно переходить в HTML сайта и вставлять полученный код.

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

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

Как добавить комментарии Вконтакте на сайт

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

В этой статье я разберу две возможности добавить комментарии ВК для сайта: вставка кода формы комментариев в шаблон сайта и с помощью плагина для WordPress – Vkontakte API.

Содержание:

Как добавить комментарии в Вконтакте через виджет

Для начала идем на свою страничку Вконтакте и проматываем ее до самого низа. Далее в нижнем меню выбираем пункт «Разработчикам».

Комментарии вк для сайта

В открывшемся окне выбираем «Подключение сайтов и виджеты».

Как включить комментарии Вконтакте

В секции «Виджеты для сайтов» нажимаем на «Комментарии».

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

В следующем окне заполняем поля с информацией о сайте и настраиваем виджет под свой сайт. Потом жмем кнопочку «Сохранить».

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

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

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

Тег Head выводится файлом header.php нашего шаблона. Поэтому идем в редактор шаблона и вставляем первую часть кода в данный файл перед закрывающим тегом </head>.

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

Далее идем в файл single.php. Ищем место в коде, где бы вы хотели, чтобы выводились комментарии Вконтакте и вставляем вторую часть кода.

Как включить комментарии Вконтакте

После этого на сайте должна появится форма.

Виджет ВК для комментариев

Управлять комментариями можно через вкладку «администрирование».

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

Для справки

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

Комментарии через Вконтакте

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

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

Устанавливаем плагин Vkontakte API через административную панель сайта. После чего в админке сайта появится пункт «Social API», идем в настройки комментариев.

Плагин комментариев через Вконтакте

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

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

Заполняем поля формы и жмем кнопку «Подключить сайт».

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

Переходим в «Настройки» и копируем ID приложения и защищенный ключ в настройки плагина. Не забываем поставить галочку напротив «Активировать».

Установить комментарии вконтакте на сайт Включить комментарии Вконтакте

Делаем необходимые настройки и жмем кнопку «Сохранить изменения».

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

На вкладке «Основное» можно настроить, где выводить комментарии Вконтакте – после или до комментариев самого WordPress.

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

Думаю, у вас не осталось вопросов как добавить комментарии ВК на сайт. Если да, то задавайте их в комментариях под этим постом. С удовольствием отвечу на все. Всем удачи и до скорой встречи!

С уважением, Евгений Кузьменко.

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

Недавно я задумался о том, что нужно поставить комментарии В Контакте на свои сайты. Почему? Это увеличило бы комментируемость, особенно на таких блогах, как ZonaHelp.ru, т. е. на сайтах где тематика далека от тематики интернета. Да и посещаемость, как я думаю, увеличится из-за того, что при оставлении комментариев стоит галочка “Отобразить на моей странице”, мало кто убирает ее.

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

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

  1. Идем на страницу виджет комментариев.
  2. Если Вы уже ставили себе на блог кнопку “Мне нравится” от В Контакте, то в “Сайт/приложение” выбираете свой сайт, если же у Вас там нет еще Вашего сайта, просто выбираете пункт “Подключить новый сайт”:
    Комментарии В КонтактеКомментарии В Контакте
  3. Там же выбираете количество отображаемых комментариев, ширину и т.п. Я все оставил по умолчанию, так как потом их довольно легко изменить в коде (вместо 496px припишете свое значение и т.п.).
  4. Далее копируете свой верхний код, вот этот:
    kommentarii_vkontaktekommentarii_vkontakte
  5. Открываете файл темы header.php, вставляете скопированный код между тегами <head> и </head> в любом месте.
  6. Затем копируете вторую часть кода:
    Комментарии В Контакте на сайтКомментарии В Контакте на сайт
  7. Открываете файл single.php и вставляете скопированный код перед выводом комментариев блога (думаю, это самое удачное место), т.е. перед функцией comments_template:
    Комментарии Вконтакте на сайтКомментарии Вконтакте на сайт
  8. Вот и все, вот результат:
    Поставить комментарии В КонтактеПоставить комментарии В Контакте
  9. Единственное, что я изменил, это “подогнал” ширину комментариев В Контакте, просто изменил “одну циферку”, которую мы вставили в single.php:
    Поставить комментарии В КонтактеПоставить комментарии В Контакте

На сегодня урок закончен, до скорых встреч, друзья!

Подпишитесь на бесплатные уроки

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

Поставить комментарии В КонтактеПоставить комментарии В КонтактеНабираю свою команду для работы в интернете Поставить комментарии В КонтактеПоставить комментарии В КонтактеУрок 143 Как избавиться от мусора в почтовом ящике

Как добавить комментарии вконтакте для сайта

комментарии вконтакте для сайтаВсем доброго утра. Как вы уже знаете, отзывы и комментарии реальных людей на landing page — это очень сильный триггер, который сильно влияет на конверсию сайта. Он позволяет клиенту понять, что с вами безопасно работать, вы не «кинете» и качественно выполните свою работу. Кроме того, человеку важно знать, что с вами уже работали другие люди и они довольны результатом.

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

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

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

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

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

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

Установить форму комментариев вконтакте довольно просто,  достаточно перейти на страничку и заполнить несколько полей:

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

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

Обратите внимание, что там две части. Одну нужно поместить между тегами <head></head>, а другую в место, где планируете выводить комментарии.

На этом — все! Теперь у вас не должно остаться вопросов о том, как подключить комментарии вконтакте на сайт. Всем пока!

Комментарии ВКонтакте для сайта | WordPress Mania

(Последнее обновление: 02.07.2016)

vkontaktevkontakteЗдравствуйте, дорогие читатели! Друзья, сегодня я покажу вам, как установить (подключить) комментарии ВКонтакте на сайт или блог ВордПресс. Cоциальная сеть VKontakte самый посещаемый ресурс русскоязычного сегмента сети интернет. Каждый день на сайт заходят более 59 миллионов человек. А  аудитория сайта свыше 130 миллионов пользователей. Каждый комментарий, оставленный через виджет комментариев ВКонтакте на сайте WordPress, может автоматически транслироваться на страницу прокомментировавшего, а также попадает в новости для его друзей. Такой комментарий всегда содержит ссылку на исходную статью. В результате о комментарии и существовании статьи узнают друзья комментатора, которые смогут присоединиться к дискуссии. Об их комментариях в свою очередь будут оповещены уже их друзья – и так далее. Дальше информация может распространяться лавинообразно. А это уже называется вирусность

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

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

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

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

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

Зайдите на свою страничку социальной сети, прокрутите страницу вниз и нажмите ссылку «разработчикам». Затем кликните «Авторизация и виджеты для сайтов»:

Avtorizacija-i-vidzhetyAvtorizacija-i-vidzhety

Авторизация и виджеты для сайтов

Выберите из списка пункт «Комментарии»:

sajty-i-vidzhetysajty-i-vidzhety

Выберите из списка пункт «Комментарии»

Следующий шаг, это настройка комментариев ВКонтакте. Заполните представленную форму:

vidzhet-kommentariev-vkontaktevidzhet-kommentariev-vkontakte
Не забудьте нажать кнопку «Сохранить». Теперь у нас имеется код комментариев состоящий из двух скриптов. Первый код вставляем чуть ниже тега <head> или выше </head> в файле  «Заголовок» (header.php) вашей темы:

kod-kommentariev-vkontaktekod-kommentariev-vkontakte

Скрипт комментариев в файле header

Обновите файл. Второй скрипт нам нужно вставить в файл «Комментарии» (comments.php), в том месте где Вы хотите, чтобы отображалась форма комментариев ВКонтакте. В моем примере, вставил после заголовка:

skriptskript

Вставка скрипта комментариев в блог

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

vidzhet-kommentariev-vkontaktevidzhet-kommentariev-vkontakte

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

Как скрыть комментарии ВКонтакте со спамом (удалить)

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

commentcomment

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

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


Поделиться в социальных сетях

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