Вконтакте WordPress. Как добавить виджет группы Вконтакте в WordPress. Плагин ВКонтакте WordPress: виджет, коментарии и социльные кнопки VKontakte Vk widget 1 комментарии для wordpress

Что не говорите, но в последнее время активность использования различных кнопок добавления постов блога в социальные сети возросла. Идея и доступность данного метода, как мне кажется, намного лучше различных сервисов социальных закладок из которых в рунете большая часть была просто «неживые». Пара-тройка топовых закладочных социалок еще как-то могла существовать и размещаться на страницах блога, но то множество кнопочек и вариантов, которые предоставляли разные сервисы было ни к чему. Сейчас это, пожалуй, можно сравнить с Google Buzz — новый сервис начали использовать многие, на данный момент он вроде как не работает (да и работал ли?), но соответствующая иконка все еще размещается на многих проектах. А вот если говорить о твиттере, фэйсбуке и вконтакте — тут совсем другая история.

Вообще для создание кнопки вконтакте (как и некоторых других) есть несколько вариантов решений, но недавно нашел еще парочку интересных wordpress плагинов, которыми с вами и поделюсь. Но для начала немного теории и «повторения пройденного материала».

1. Первый вариант для кнопки вконтакте — использование картинок и кода от сервиса. Для добавления используется простой стандартный код:

При изменении его «под себя» обратить внимание на ссылку на изображение vkontakte.gif, которое должно находится в папке шаблона, директории images. Стандартную кнопку, которую вы видите в самом конце статьи данного блога, можно менять на любую другую. Также не забывайте указать ее ширину и высоту через width и height. Плюс варианта в его элементарности, тут даже особо в коде не нужно разбираться, можно добавить «как есть.»

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

На данном этапе я использую именно этот вариант и мне нравится.

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

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

Social Share Buttons for WordPress

Плагин заточен чисто под рунет, так как содержится самые популярные у нас социальные сети — вконтакте, одноклассники, мой мир, livejournal, фэйсбук и твиттер. Если я правильно, то он чем-то аналогичен VK Share Button либо точнее будет сказать, включает в себя его функциональность. Вы можете выбирать разные варианты отображения кнопок, а также задавать некоторые настройки для каждой из них. Есть возможность сортировки кнопок, выбора некоторых из них.

Самый большой недостаток плагина, по сути, его ограниченность только популярными рунетовскими социальными сетями, что не всегда оправдано. А мне как раз нужно было добавить на сайте кроме вконтакта еще и LinkedIn. Перерыл, признаюсь, очень много плагинов пока не нашел супер крутой и полезный Share and Follow.

— это самый крутой плагин с кнопками социальных закладок, который я только встречал. Здесь очень много возможностей и столько же настроек. Установка и начало работы происходит достаточно быстро — скачайте плагин, активируйте в амдинке и укажите в разделе Share and Follow какие именно кнопки вам нужны. Они сразу же отобразятся на страницах блога.

После этого можно приступать к подробной настройке — можно выбрать размер кнопок, множество различных социальных сервисов, а также общие возможности (RSS, email, версия для печати). Этот же плагин добавлять элемент фолловинга сбоку от полосы прокрутки а также имеет множество других опций. Есть платные возможности, но бесплатных и без них хватает с головой. Предлагаю глянуть небольшое видео по использованию Share and Follow:

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

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

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

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

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

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, а так же покажу плагин, который сделает всю работу за вас.

Введение

В этой записи я рассмотрю два способа:

Детальная установка плагинов описана под заголовком ниже, лишь в данном случае вводите «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.
Рассмотрим детально данный плюс комментариев, как это работает: основной и наиболее важнейший положительный момент в том, что посетитель вашего сайта, оставляя комментарий под статьей на вашем сайте 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 сайт.



Понравилась статья? Поделиться с друзьями: