Библиотеки Вконтакте

1. Библиотеки ВКонтакте

2.

3.

4. https://vk.com/dev/products

5. Публикация ссылок

https://vk.com/dev/Share
https://vk.com/dev/widget_share
https://vk.com/feed
http://vk.com/js/api/share.js
https://vk.com/images/share_32.png

6.

7. Яндекс «Поделиться»

https://tech.yandex.ru/share/
https://tech.yandex.ru/share/doc/dg/add-docpage/
https://yandex.ru/legal/sharebutton_termsofuse/
https://habrahabr.ru/company/softline/blog/144946
/

8.

9. PLUSO

http://share.pluso.ru/
//share.pluso.ru/pluso-like.js
http://share.pluso.ru/faq#t9
https://vk.com/rusvc?w=wall26393406_331
https://habrahabr.ru/post/155551/
https://habrahabr.ru/post/231887/

10.

11.

12.

https://www.addthis.com/

13. Виджеты Вконтакте для сайтов

//vk.com/js/api/openapi.js
https://vk.com/js/api/xdmHelper.js
https://oauth.vk.com
https://api.vk.com
//vk.com/al_apps.php
//vk.com/widget_allow_messages_from_community.
php
https://login.vk.com
widget_community_messages.php
//vk.com/js/api/openapi_update.js

14.

ВКОНТАКТЕ
ВАШ ПРОФИЛЬ
САЙТ
openapi.js
<script type="text/javascript">
VK.init({apiId: API_ID, onlyWidgets: true});
</script>
АДРЕС САЙТА
АДРЕС САЙТА
API_ID
API_ID
ВАШИ
ПРИЛОЖЕНИЯ
<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "button"});
</script>

15. «Мне нравится»

https://vk.com/dev/Like
Виджет «Мне нравится» позволяет Вашим посетителям одним кликом
выразить своё отношение к статье или моментально поделиться ссылкой на
статью с друзьями.
Вы всегда можете просмотреть полный список оценивших статью и
поделившихся ссылкой на нее с друзьями. Кроме этого по ссылке «К обзору
комментариев» вы можете просмотреть все комментарии, оставленные
ВКонтакте к размещенным ссылкам.
Показатели различны для каждого уникального адреса на Вашем сайте. Если
статья на Вашем сайте может иметь различные адреса (например, в
зависимости от источника перехода, языка или других параметров), то в
VK.Widgets.Like последним параметром нужно передавать Ваш внутренний
идентификатор страницы - page_id. Пример кода с page_id Вы найдете в
полной документации к виджету.
Для получения списка пользователей, отметивших страницу через виджет
"Мне нравится", можно использовать метод API likes.getList.

16.

17. Комментарии

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

18.

19. Опросы

https://vk.com/dev/Poll
При помощи виджета для опросов Вы можете за 5
минут организовать опрос пользователей своего
сайта, расположив соответствующий блок в любом
месте страницы.
Посетители одним нажатием кнопки мыши могут
выразить своё мнение и моментально поделиться им
с друзьями, опубликовав результат на своей странице
ВКонтакте. Для этого пользователю не придется
самому вводить какую-либо информацию, поэтому
ссылка на статью с таким опросом сможет
распространиться максимально быстро.

20.

21. Рекомендации

https://vk.com/dev/Recommended
Виджет для рекомендаций создает на Вашем
сайте динамический блок с наиболее
популярными материалами. Разместив такой
блок на главной странице, Вы упростите своим
читателям поиск интересных статей.
Популярность материалов определяется с
помощью виджета «Мне нравится», который
необходимо установить перед использованием
виджета для рекомендаций.

22.

23. Запись на стене

