Виджет для публичных страниц

Темы только для ознакомления. Уроки по использованию старой версии ВКонтакте API и устаревших методов.
Аватара пользователя
Александр
Создатель сайта
Создатель сайта
Сообщения: 4574
Зарегистрирован: 27 сен 2009, 16:45

Виджет для публичных страниц

Сообщение Александр »

Виджет для публичных страниц
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) и нажимаем «Сохранить».

Виджет должен вывести ваше имя и фамилию.

Изображение
Сахар[OK]
Сообщения: 9
Зарегистрирован: 05 май 2011, 19:09

Re: Виджет для публичных страниц

Сообщение Сахар[OK] »

кульно!
только я виджетами неанимаюсь :D
Но материал очень полезный! :ugeek:
Аватара пользователя
kek$
Сообщения: 80
Зарегистрирован: 25 июл 2010, 17:33

Re: Виджет для публичных страниц

Сообщение kek$ »

а можно сделать на iframe например выджет часов (на бесплатном хосте)?
Изображение
Аватара пользователя
ukhov
Модератор
Модератор
Сообщения: 1343
Зарегистрирован: 04 янв 2011, 21:19

Re: Виджет для публичных страниц

Сообщение ukhov »

kek$ писал(а):а можно сделать на iframe например выджет часов (на бесплатном хосте)?
Изображение
да
Аватара пользователя
kek$
Сообщения: 80
Зарегистрирован: 25 июл 2010, 17:33

Re: Виджет для публичных страниц

Сообщение kek$ »

Еще вопрос , почему в Публичной странице место где установлен виджет растёт без конца это иза того что приложениее не проверено?
Аватара пользователя
ukhov
Модератор
Модератор
Сообщения: 1343
Зарегистрирован: 04 янв 2011, 21:19

Re: Виджет для публичных страниц

Сообщение ukhov »

kek$ писал(а):Еще вопрос , почему в Публичной странице место где установлен виджет растёт без конца это иза того что приложениее не проверено?
как понять "растёт без конца"?
Аватара пользователя
kek$
Сообщения: 80
Зарегистрирован: 25 июл 2010, 17:33

Re: Виджет для публичных страниц

Сообщение kek$ »

так и понять страница просто растёт,скроллинг без конца... попробуй поставить увидишь шо за прикол)
Аватара пользователя
ukhov
Модератор
Модератор
Сообщения: 1343
Зарегистрирован: 04 янв 2011, 21:19

Re: Виджет для публичных страниц

Сообщение ukhov »

kek$ писал(а):так и понять страница просто растёт,скроллинг без конца... попробуй поставить увидишь шо за прикол)
что поставить? + у меня приложение не проверено, виджет работает
Аватара пользователя
kek$
Сообщения: 80
Зарегистрирован: 25 июл 2010, 17:33

Re: Виджет для публичных страниц

Сообщение kek$ »

ukhov он то работает только некоректно...
Tatyana_avariya
Сообщения: 4
Зарегистрирован: 07 июн 2011, 14:28

Re: Виджет для публичных страниц

Сообщение Tatyana_avariya »

Почему виджет не виден другим пользователям, только администратору? в настройках указано, что виджет виден всем...
Ответить