Вставляем виджет группы Вконтакте на WordPress. Добавляем виджет комментариев Вконтакте (VK) для WordPress Плагин вк комментарии для вордпресс

Привет!
К нам в съемную тайскую квартиру приехали гости, так здорово повидать земляков, когда находишься вдали от дома.

Сегодня хочу вам рассказать про основные виджеты ВКонтакте, которые можно внедрить на свой блог. Виджеты – это небольшие программы, каждая из которых выполняют одну определенную функцию на сайте, на мобильном устройстве, в браузере и т.д. Это может быть кнопка, окно, меню, подсказка и прочее.
На сайте разместить виджет можно с помощью html-кода. Отдельную нишу занимают социальные виджеты. А поскольку сегодня одной из наиболее популярных социальных сетей в Рунете является ВКонтакте, узнаем, какие ее инструменты мы можем задействовать на своих блогах.

Виджеты Вконтакте для WordPress

Код всех доступных ВКонтакте-виджетов есть в разделе «Разработчики». Попасть в него можно по ссылке vk.com/dev/sites . Всего есть девять типов виджетов:

• «Комментарии»
• «Запись на стене»
• «Сообщества»
• «Мне нравится»
• «Рекомендации»
• «Опросы»
• «Авторизация»
• «Публикация ссылок»
• «Подписаться на автора».

Рассмотрим каждый из них подробнее.

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

Заполните форму: введите название и адрес сайта (основной домен подставится автоматически); выберите тематику блога, количество комментариев, которые будут отображаться. Если число комментов превысит указанное вами, все их можно будет увидеть, нажав на кнопку «Предыдущие записи».

В пункте “Медиа” вы можете выбрать то, что пользователи смогут прикреплять к своим комментариям. Например, с такими настройками, как на ниже пользователи смогут писать текстовые комментарии, прикрепляя к ним граффити и ссылки:

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

Запись на стене

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

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

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

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

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

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

У кода этого виджета тоже есть две части, как и у комментариев. Первую из них добавьте в файл header.php, а вторую в нужное вам место на сайте.

Виджет опросов позволит вам спросить у посетителей всё, что угодно. Например, если вы сменили дизайн, вам лучше поинтересоваться у пользователей, что они думают про него. Может быть, им больше нравится старый? Стоит предложить им такой вариант — это может помочь снизить показатель отказов.

Заполните по аналогии с предыдущими виджетами первую часть формы.

Задайте вопрос и варианты ответа. Добавлять новые можно при помощи “добавить” (расположена под “Варианты ответа”).

В коде этого виджета также есть две части, разделённые HTML-комментариями.

Нередко пользователи не хотят тратить время на регистрацию. Этот виджет позволит добавить на сайт авторизацию через аккаунт ВКонтакте. Пользователю не придется регистрироваться: он просто зайдет на сайт через свой профиль ВКонтакте. По поводу авторизации у ВКонтакте есть хорошая инструкция по ссылке vk.com/dev/Auth .

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

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

Виджет ВКонтакте для WordPress

Общие правила для того, чтобы вставить виджет Вконтакте на сайт:

• Код необходимо вставлять в ту часть темы, где вы хотите видеть виджет. Это может быть файл header.php, single.php, sidebar.php и т.д. в зависимости от функции виджета и дизайна вашего сайта. Подробнее об этих файлах читайте в статье о том, . Если код делится две части, первую из них нужно добавить перед закрывающимся тегом в файле header.php.
• Кроме того, если вам приглянулся какой-то виджет ВКонтакте, его можно добавить в админке блога (“Виджеты”).
• Если вы решили добавить сразу несколько виджетов на сайт, то обратите внимание, что во многих из них есть строка кода

  Достаточно вставить ее один раз, не нужно дублировать.

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

P.S. Наши старые подруги приехали навестить нас в Районге. Дальше им предстоит долгое путешествие через пол-Таиланда и Лаоса автостопом с ночевками по каучсерфингу и в буддистских монастырях. Меня восхищают бюджетные путешествия, но они требуют очень много сил и энергии.

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

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

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

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

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

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

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

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

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

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

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

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

Заходим в Плагины > Добавить новый.

Я буду показывать на примере плагина комментариев вконтакте под названием vkcomments. Справа сверху в строке поиска пишем vkcomments и нажимаем Enter.

Самый первый вариант в поиске это и есть искомый плагин vkcomment, также есть и подобный комментарий Easy Vkontakte connect, но я выбираю VK Comments плагин. Нажимаем на установить справа от названия плагина.

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

