Слайд 2
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/34237/slide-1.jpg)
Слайд 3
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/34237/slide-2.jpg)
Слайд 4
![https://vk.com/dev/products](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/34237/slide-3.jpg)
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](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/34237/slide-4.jpg)
Публикация ссылок
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
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/34237/slide-5.jpg)
Слайд 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/](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/34237/slide-6.jpg)
Яндекс «Поделиться»
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
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/34237/slide-7.jpg)
Слайд 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/](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/34237/slide-8.jpg)
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
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/34237/slide-9.jpg)
Слайд 11
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/34237/slide-10.jpg)
Слайд 12
![https://www.addthis.com/](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/34237/slide-11.jpg)
Слайд 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](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/34237/slide-12.jpg)
Виджеты Вконтакте для сайтов
//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
![ВКОНТАКТЕ САЙТ АДРЕС САЙТА API_ID АДРЕС САЙТА API_ID openapi.js VK.init({apiId:](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/34237/slide-13.jpg)
ВКОНТАКТЕ
САЙТ
АДРЕС САЙТА
API_ID
АДРЕС САЙТА
API_ID
openapi.js
ВАШ ПРОФИЛЬ
ВАШИ ПРИЛОЖЕНИЯ
Слайд 15
![«Мне нравится» https://vk.com/dev/Like Виджет «Мне нравится» позволяет Вашим посетителям одним](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/34237/slide-14.jpg)
«Мне нравится»
https://vk.com/dev/Like
Виджет «Мне нравится» позволяет Вашим посетителям одним кликом выразить своё
отношение к статье или моментально поделиться ссылкой на статью с друзьями.
Вы всегда можете просмотреть полный список оценивших статью и поделившихся ссылкой на нее с друзьями. Кроме этого по ссылке «К обзору комментариев» вы можете просмотреть все комментарии, оставленные ВКонтакте к размещенным ссылкам.
Показатели различны для каждого уникального адреса на Вашем сайте. Если статья на Вашем сайте может иметь различные адреса (например, в зависимости от источника перехода, языка или других параметров), то в VK.Widgets.Like последним параметром нужно передавать Ваш внутренний идентификатор страницы - page_id. Пример кода с page_id Вы найдете в полной документации к виджету.
Для получения списка пользователей, отметивших страницу через виджет "Мне нравится", можно использовать метод API likes.getList.
Слайд 16
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/34237/slide-15.jpg)
Слайд 17
![Комментарии https://vk.com/dev/Comments При помощи виджета ВКонтакте Вы можете за 5](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/34237/slide-16.jpg)
Комментарии
https://vk.com/dev/Comments
При помощи виджета ВКонтакте Вы можете за 5 минут добавить на Ваш
сайт возможность комментирования статей и других материалов. Пользователи смогут комментировать Ваши материалы без дополнительной регистрации.
При желании, каждый оставленный комментарий может транслироваться на страницу комментатора ВКонтакте со ссылкой на исходную статью. Со страницы автора и из раздела Новости о статье узнают друзья автора и смогут присоединиться к дискуссии.
В этом случае комментарии второго уровня будут синхронизироваться между ВКонтакте и виджетом на Вашем сайте, так что обсуждение будет происходить одновременно на двух площадках, привлекая внимание новых участников.
Слайд 18
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/34237/slide-17.jpg)
Слайд 19
![Опросы https://vk.com/dev/Poll При помощи виджета для опросов Вы можете за](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/34237/slide-18.jpg)
Опросы
https://vk.com/dev/Poll
При помощи виджета для опросов Вы можете за 5 минут организовать
опрос пользователей своего сайта, расположив соответствующий блок в любом месте страницы.
Посетители одним нажатием кнопки мыши могут выразить своё мнение и моментально поделиться им с друзьями, опубликовав результат на своей странице ВКонтакте. Для этого пользователю не придется самому вводить какую-либо информацию, поэтому ссылка на статью с таким опросом сможет распространиться максимально быстро.
Слайд 20
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/34237/slide-19.jpg)
Слайд 21
![Рекомендации https://vk.com/dev/Recommended Виджет для рекомендаций создает на Вашем сайте динамический](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/34237/slide-20.jpg)
Рекомендации
https://vk.com/dev/Recommended
Виджет для рекомендаций создает на Вашем сайте динамический блок с наиболее
популярными материалами. Разместив такой блок на главной странице, Вы упростите своим читателям поиск интересных статей.
Популярность материалов определяется с помощью виджета «Мне нравится», который необходимо установить перед использованием виджета для рекомендаций.
Слайд 22
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/34237/slide-21.jpg)
Слайд 23
![Запись на стене https://vk.com/dev/Post При помощи виджета записей Вы можете](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/34237/slide-22.jpg)
Запись на стене
https://vk.com/dev/Post
При помощи виджета записей Вы можете встроить на свой сайт
отдельную запись или комментарий пользователя или сообщества ВКонтакте.
Виджет позволяет пользователям Вашего сайта не только ознакомиться с самой записью или комментарием, но также моментально оценить ее, поделиться с друзьями или подписаться на страницу автора. А благодаря широким мультимедийным возможностям виджета Вы сможете послушать прикрепленные аудиозаписи, посмотреть видео и рассмотреть фотографии не уходя со страницы с виджетом.
Слайд 24
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/34237/slide-23.jpg)
Слайд 25
![Подписаться на автора https://vk.com/dev/Subscribe Виджет позволит посетителям Вашего сайта в](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/34237/slide-24.jpg)
Подписаться на автора
https://vk.com/dev/Subscribe
Виджет позволит посетителям Вашего сайта в один клик подписаться
на выбранного пользователя или группу. Например, разместив этот виджет под статьями и материалами на Вашем сайте, легко поддерживать в актуальном состоянии информацию об авторах.
Слайд 26
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/34237/slide-25.jpg)
Слайд 27
![Авторизация https://vk.com/dev/Login С помощью виджета для авторизации Вы можете максимально](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/34237/slide-26.jpg)
Авторизация
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
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/34237/slide-27.jpg)
Слайд 29
![Сообщества https://vk.com/dev/Community Виджет для сообществ тесно свяжет ваш сайт с](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/34237/slide-28.jpg)
Сообщества
https://vk.com/dev/Community
Виджет для сообществ тесно свяжет ваш сайт с соответствующей группой или
официальной страницей ВКонтакте. Виджет позволяет подписаться на новости сообщества, не покидая страницы.
В виджете могут отображаться фотографии друзей пользователя и других участников сообщества. По ссылке «Подписаны..» доступна демографическая статистика по участникам.
Вместо фотографий также могут отображаться новости сообщества. В этом случае внизу виджета будет располагаться небольшой блок с фотографией самого близкого друга пользователя из числа подписавшихся и списком остальных друзей, состоящих в сообществе. При прокрутке блока вниз автоматически подгружаются более старые записи.
Слайд 30
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/34237/slide-29.jpg)
Слайд 31
![Сообщения для сообщества https://vk.com/dev/CommunityMessages Виджет «Сообщения сообщества» — это быстрый](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/34237/slide-30.jpg)
Сообщения для сообщества
https://vk.com/dev/CommunityMessages
Виджет «Сообщения сообщества» — это быстрый способ связи с
пользователями ВКонтакте прямо на Вашем сайте. Вы сможете ответить клиенту даже после того, как он покинет сайт — сообщения будут отправлены от имени Сообщества.
Вашим клиентам больше не придется дополнительно регистрироваться и указывать контактные данные. Всё необходимое уже есть в хорошо знакомом интерфейсе ВКонтакте, включая возможность прикрепить к вопросу фотографию или документ.
Виджет располагается в правом нижнем углу и может быть раскрыт сразу после загрузки или по клику пользователя. Перед использованием виджета убедитесь, что Сообщения включены в настройках Сообщества.
Слайд 32
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/34237/slide-31.jpg)
Слайд 33
![Напишите нам https://vk.com/dev/ContactUs При помощи виджета «Напишите нам» Вы можете](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/34237/slide-32.jpg)
Напишите нам
https://vk.com/dev/ContactUs
При помощи виджета «Напишите нам» Вы можете за 5 минут
добавить на Ваш сайт быстрый и удобный способ связи через сообщения ВКонтакте. Кликнув на виджет, пользователи будут переходить к диалогу и получат возможность задать вопрос, уточнить цену или проконсультироваться об услугах.
Используя виджет или короткий адрес vk.me/[короткий адрес пользователя или адрес группы], Вы всегда можете быстро поделиться Вашими контактами.
Настройте текст виджета, чтобы он максимально точно соответствовал потребностям пользователя.
Слайд 34
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/34237/slide-33.jpg)
Слайд 35
![Разрешить писать сообществу https://vk.com/dev/AllowMessagesFromCommunity Этот виджет позволит клиентам быстро подписаться](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/34237/slide-34.jpg)
Разрешить писать сообществу
https://vk.com/dev/AllowMessagesFromCommunity
Этот виджет позволит клиентам быстро подписаться на уведомления в
личных сообщениях от сообщества, не покидая Вашего сайта.
Это удобный способ организовать подписку на регулярную рассылку. После получения согласия от пользователя сообщество может отправить ему сообщение без какого-либо ограничения по срокам.
В любой момент пользователь может запретить присылать ему сообщения с помощью кнопки в диалоге с сообществом.