Социальные сети – это второй по доступности источник трафика для сайта после поисковых систем, и третий по эффективности. При правильном продвижении Интернет-проекта в соц.сетях можно добиться прироста посещаемости на 30%, а количество постоянных читателей до 70%!
Вот почему вебмастеры в первую очередь обращают пристальное внимание на социальные сети, создавая официальные страницы от сайта, запуская новостей. И главной российской площадкой для раскрутки своего веб-сайта или Интернет бизнеса, является сеть , которая предоставляет достаточные мощности для свободного старта без каких-либо вложений!
Первую часть кода вставляем после открывающегося тега , который находится в файле «footer.php» тем WordPress. Вторую часть копируем в «Sidebar» в разделе «Внешний вид»-«Виджеты», помещая в стандартный текстовый блок. После нажатия кнопки «Сохранить» можно проверить отображение «Виджета Сообщества» на сайте.
Примечание! Скопированный код делится на две части по причине оптимизации загрузки основного контента на страницах сайта. Если у Вас минимальное использование сторонних скриптов, то при вставке кода в виджет «Текст» полностью, разница во времени будет незаметна.
Как вставить виджет ВК через iframeИногда может возникать проблема с правильным отображением виджета на страницах сайта, что несёт негативные последствия в процессе активного продвижения. Как оказалось, виноват скрипт виджета, который не всегда корректно обрабатывается интернет-браузерами.
Всем привет! В настоящий момент социальные сети переживают настоящим бум популярности. Практически все пользователи интернета имеют свою страничкой в одной или нескольких социальных сетях. Какие из них самые популярные? На ум сразу приходят VKontakte и Facebook. Сегодня я вам рассказу о плагине ВКонтакте WordPress, которые добавляют на блог комментарии ВК, социальные кнопки и виджеты.
Для работы плагина необходимо иметь аккаунт ВК. Сам плагин устанавливается стандартно:
После активации будет создан отдельный пункт в меня админки WordPress — Vkontakte API. Рассмотрим представленные в нем настройки.
Первое с чего следует начать — это создать новое приложение в ВК.
Порядок действия следующий:
На следующей странице вводим адрес сайта (в формате http://vash_sayt.ru) и базовый домен (vash_sayt.ru). При желании можно добавить иконку и фото загрузить. Сохраняем изменения. Теперь копируем с этой же страницы ID приложения и Защищенный ключ и вставляем в настройки плагина Vkontakte API.
Плагин русский, поэтому и все его настройки на русском языке. Не буду разбирать каждую опцию, просто дам свои пояснения.
Комментарии.
Плагин автоматически добавляет в WordPress комментарии ВКонтакте, никого дополнительного кода никуда вставлять не надо. Стандартные комментарии WordPress при этом так же работают, но их можно отключить, поставив галочку напротив «Убрать комметарии WordPress-а».
Медиа в комментариях.
Какие медиа файлы могут добавляться к комментарию. Обратите внимание на пункт Ссылки, который я бы отключил, чтобы меньше спама было.
Кнопка «Мне нравится».
Добавить иконку «Мне нравится» на блог и настроить ее расположение. Отличная функция, позволяющая читателем рассказать о вашем блоге своим друзьям.
Еще одна иконка от VKontakte.
Facebook Like button.
Меня многие просили подготовить материал о том как добавить комментарии от социальных сетей Вконтакте и Фейсбук на сайт созданный на движке WordPress. И вот наконец-то я выбрал время и подготовил эту статью. Сразу хочу отметить, что у вас должны быть аккаунты в обеих социальных сетях, если их нет, то сначала зарегистрируйтесь.
Итак, приступим.
Комментарии будем добавлять при помощи специального плагина, который называется Vkontakte API. Также этот плагин позволяет добавить на сайт кнопки социальных сетей. Для установки плагина переходим в консоли управления сайтом в пункт меню «Плагины» и нажимаем кнопку «Добавить новый».
После этого прописываем в поисковой строке название плагина — Vkontakte API и нажимаем клавишу Enter на клавиатуре. Находим наш плагин и жмем кнопку «Установить»
После того как плагин установится, нажимаем по ссылке «Активировать плагин». Теперь нам нужно его настроить.
Настройки плагинаПосле установки плагина в меню консоли управления сайтом появился новый пункт «Vkontakte API», переходим в него. Перед нами панель настроек. В данной панели 4 вкладки, разберем их по порядку.
Если мы перейдем во вкладку Вконтакте, то первым делом нас просят указать ID приложения и Защищенный ключ. Дело в том, что для взаимодействия с социальными сетями, как правило, необходимо создавать приложение. Делается это очень просто. Над полями с ID и ключом есть небольшая подсказка, в которой указана ссылка, переходите по этой ссылке
Здесь нам нужно указать название нашего приложения и выбрать тип «Веб-сайт». Название можете указывать любое — его никто кроме вас не увидит. После этого нужно указать адрес нашего сайта и базовый домен, т.е. тот же адрес только без протокола http://. После того как заполнили все пункты, нажимаем кнопку «Подключить сайт»
После этого появится всплывающее окошко с просьбой подтвердить ваши действия при помощи бесплатного сообщения на телефон. Нажимаем кнопку «Получить код» и ожидаем смс. Обычно код приходит в течение нескольких секунд.
Вводим полученный код и жмем кнопку «Отправить код». Все, наше приложение создано! Вот так легко и просто. Никаких настроек здесь делать больше не нужно, просто переходим на вкладку «Настройки» и видим здесь ID приложения и Защищенный ключ, копируем их по очереди и вставляем в соответствующие поля в настройках нашего плагина.
Далее идет блок «Вход» — эта функция позволяет вашим посетителям регистрироваться на сайте через социальную сеть вконтакте. Я лично регистрацию на своем сайте не ставил, но возможно для кого-то эта функция будет полезна.
Следующий блок настроек касается кнопки «Мне нравится». Ниже скриншот, на котором показано как настроена данная кнопка у меня на сайте, можете настроить также или поиграться с настройками самостоятельно.
Какую из кнопок ставить решать вам, можно поставить сразу обе кнопки.
Далее идут настройки кросспостинга, но пока эта функция работает не до конца, и находится в beta тесте, поэтому пока их пропускаем. Спускаемся в самый низ и нажимаем кнопку «Сохранить настройки». Все, с настройками Вконтакте мы закончили, теперь можно перейти на сайт и посмотреть что у нас получилось в итоге.
Теперь переходим на вкладку с настройками социальной сети фейсбук. Здесь настроек меньше, но также нужно создать приложение, чтобы у нас работали комментарии от facebook. В самом начале также как в настройках комментариев от вконтакте есть ссылка на страницу, на которой мы можем создать приложение в фейсбук, переходим по ней.
Здесь может быть два варианта:
1. Если вы не привязывали номер мобильного телефона к facebook, то вам предложат указать номер телефона и подтвердить его через смс. К сожалению, я не могу показать эти настройки т.к. мой номер давно привязан к моему аккаунту, но там нет ничего сложного. Нужно просто указать номер, получить код по смс, ввести этот код и отправить. После этого у вас будет все как во втором варианте.
2. Ваш номер привязан и вы увидите следующую картинку:
Нажимаем по зеленой кнопке «Create a New App», нам откроется всплывающее окошко, в котором нам нужно заполнить некоторые поля (см. скриншот ниже):
1. Придумываем название для нашего приложения. Данное название будет видно только вам, пользователи его не увидят.
2. Придумываем Namespace. Честно говоря, я так и не понял для чего нужен этот пункт. Насколько я понял, это что-то вроде логина, вообщем, здесь нужно указать УНИКАЛЬНОЕ слово латинскими символами (не менее 6). В дальнейшем это слово нам не понадобится, поэтому можно просто указать набор букв — это не важно.
4. Жмем по кнопке «Создать приложение»
После этого появится всплывающее окошко, в котором нужно заполнить каптчу (ввести символы с картинки) и нажать «Ок».
Все, наше приложение создано. Никакие настройки больше делать не нужно, просто копируем ID приложения (App ID), возвращаемся к настройкам плагина и вставляем в соответствующее поле.
Следующим шагом нам нужно указать ID администратора, для того чтобы мы могли управлять комментариями. Чтобы получить ID админа, нужно перейти на свою страницу в facebook. Здесь тоже два варианта:
1. В адресе вашей страницы указаны цифры и выглядит он примерно так: http://facebook.com/100001117382458. Просто копируете эти цифры — это и есть ID администратора, т.е. ваш ID.
2. Адрес вашей страницы имеет примерно такой вид: https://www.facebook.com/OpekunAlex, т.е. вместо цифр указан буквенный логин, тогда вам нужно воспользоваться вот этим сервисом — http://findmyfbid.com
На этом настройки facebook закончены, можно перейти на сайт и посмотреть что у нас получилось.
Возвращаемся к настройкам плагина и переходим к следующей вкладке «Соц.кнопки». Здесь мы можем добавить кнопки от других социальных сетей: google+, twitter, mail.ru, одноклассники, яндекс кнопку.
Просто выставляете напротив нужной кнопки «Показывать», также как мы делали для кнопок Вконтакте и Фейсбук. Я обычно добавляю кнопки twitter и mail.ru с одноклассниками. После того как выбрали необходимые кнопки, не забудьте сохранить изменения. Если у вас есть твиттер, можете добавить свой аккаунт, тогда при нажатии на кнопку твиттера у ваших посетителей будет добавляться ссылка на ваш твиттер и если они твитнут ваш пост, то все их подписчики в твиттере увидят ссылку на ваш твиттер и возможно подпишутся. На этом здесь настройки закончены.
Оставшаяся вкладка «Остальное» нас не интересует. Т.о. образом мы с вами разобрались как добавить комментарии от социальных сетей Вконтакте и Фейсбук на сайт созданный на движке WordPress + узнали как добавить кнопки социальных сетей на сайт.
P.S. Если у вас остались вопросы или что-то было непонятно, пишите в комментариях что именно не получилось, я постараюсь вам помочь.
Если вы пользуетесь 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 сайт.
Заходим в Плагины > Добавить новый.
Я буду показывать на примере плагина комментариев вконтакте под названием 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.
Поэтому форма комментариев вконтакте будет отображаться так. Посетителю достаточно будет лишь написать свой комментарий и нажить отправить.
