Янв
23

Система комментирования социальной сети Вконтакте для блога на WordPress

Каждый день на ваш блог приходят десятки, сотни, а то и тысячи посетителей и не думаю, что на вашем блоге никогда и никто не оставлял комментарии. А даже если и не оставлял, то в любом случае, рано или поздно они появятся. И, в некоторой степени, побудить пользователя оставить комментарий может удобная илиуже привычная для них система комментирования записей блога.  Помимо стандартной системы комментирования WordPress, есть возможность интегрировать систему  комментирования от социальной сети Вконтакте. Для некоторых это намного привычнее, да и интерфейс, напоминающий известную социальную сеть только будет подталкивать их к действию. Сегодня я вам расскажу, как вставить такую систему комментирования на ваш блог или сайт, работающий на WordPress. Замечательность этого способа заключается в том, что эту систему можно установить абсолютно на любой движок, для вставки этой системы комментирования используется специальный код на языке JavaScript, который генерируется на стороне разработчика. Вам нужно всего лишь добавить его на страницу вашего сайта в том месте, где вы планируете осуществлять вывод данной системы комментирования.

Итак, что же дает установка системы комментирования от Вконтакте? Лично для меня это:

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

Ну что же, теперь непосредственно перейдем к делу.

Установка системы комментирования Вконтакте.

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

В появившейся форме введите название в произвольной форме, а также выбирте тип “Веб-сайт” и укажите в полях “Адрес сайта” и “Базовый домен” адрес вашего блога или сайта.

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

Пройдя процедуру подтверждения, вы попадете на страницу с формой, в которой вам необходимо всего лишь отредактировать введенную вами информацию, если допущена какая-либо ошибка или нажть кнопку “Сохранить изменения”, если информация в редактировании не нуждается.

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

Вот мы и добрались до самого главного: настройки и лицезрения внешнего вида системы комментирования Вконтакте для нашего блога.

Теперь по-порядку:

- в поле Сайт/приложение выбираем нужное, созданное нами ранее, приложение;

- выбираем количество комментариев на свой вкус;

- поставив галочку “Включить расширенные комментарии”, вы активируете функцию, которая позволяет добавлять в форму комментирования также граффити, фотографии, видео, аудио и ссылки;

- в поле “Ширина” указываете необходимую ширину формы комментирования в пикселях;

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

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

Вторую часть кода вставляем в файл single.php непосредственно до или после стандартной функции комментирования comments_template().

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

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

VN:F [1.9.16_1159]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.16_1159]
Rating: 0 (from 0 votes)

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

Подпишитесь на обновление блога!

Ваш e-mail:

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

2 комментария к “Система комментирования социальной сети Вконтакте для блога на WordPress”

  • Нет аватара
    Влад 31.01.2012 в 23:23

    Спасибо, Вадим! Очень своевременная (для меня) и полезная заметка.

    VA:F [1.9.16_1159]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.16_1159]
    Rating: 0 (from 0 votes)
  • Нет аватара
    Валентина 21.04.2013 в 14:13

    Спасибо, у меня никак не получалось установить этот код. Сколько я сайтов не прочитала ни как не могла сделать. После вашей статьи получилось. Спасибо вам большое!!!!

    VA:F [1.9.16_1159]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.16_1159]
    Rating: 0 (from 0 votes)

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

Вы можете использовать следующие теги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

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

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

Если хотите быстро и оперативно получать последние новости и статьи, то рекомендуем подписаться на обновления блога по E-mail:

E-mail:

Последние комментарии

Друзья проекта