Самый простой способ создания вкладок

 

Как вы уже наверняка знаете, стандартный функционал страниц Facebook можно расширять практически до бесконечности. Для этого предназначены так называемые вкладки. Стандартные вкладки, которыми уже снабжена стандартная страница — это Заметки, Фотографии, Мероприятия и несколько других.

Но можно размещать и свои, причем каких-то специальных навыков в программировании не требуется. Идея проста. Вкладка позволяет выводить любой контент через iframe.

Это могут быть как статический контент так и достаточно сложные интерактивные приложения. Несколько удачных примеров:

  • Sony — тут прямо полноценный сайт с динамическим контентом и подключением других социальных сетей),
  • Pulp Fiction,
  • Ticketmaster,
  • KLM — с возможностью поиска и заказа билетов

И так далее. Самое главное, чтобы контент, который будет располагаться на вкладке, был оптимизирован под фиксированные размеры Facebook. Вот, например, по этой ссылке располагается страничка, которую Sony интегрировали на Facebook-вкладку. Предварительно эта страничка была адаптирована под размеры Facebook 810 px (по ширине).

Попробуем создать вкладку с динамическим контентом и интегрировать ее на Facebook-страницу.

В качестве примера возьмем приложение ProstoPromo, создадим простенький конкурс и разместим на вкладке. Для создания вкладки воспользуемся самым простым, как по мне, приложением Static HTML.

Нам предложат выбрать страницу, администраторами которой мы являемся. После выполнения всех шагов, возвращаемся на нашу Facebook-страницу и видим новую вкладку под названием Welcome. Располагаться она будет примерно в таком месте:

 

При желании, расположение вкладки можно легко изменить, передвинув ее поближе, например после Информация или Заметки. Итак, кликаем по Welcome, загружаются настройки вкладки. В поле index.html нам нужно вставить html-код, который и будет отображаться пользователю.

Создаем промо-акцию в ProstoPromo, доходим до шага Публиковать и копируем предлагаемый html-код для отображения будущего конкурса:

 

Снова переходим на вкладку Welcome нашей Facebook-страницы и вставляем скопированный код в поле index.html. Получаем что-то подобное на экране:

 

Переименовать вкладку можно в разделе Settings. Там в общем-то больше никаких настроек нет. Куда не ткнись, Static HTML просит денег, но даже бесплатных возможностей вполне хватает. Все будет работать и что очень важно — без всяких рекламных ссылок.

Не забудьте сохранить изменения с помощью кнопки Save & Publish.

ProstoPromo

Площадка для создания и проведения промо-акций, конкурсов. Легко интегрируется в Facebook.

Оставить комментарий

 

 
Карта