HTML, JavaScript
В этом уроке вы узнаете как создать и подключить виджет для публичных страниц ВКонтакте.
Официальная документация Встраивание приложений в публичные страницы
1. Создаём файл html с кодом
Код: Выделить всё
<html><head><title>https://flapps.ru</title><script type='text/javascript' src='http://vkontakte.ru/js/api/xd_connection.js'></script></head><body><script type="text/javascript" language="javascript"> VK.init(function() { // получаем переданные скрипту переменные VK.loadParams(document.location.href); var viewer_id = VK.params.viewer_id; // выполняем запрос получения профиля VK.api("getProfiles", {uids:viewer_id}, function(data) { // обрабатываем полученные данные // выводим имя и фамилию в блок user_info document.getElementById('user_info').innerHTML = 'Привет, ' + data.response[0].first_name + ' ' + data.response[0].last_name; }); }); </script><div id="user_info"></div><a href="https://flapps.ru">https://flapps.ru</a></body></html>
2. Заходим в настройки приложения
Ставим галочку у «Приложение можно встраивать в публичные страницы».
Заполняем «Настройки виджета».
Название: Любое название (будет отображено в названии виджета публичной страницы)
Адрес IFrame: Адрес созданного html файла на вашем сервере, например https://flapps.ru/widget.html
Примечание:
Настройки контейнера:
Тип приложения: IFrame
Если укажите Flash, то виджет не загрузится и вы увидите надпись «Не удаётся подключить приложение, проверьте доступность https://flapps.ru/widget.html и подключение xd_connection.js»
3. Заходим в настройки публичной страницы (Управление страницей)
Ставим галочку у «Подключить виджет» и справа появляется блок «Виджет».
Нажимаем на ссылку «Установить виджет», вводим ссылку на приложение (http://vkontakte.ru/appXXX) и нажимаем «Сохранить».
Виджет должен вывести ваше имя и фамилию.