Получать рассылку по электронной почте

Введите свой email-адрес:

Delivered by FeedBurner

Навигация

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

VKontakte

В чем преимущества в установке виджетов Вконтакте для сайта?

Авторизуемся Вконтакте. Нажимаем внизу на ссылку Разработчикам. Попадаем в пункт Разработка Приложений, где описываются возможности платформы Вконтакте, выбираем пункт меню – Авторизация и виджеты для сайта.
виджеты ВКонтакте

Виджет для комментариев

Первым из виджетов, который заслуживает особого внимания является Виджет для комментариев. Он очень прост, гораздо проще социального плагина комментариев Facebook и помогает создать комментарии на сайте всего за несколько минут.
Из выпадающего списка Сайт/приложение выберите Подключить новый сайт, введите адрес сайта, основной домен и краткое название.
Добавление нового сайта
Выберите количество комментариев на страницу, использовать или нет расширенные комментарии, задайте ширину (по умолчанию указано 520).
Добавление комментариев ВКонтакте
Ниже вы увидите сгенерированный код, его нужно разделить на две части: первую часть

вставляем между тегами head вашей страницы, вторую часть

помещаем непосредственно в то место страницы, где будут выводиться ваши комментарии.

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

Вставка комментариев в WordPress

Первая часть скрипта вставляется в файл header.php до закрывающего тега head, а второй блок кода в файл single.php, перед комментариями, либо в начало или конец файла comments.php. Можно вообще удалить стандартные комментарии и оставить только комментарии Вконтакте.

Вставка комментариев в DataLife Engine

Первую часть кода нужно вставить в main.tpl, также в области head, а вторую – в fullstory.tpl, перед тегами{addcomments}{comments}.
В результате на вашем сайте появятся комментарии, которые будут иметь подобный вид
Комментарии ВКонтакте
Что здесь есть интересного для комментатора?

Возможные неполадки! У меня например, виджет не захотел сразу работать, причина оказалась в wp-minify плагине вордпресс для минимизации css и js, так что нужно его деактивировать, либо исключить скрипт ВК, настройки плагина позволяют это сделать)).

Виджет Сообществ

Второй интересный виджет – это Сообщества.

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

Может отображаться в нескольких видах.

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

как обычно вставляем в head нашего сайта(файл header.php для wordpress, main.tpl для dle),
а часть

в сайдбар (Соответственно sidebar.php в WordPress и sidebar.tpl в DataLife Engine).

Виджет Мне нравится

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

В настройках, относящихся к этому виджету, помимо указания конкретного вида кнопки из вышеперечисленных можно указать размеры кнопки и текст, который будет выводиться (Мне нравится или Это интересно).
Настройки Мне нравится
Перейдем к генерируемому коду – первую часть вставляем между тегами head вашей страницы (WordPress -header.php, DLE – main.tpl)

вторую часть идущую со слов <!– Put this div tag to the place, where the Comments block will be –>

помещаем в нужном месте, до или после статьи, для DLE в файле fullstory.tpl, для WordPress – single.php.

На основе виджета Мне нравится разработчики ВКонтакте создали другой менее известный, но полезный плагин, который помогает вебмастерам, генерируя на страницах сайта блок популярных новостей. Естественно требуется виджет Мне нравится, предварительно установленный для каждой статьи.
Работает все элементарно: посетители клацая по кнопке, определяют какие материалы являются популярными. Это чудо называется виджет рекомендаций и выглядит примерно так
Виджет рекомендаций
Перейдем к настройкам.
Настройки виджета рекомендаций
Нам предоставлена возможность изменять количество записей, период выборки, в течение которого происходит подсчет лайков, и формулировку(понравилось или интересно такому-то числу людей).
Что касается кода,первую часть как обычно помещаем между тегами head, а вторую часть

например, в сайдбар. Размещение для WordPress и DLE аналогично тому, какое было при установке Виджета Сообществ.

Как всегда, традиционно видео по теме


На сегодня все, пока!

Понравилась статья?
Подпишитесь на RSS по e-mail
Поделитесь в социальных сетях
Вы можете также посмотреть
Комментарии
  1. И да пребудет с Вами сила!

  2. Огромное вам спасибо! а еще посты на эту тему будут в будующем?

  3. Много букв, пока читал, забыл что хотел. На тему сообществ и страниц, есть норм виджет – ejfe.ru/widget , просто ссылку на страницу вк указал и уже есть код iframe. Вставляешь хоть куда и все ок! Все автоматом на сайт подтягивается, в красивую ленту. Еще и твиттер с инстаграмом и facebook поддерживает.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*