Wordpress комментарии вконтакте. Плагин ВКонтакте WordPress: виджет, коментарии и социльные кнопки VKontakte

Если вы пользуетесь 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: "*"});

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

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

Вывод

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

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


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

Как установить виджет сообщества Вконтакте?

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

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

Настройки виджета сообщества Вконтакте:

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

    Как вставить виджет группы Вконтакте WordPress

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

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

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

    Этот факт не останется без внимания его друзей, у которых возможно после посещения вашего сайта сложится противоположное мнение или совпадающее и пойдет диалог…

    Положительные факторы от добавления комментариев Вконтакте

    1. Существенное пополнение посетителей переходящих из социальной сети Вконтакте на ваш сайт. Заметно ощущается уже в течении первых месяцев после установки формы. А в чем причина? В этой форме установлена по умолчанию птичка на «Отобразить на Вашей странице»:

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

    2. Растет количество комментариев. Процесс комментирования через форму разработанную WordPress сложноват, такие комментарии должны пройти через процедуру модерации вручную, проще это осуществить через форму ввода комментариев Вконтакте (нет необходимости набирать ни имения ни почты), а комментарий появляется как говорится «в один клик, их становиться чем раньше. Количество желающих, чтобы вы добавили их в друзья. Выгоды от этого факта объяснять не надо.

    4. Возможность проработать комментарии на вкладке «администрирование», где можно кое что нежелательное просто ликвидировать

    Отрицательные факторы от добавления комментариев Вконтакте на WordPress

    1. Дополнительная нагрузка в связи с необходимостью лично проревизировать и ответить на комментарии вконтакте, а для этого надо регулярно заходить на конкретные статьи своего сайта или же делать это через администрирование. Любишь кататься люби и саночки возить. Ранее ответы осуществлялись из панели администратора WordPress.

    2. Вконтакте комменты не синхронизируются с базой данных на сайте. Все комменты – их собственность.

    Как добавить комментарии вконтакте в WordPress

    Добавить комментарии Вконтакте в WordPress можно используя виджет или плагин

    через виджет , пошагово:

    3-й шаг Для установки комментариев кликаем и переходим к коду виджета от Вконтакте.

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

    5-й шаг Код состоит из двух частей. Одну часть копируем и вставляем в файл header.php перед закрывающим тегом .

    6-й шаг Вторую часть кода копируем и вставляем в файл single.php перед

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

    Инструкция по добавлению комментариев Вконтакте в WordPress через плагин , пошагово:

    1-й шаг Заходим в админпанель на своем сайте в WordPress, выбираем в меню «Плагины» à «Добавить новый»à набираем vkontakte api «Поиск плагинов»Находим плагин и кликаем «Установить»

    2-й шаг После успешной установки выбираем «Активировать плагин»

    3-й шаг Переходим к настройкам плагина

    4-й шаг В связи с отсутствием у нас ID и защищенного ключа идем по ссылке

    5-й шаг В открывшемся окне создаем приложение, кликая «Перейти к загрузке
    приложения» предварительно введя его название и описание

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

    7-й шаг В открывшемся окне копируем ID и защищенный ключ и вставляем их в
    соответствующие поля в окне открытом на 6-м шаге. Возвращаемся в это окно и заполнив
    адрес сайта и базовый домен жмем на «Сохранить изменения»

    8-й шаг В настройках плагина ставим птичку на «Первыми показывать комментарии Vkontakte» , настраиваем кнопки и другие полезности и жмем «Сохранить настройки»

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

    Эх, давно что-то я не писал на тематики WordPress и Вконтакте. А тут решил написать инструкцию как установить виджет комментариев вконтакте для сайта на WordPress. Одним выстрелом убить двух зайцев, так сказать. Вообще у меня в блоге уже давненько стоит 2 формы комментариев: обычная WordPress и форма комментариев Вконтакте. Я вынес их в разные «табы» (при клике на разные кнопки выводится разная информация). Собственно хотелось бы сказать для начала пару слов о плюсах и минусах использования комментариев вконтакте на сайте .

    Плюсы виджета комментариев Вконтакте

    1) Если авторизованный в социальной сети Вконтакте пользователь прочтет ваш материал и ему вдруг захочется оставить комментарий, то в этом случае не придется вводить как в стандартной форме e-mail, имя и чаще всего еще каптчу, а только сам комментарий. Также исключает необходимость регистрации, если такова была ранее предусмотрена для комментирования через стандартную форму.

    2) Исходя из первого, вторым плюсом можно засчитать это то, что будет видно комментатора «в лицо» — его фото и имя с фамилией. «Живому человеку» куда приятнее отвечать же, однако не все указывают настоящие данные и фото.

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

    4) Можно банить (добавляться в черный список) пользователей оставляющих спам и они никогда не смогут больше оставлять комментарии у вас. Премодерации кстати нет (только удаление уже оставленных комментариев), но лично я ее использовал только если комментарий имеет ссылку. Промодерировать комментарии хотя бы раз в неделю не составит труда и не займет много времени. Еще, кстати, можно добавлять модераторов.

    5) Отличительный плюс – можно получить дополнительный трафик с соц. сети. В некоторых случаях он достаточно немалый.

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

    1) Для тех, кто разрешает оставлять dofollow ссылки в стандартной форме комментариев будет минусом. Если у вас поступает много комментариев на блог, а вы вдруг отключите стандартную форму и поставите форму комментариев вконтакте число комментариев, скорее всего, сократится, так как большинство комментариев, вероятно, поступает именно из-за dofollow ссылок – что является одним из способов получить трафик на свой сайт. У кого ссылки nofollow или вообще убрана строка URL в форме — минуса в этом случае нет.

    2) Ну и еще парочка маленьких минусов. Первый – нельзя настраивать дизайн, поэтому у некоторых он не очень впишется в дизайн. Второй – хоть и социальная сеть Вконтакте собрала всю Россию, однако есть люди не пользующиеся ей.

    Как видите, количество плюсов значительно превосходит количество минусов. Если есть желание и одновременно есть сомнение в преимуществе – попробуйте оставить 2 формы комментариев (правда немного некрасиво и громоздко, но это решаемо). А теперь перейдем непосредственно к самому процессу и рассмотрим как вставить комментарии вконтакте на сайт Wordpress.

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

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

    2) На этой странице вы можете прочитать информацию и создать форму для своего сайта. В форме указываем всю необходимую информацию в пустых полях: Название сайта, Адрес сайта, Основной домен сайта (обычно такой же, как и адрес сайта). Далее укажите, какое количество комментариев будет отображено на странице (остальное свернуто и доступно по клику «к предыдущим записям»). Можете запретить использование в комментариях фото, аудио, видео, ссылок, граффити – для этого уберите галочку рядом с «Медиа». Если хотите запретить не все, а что-то определенное, например ссылки, то нажмите «подробнее» и снимите необходимые галочки. Ширину можно подогнать под свой дизайн, но лучше не трогать, если нет понимания в этом.

    4) Копируем первую часть кода (выделена большой фигурной скобкой на скриншоте) и вставляем в файл темы header.php до закрывающего тега (чтобы не «накосячить» вставляйте непосредственно перед этим тегом). Для этого зайдите в панели управления «Внешний вид -> Редактор -> Заголовок (header.php)», отредактируйте и сохраните (кнопка «Обновить файл»).

    5) Скопируйте вторую часть кода и вставьте в файл «Одна запись» (single.php) после вывода материала – и непосредственно перед . Сохраните изменения (кнопка «Обновить файл»). Готово! По желанию можете отключить стандартную форму комментариев в настройках WordPress.

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

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

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

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

    Уф, какая большая статья получилась! Возникнут проблемы или вопросы пишите в комментариях.