Нажимаем Да.

Установка плагина: VK Comments 1.0. Загрузка архива, извлечение файлов, установка плагина, плагин успешно установлен.

Нажимаем активировать плагин.

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

Заходим на сайт разработчиков приложений вконтакте по адресу vk.com/dev , далее нажимаем на мои приложения, а далее нажимаем создать приложение. В строку название пишем название для приложения комментариев для сайта на WordPress. Название можете писать любое, оно нужно только вам, чтобы ориентироваться в ваших приложениях вконтакте.

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

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

Теперь на ваш смартфон придет уведомление с дальнейшими инструкциями.

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

Теперь открыв уведомление на ваш смартфоне или планшете вводим ваш номер телефона, на который придет SMS-код и нажимаем получить код.

На ваш номер придет SMS-код, смотрим его и вводим в приложение в строку код подтверждения и нажимаем отправить код.

Готово. Устройство успешно привязано.

На ваш почтовый ящик также придет уведомление о том, что к вашей странице ВКонтакте привязано новое устройство.

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

Теперь нажмите на настройки слева в меню, чтобы перейти к настройкам приложения комментариев и узнать ID приложения.

Копируем ID приложения и вставляем его в строку ID приложения в настройках плагина VK Comments.

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

Все готово, вы настроили и включили комментарии вконтакте на вашем сайте WordPress.

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

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

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

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

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

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

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

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

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

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

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

(function(w, d, n, s, t) { w[n] = w[n] || ; w[n].push(function() { Ya.Context.AdvManager.render({ blockId: "R-A-292864-4", renderTo: "yandex_rtb_R-A-292864-4", async: true }); }); t = d.getElementsByTagName("script"); s = d.createElement("script"); s.type = "text/javascript"; s.src = "//an.yandex.ru/system/context.js"; s.async = true; t.parentNode.insertBefore(s, t); })(this, this.document, "yandexContextAsyncCallbacks");

Приветствую, дорогой посетитель блога. В данной статье поговорим о блоке комментариев от социальной сети Вконтакте. Рассмотрим пошаговую установку комментариев на сайт/блог wordpress. Перед тем, как приступить, давайте немного поговорим о плюсах и минусах комментариев ВК.

Плюсы и минусы блока комментариев Вконтакте.

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

Выглядит это следующим образом:

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

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

Как поставить комментарии Вконтакте на wordpress,пошаговая инструкция:

1.Для того, чтобы установить комментарии от ВК, необходимо перейти на страницу разработчиков, сделать это можно, перейдя по ссылке http://vk.com/dev .

2. Затем нажимаем на кнопку «Создать приложение «.

3. После перехода на страницу, заполняем Название(может быть любым) и выбираем тип приложения — веб-сайт. Далее необходимо заполнить поля «Адрес сайта» и «Базовый домен». После того, как все шаги выполнили, смело нажимайте «Подключить приложение «.

4. На данном этапе установки комментариев на ваш wordpress сайт, необходимо подтвердить ваши действия в сети ВК. Для этого нажимаем на ссылку «Подтвердить через SMS».

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

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

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

6. Переходим на страницу быстрого старта, кликнув по ссылке http://vk.com/dev/main . На данной странице спускаемся вниз, до блока «Виджеты». Находим ссылку «Комментарии» и кликаем по ней.

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

На данном этапе настройки блока комментариев завершены, в следующих шагах мы поставим данный блок комментариев на наш сайт wordpress.

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

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

10. На данном этапе вставим часть кода виджета в шапку нашего сайта, для этого необходимо нашего сайта, Внешний вид — Редактор. В правой части находим файл header.php и кликаем по нему. Затем возвращаемся к настройкам виджета и копируем первую часть кода.

Затем возвращаемся в админку сайта, к файлу header.php, в коде файла находим тег и вставляем, скопированную ранее часть кода виджета ВК, перед найденным тегом. После чего сохраняем изменения, нажав «Обновить файл». Правильная вставка кода виджета комментариев в шапку сайта wordpress на скриншоте ниже.

11. Вторая часть кода блока комментариев вставляется именно в то место, где вы хотите расположить виджет. Я рекомендую поставить перед основными комментариями wordpress. Для этого в админке сайта, Внешний вид — Редактор, находим файл «comments.php» и кликаем по нему. После, копируем вторую часть виджета и вставляем код в самое начало файла комментариев. Затем сохраняем.

Теперь можете переходить на свой сайт, заходить в статью и радоваться, блок комментариев Вконтакте успешно поставлен на ваш wоrdpress сайт.