WordPress комментарии вконтакте и плагин vkontakte api. Вставляем виджет группы Вконтакте на WordPress Плагин группы вконтакте для 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. Наши старые подруги приехали навестить нас в Районге. Дальше им предстоит долгое путешествие через пол-Таиланда и Лаоса автостопом с ночевками по каучсерфингу и в буддистских монастырях. Меня восхищают бюджетные путешествия, но они требуют очень много сил и энергии.

Здравствуйте, дорогие читатели! Друзья, сегодня я покажу вам, как установить (подключить ) комментарии ВКонтакте на сайт или блог ВордПресс. 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");

Социальные сети – это второй по доступности источник трафика для сайта после поисковых систем, и третий по эффективности. При правильном продвижении Интернет-проекта в соц.сетях можно добиться прироста посещаемости на 30%, а количество постоянных читателей до 70%!
Вот почему вебмастеры в первую очередь обращают пристальное внимание на социальные сети, создавая официальные страницы от сайта, запуская новостей. И главной российской площадкой для раскрутки своего веб-сайта или Интернет бизнеса, является сеть , которая предоставляет достаточные мощности для свободного старта без каких-либо вложений!

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

Первую часть кода вставляем после открывающегося тега , который находится в файле «footer.php» тем WordPress. Вторую часть копируем в «Sidebar» в разделе «Внешний вид»-«Виджеты», помещая в стандартный текстовый блок. После нажатия кнопки «Сохранить» можно проверить отображение «Виджета Сообщества» на сайте.

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

Как вставить виджет ВК через iframe

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

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

Для работы плагина необходимо иметь аккаунт ВК. Сам плагин устанавливается стандартно:

После активации будет создан отдельный пункт в меня админки WordPress — Vkontakte API. Рассмотрим представленные в нем настройки.

Первое с чего следует начать — это создать новое приложение в ВК.

Порядок действия следующий:

  1. введите название приложения;
  2. отметьте галочкой пункт веб-сайт;
  3. добавьте описание приложения;
  4. нажмите «перейти к загрузке приложения».

На следующей странице вводим адрес сайта (в формате http://vash_sayt.ru) и базовый домен (vash_sayt.ru). При желании можно добавить иконку и фото загрузить. Сохраняем изменения. Теперь копируем с этой же страницы ID приложения и Защищенный ключ и вставляем в настройки плагина Vkontakte API.

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

Комментарии.

Плагин автоматически добавляет в WordPress комментарии ВКонтакте, никого дополнительного кода никуда вставлять не надо. Стандартные комментарии WordPress при этом так же работают, но их можно отключить, поставив галочку напротив «Убрать комметарии WordPress-а».

Медиа в комментариях.

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

Кнопка «Мне нравится».

Добавить иконку «Мне нравится» на блог и настроить ее расположение. Отличная функция, позволяющая читателем рассказать о вашем блоге своим друзьям.

Еще одна иконка от VKontakte.

Facebook Like button.

Виджет сообщений вконтакте на свой сайт. Необходимо зайти в своё сообщество/группу вконтакте. P.S: У вас должны быть права администратора для управления сообществом. Заходим в «Управление сообществом «

Настраиваем форму сообщений. Заполняем выделенные поля (В пункте «Разрешённые домены» указываем доменное имя своего сайта, у меня сайта 2, поэтому и 2 домена) :

Далее ставим галочку «Раскрывать сразу» , если требуется. На моём сайте для примера раскрывается данный виджет сразу, на сайте http://айти-казань.рф просто отображается справа внизу и открывается при нажатии на него. Копируем код для вставки на сайт.

Идём в админку своего сайта. Внешний вид — виджеты.

Добавляем текстовое поле и вставляем туда скопированный код. Можно так же данный код вставить не в виджеты, а в «Footer» (подвал) вашего сайта (на скриншоте выделено жёлтым, зависит от темы WordPress). В подвал сайта это более правильно, но я не стал заморачиваться. Смотрите как удобнее. Мне удобнее было в виджеты. Результат одинаковый был. Тестировал на 2-х своих сайтах. Сохраняем.

Вот что в итоге получилось:

Смотрим, радуемся, отмечаем успех!!!

Виджет группы/сообщества на сайт c CMS WordPress. Как добавить виджет группы/сообщества вк на сайт.

Виджет для сообществ

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

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

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

Подключение виджета к Вашему сайту

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

Здесь всё очень просто.