https://vk.com/dev/Post
При помощи виджета записей Вы можете встроить на
свой сайт отдельную запись или комментарий
пользователя или сообщества ВКонтакте.
Виджет позволяет пользователям Вашего сайта не
только ознакомиться с самой записью или
комментарием, но также моментально оценить ее,
поделиться с друзьями или подписаться на страницу
автора. А благодаря широким мультимедийным
возможностям виджета Вы сможете послушать
прикрепленные аудиозаписи, посмотреть видео и
рассмотреть фотографии не уходя со страницы с
виджетом.

24.

25. Подписаться на автора

https://vk.com/dev/Subscribe
Виджет позволит посетителям Вашего сайта в
один клик подписаться на выбранного
пользователя или группу. Например, разместив
этот виджет под статьями и материалами на
Вашем сайте, легко поддерживать в актуальном
состоянии информацию об авторах.

26.

27. Авторизация

https://vk.com/dev/Login
• С помощью виджета для авторизации Вы можете максимально просто
предоставить пользователям возможность авторизоваться на Вашем
ресурсе. Перед авторизацией пользователь сможет увидеть свою
фотографию и уже авторизованных друзей.
Виджет поддерживает два вида авторизации: обычный - пользователь
будет переадресован на указанный в параметре authUrl адрес с полями:
uid, first_name, last_name, photo, photo_rec, hash
• динамический - после авторизации будет вызвана функция onAuth c
объектом data, содержащим поля uid, first_name, last_name, photo,
photo_rec, session, hash, также пользователь будет авторизован в openApi.
Для проверки авторизации Вы можете использовать полученный параметр
hash, сравнив его с md5 подписью от app_id+user_id+secret_key, например
md5(194253766748fTanppCrNSeuYPbA4ENCo).
Виджет также может быть использован вместе с другими виджетами и
Open API.
Подключение виджета к Вашему сайту
Для добавления виджета на Ваш сайт, просто скопируйте код для вставки
на страницу, на которой Вы хотите разместить виджет.

28.

29. Сообщества

https://vk.com/dev/Community
Виджет для сообществ тесно свяжет ваш сайт с
соответствующей группой или официальной страницей
ВКонтакте. Виджет позволяет подписаться на новости
сообщества, не покидая страницы.
В виджете могут отображаться фотографии друзей
пользователя и других участников сообщества. По ссылке
«Подписаны..» доступна демографическая статистика по
участникам.
Вместо фотографий также могут отображаться новости
сообщества. В этом случае внизу виджета будет располагаться
небольшой блок с фотографией самого близкого друга
пользователя из числа подписавшихся и списком остальных
друзей, состоящих в сообществе. При прокрутке блока вниз
автоматически подгружаются более старые записи.

30.

31. Сообщения для сообщества

https://vk.com/dev/CommunityMessages
Виджет «Сообщения сообщества» — это быстрый способ связи
с пользователями ВКонтакте прямо на Вашем сайте. Вы
сможете ответить клиенту даже после того, как он покинет сайт
— сообщения будут отправлены от имени Сообщества.
Вашим клиентам больше не придется дополнительно
регистрироваться и указывать контактные данные. Всё
необходимое уже есть в хорошо знакомом интерфейсе
ВКонтакте, включая возможность прикрепить к вопросу
фотографию или документ.
Виджет располагается в правом нижнем углу и может быть
раскрыт сразу после загрузки или по клику пользователя. Перед
использованием виджета убедитесь, что Сообщения включены
в настройках Сообщества.

32.

33. Напишите нам

https://vk.com/dev/ContactUs
При помощи виджета «Напишите нам» Вы можете за 5
минут добавить на Ваш сайт быстрый и удобный способ
связи через сообщения ВКонтакте. Кликнув на виджет,
пользователи будут переходить к диалогу и получат
возможность задать вопрос, уточнить цену или
проконсультироваться об услугах.
Используя виджет или короткий адрес vk.me/[короткий
адрес пользователя или адрес группы], Вы всегда можете
быстро поделиться Вашими контактами.
Настройте текст виджета, чтобы он максимально точно
соответствовал потребностям пользователя.

34.

35. Разрешить писать сообществу

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