Вставляем виджет группы Вконтакте на WordPress. Вконтакте 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 комментарии вконтакте на сайт, нужно сначала перейти на и заполнить поля для редактирования скрипта. Можете убрать галочку с медиа, что бы пользователи не могли выкладывать видео и картинки. Выводить более 15 комментариев не советую. Ширина у виджета стоит стандартная 496, поставив на сайт, можете изменить на «auto» что бы виджет лёг на всю ширину комментариев и был гибким.По картинке видно, какую часть, в какой файл нужно вставлять. Первую часть устанавливаем в header.php перед закрывающимся тегом Вторую часть, которая большая, ставим в файл single.php. Если хотите, что бы комментарии вконтакте выводились до wordpress комментариев, то находите строчку вывода комментариев php comments и ставите перед ней, как на картинке ниже. Если нужен виджет ниже, то ставите после.
Это был трудный способ, как сделать wordpress комментарии вконтакте, а теперь пора узнать простой способ.

wordpress плагин комментарии вконтакте Плагин Vkontakte api

Вот весь функционал:

Но нас сейчас интересует именно комментарии вконтакте. После установки плагина, у вас появится Vkontakte api в закладках. Там нажимаем раздел Вконтакте и переходим по ссылке, что бы сделать приложение.
После того как перешли, следует заполнить необходимые поля, обязательно выберите для веб сайта. Вам придет смс на телефон с подтверждением, после чего будет создано приложение. После этого можете даже не настраивать приложение, а сразу перейти на вкладку настройка и первые 2 строчки нам необходимо скопировать для плагина vkontakte api.
Копируем строчки и расставляем их в плагине, после этого он начнёт работать. Находим настройку комментариев и ставим нужные настройки. Вот мои настройки:
Поздравляю, комментарии вконтакте установлены на сайт! Советую сначала постараться поставить wordpress комментарии вконтакте без плагина, что бы не нагружать сайт лишним. Если же не удобно, то используйте плагин vkontakte api, который здорово помогает не только с комментариями.

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

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

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

Как пользоваться?

В начале вам нужно скачать с официального сайта wordpress плагин для кросспостинга VKontakte API for WordPress .

Затем вам нужно будет установить плагин на сайт. Это делается как обычно. А вот после его нужно будет настроить… об этом я и расскажу сейчас.

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

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

Вписываем название, обязательно!!! выбираем веб-сайт и прописываем его адрес и базовый домен как указано в примере. Адрес с http, а базовый домен — без. И жмём подключить сайт.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Facebook Like button.

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

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

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

    Вывод

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