Виджет ВКонтакте на сайт: как добавить и что учесть

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

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

Зачем нужен виджет ВКонтакте для сайта

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

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

По сути, вставить виджет ВКонтакте на сайт означает гарантированно увеличить приток пользователей и решить некоторые другие вопросы за счет:

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

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

Плюсы и минусы виджета ВКонтакте для сайта

Их несколько:

• Отсутствие нагрузки на базу данных ресурса. Виджет ВКонтакте не использует ее для хранения комментариев, они остаются на серверах социальной сети. Для динамических сайтов на базе Joomla или WordPress это очень важно, поскольку позволяет избежать избыточной нагрузки на базы данных.
• Установка виджета возможна на любой сайт, какой бы движок ни использовался.
• Установка и настройка виджета осуществляются элементарно.
• Дополнительное продвижение в соцсети – еще одно важное преимущество, которое можно реализовать при помощи комментариев. Небольшая доработка позволит обеспечить их отображение как на странице вашего сайта, так и на странице пользователя ВКонтакте. Кроме того, этот же комментарий, содержащий ссылку на ваш ресурс, будет появляться в новостной ленте друзей этого пользователя. Если учесть, что у многих число друзей достигает нескольких сотен, то возможности продвижения, за которое вам не надо платить, воодушевляют.
• Идентифицировать комментатора проще простого. При необходимости вы можете просмотреть его профиль и направить личное сообщение через социальную сеть.
• Благодаря виджету вы будете избавлены от спамных комментариев и токсичных пользователей.

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

Инструкция, как добавить виджет ВКонтакте на сайт

Каждая социальная сеть имеет раздел «Разработчикам», у ВК он расположен по адресу https://vk.com/dev.

Здесь содержится полезная информация о создании приложений на собственной платформе ВКонтакте, благодаря чему сайт или приложение для смартфона приобретает некоторые возможности соцсети:

• Мобильные приложения. Доступ к методам API и упрощенной авторизации с помощью SDK для мобильных платформ: iOS, Android, Windows Phone.
• Сайты и виджеты. Внешние веб-сервисы или установленные на сайтах виджеты. Сайты используют для авторизации и вызова методов серверную авторизацию OAuth или клиентскую авторизацию Open API. Доступно большинство методов API.
• Приложения для других платформ. Клиентские приложения для различных платформ. Требуют авторизации по протоколу OAuth.
• Игровая платформа. Для приложений, созданных при помощи Javascript SDK или Flash SDK, доступен игровой каталог и API для приема платежей. Для мобильных приложений, использующий SDK для мобильных платформ, доступна мобильная игровая платформа.

Комментарий эксперта

«Мы обязаны делать клиентов довольными
любыми доступными способами!»

Алексей Молчанов,
основатель международной IT-компании Envybox

Текущая ситуация в стране и мире с каждым днем набирает все больше и больше оборотов.

Сегодня каждый предприниматель задается вопросом: “А что же сейчас будет с моим бизнесом?”

Если вы поддадитесь всеобщей панике и “заморозите” деятельность компании, то ни к чему хорошему это не приведет. Если вы видите, что кризис неизбежен и доход компании уже начинает сокращаться — не приостанавливайте свою деятельность. Ни в коем случае не сокращайте расходы на рекламу и не прекращайте продвижение (если вас, конечно, не закрыли из-за Постановления правительства).

Направляйте максимум усилий и внимания на продвижение своей компании и увеличение потока новых клиентов.

Для того, чтобы у вас было понимание, как следует себя вести во время кризиса — поделюсь с вами полезными инструментами, которые помогли нам не только преодолеть кризис, но и выйти из него победителями.

Ниже вы можете скачать чек-лист из простых и доступных для любой компании инструментов привлечения стабильного потока новых клиентов или возвращения существующих. А также в качестве бонуса получить бесплатное использование наших сервисов для увеличения заявок с сайта в течение 7 дней и 30% скидку на их подключение. Желаем вам удачи, новых клиентов и больших продаж!

