Библиотеки ВКонтакте
https://vk.com/dev/products
Публикация ссылок
Яндекс «Поделиться»
PLUSO
Виджеты Вконтакте для сайтов
«Мне нравится»
Комментарии
Опросы
Рекомендации
Запись на стене
Подписаться на автора
Авторизация
Сообщества
Сообщения для сообщества
Напишите нам
Разрешить писать сообществу
1.58M
Category: internetinternet

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

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
Этот виджет позволит клиентам быстро подписаться
на уведомления в личных сообщениях от сообщества,
не покидая Вашего сайта.
Это удобный способ организовать подписку на
регулярную рассылку. После получения согласия от
пользователя сообщество может отправить ему
сообщение без какого-либо ограничения по срокам.
В любой момент пользователь может запретить
присылать ему сообщения с помощью кнопки в
диалоге с сообществом.
English     Русский Rules