СКАЧАТЬ ЧЕК-ЛИСТ
+ БОНУС

Эта платформа позволяет запустить общую для сайта и социальной сети ВКонтакте систему авторизации. Об этом детально рассказано в разделе https://vk.com/dev/main.

Но поскольку сейчас нас интересует, как поставить виджет ВКонтакте на сайт, перейдем в раздел https://vk.com/dev/sites. Владельцам веб-площадок предлагаются следующие варианты:

• Комментарии.
• «Запись на стене».
• Сообщества.
• «Мне нравится».
• Рекомендации.
• Опросы.
• Авторизация.
• Публикация ссылок.
• Подписаться на автора.

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

Следующий шаг – указать вид и размеры виджета.

Цвета фона, текста и кнопок сохранены в формате HEX.

Наконец, получаем HTML-код для вставки, копируем его, вставляем на страницу ресурса или в шаблон. Как правило, для размещения виджетов на сайте предусмотрены особые места.

Как установить виджет комментариев ВКонтакте на сайты Joomla и WordPress

1. Получение и настройка виджета комментариев

Получить виджет комментариев можно по ссылке http://vk.com/dev/Comments.

Раздел «Подключение комментариев» выглядит так:

Выбираем свой ресурс в выпадающем списке в поле «Сайт/приложение». Если найти его не удалось, выбираем «Подключить новый сайт».

В процессе подключения вашей веб-площадки придется внести сведения в несколько полей: Название сайта, Адрес сайта, Основной домен сайта, Тематика сайта. Завершаем ввод данных нажатием кнопки «Сохранить».

Количество комментариев, отображаемых на странице, вы определяете сами.

Активная галка поле «Медиа» дает пользователям возможность сопроводит текст комментария фотографией, видеороликом, граффити или аудиозаписью.

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

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

2. Добавление виджета комментариев ВКонтакте на сайт WordPress

Существует два способа установки:

• Первый вариант предполагает использование плагина для WordPress – «vkontakte api», найти его можно на официальном сайте. В числе функций этого плагина – оповещение на почту админу и автору комментария о появлении комментария VK.
• Второй вариант – установить виджет вручную. Первые два абзаца кода помещаем перед закрывающим тегом в файле header.php.

Последний абзац вставляем в файл single.php перед строчкой:

<?php comments_template(); ?>

Всё готово, виджет установлен.

3. Добавление виджета комментариев ВКонтакте на сайт Joomla

Эту задачу также можно решить двумя способами.

Первый – при помощи плагина для Joomla. Сторонние производители ПО предлагают готовые варианты для настройки вывода комментариев ВКонтакте, например, есть плагин JL VKcomments.

У этого варианта есть определенные недостатки:

• Плагины сторонних разработчиков сопровождают виджет ВК ссылкой на собственный сайт. Хорошего в этом мало.
• Нагрузка на базу данных сайта после установки дополнительного плагина неизбежно возрастет.

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

Как правило, путь к этому файлу имеет следующий вид:

\templates\используемый_шаблон\index.php

Последний абзац кода, который начинается со строки

<!— Put this div tag to the place, where the Comments block will be —>

размещаете там, где будет виден сам виджет с комментариями.

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

Предлагаем более простой вариант. Открываем для редактирования файл:

\templates\папка_шаблона \html\com_content\article\default.php

При отсутствии этого файла в папке с вашим шаблоном используем другой путь:

\components\com_content\views\article\tmpl\default.php

Находим в файле строчку:

<?php echo $this->text; ?>

Она отвечает за вывод полной версии материала.

Третий абзац кода размещаем сразу после нее и сохраняем файл.

Нюансы удаления и администрирования комментариев ВКонтакте

Функцию модерирования комментариев можно делегировать пользователям ВКонтакте. Для этого достаточно поручить активному участнику сообщества выполнение роли администратора виджета. Делается это путем перехода по ссылке «Назначить администраторов» в разделе «Администрирование».

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