Як створити вкладку привітання (розуміння фан-сторінок
Мені часто ставили запитання, яка ширина вкладки. Її ширина 520 пікселів. Це єдине обмеження, яке є у iframe-вкладок на фан-сторінках. Тому у вкладці можна зробити навіть міні-сайт.
маленький лікнеп
Крок 0. Створюємо HTML-файл і завантажуємо його на хостинг
Буде краще, якщо ми почнемо саме з створення HTML-файлу на комп'ютері. Тоді вам стане простіше розібратися в налаштуваннях програми Facebook.
У цьому прикладі я створю простий HTML-файл. Пам'ятайте, що ширина повинна бути 520 пікселів. HTML-код дивіться нижче.
Я завжди створюю код в програмі Notepad ++. Вона безкоштовна, зручна і наочна. Я зберігаю код завжди в кодуванні UTF-8, щоб не було кракозябрами замість тексту у вкладці Facebook.
Зберігайте файл на комп'ютері з ім'ям index.html. Це самий універсальний варіант. Відкриємо файл в браузері, щоб переконатися, що все виглядає так, як треба.
Крок 1. Створюємо своє iframe-додаток на Facebook
Потім на сторінці, яка відкрилася, справа вгорі натисніть кнопку «Створити новий додаток».
У спливаючому вікні, в якому треба ввести назву додаток (App Display Name). Воно може бути російською мовою, його довжина максимум 50 символів. (Назва програми буде відображатися, наприклад, у формі запрошення друзів. Якщо ви захочете зробити таке запрошення на своїй вкладці.)
Ставите галочку, що згодні з умовами Facebook (I agree to the Facebook Platform Policies). Натискаєте кнопку «Продовжити».
З'явиться Captcha. Ми повинні підтвердити, що живі люди.
Після її заповнення, якщо все правильно, Facebook деякий час думає і потім перед вами відкриваються базові налаштування програми. Це означає, що воно пройшло успішно. У кожної програми є багато різних налаштувань. У цій статті я сконцентруюся тільки на самих основних, необхідних для нормальної роботи вкладки на фан-сторінці.
Крок 2. Налаштування програми
Тепер наше завдання правильно налаштувати додаток, щоб інформація на вашому хостингу відображалася у вкладці на фан-сторінці. Це всього 4 дії.
1. Завантажимо іконку для вкладки з комп'ютера (її розмір повинен бути 16 * 16 пікселів). Просто натисніть на «edit icon».
2. Завантажимо логотип програми з комп'ютера (його розмір повинен бути 75 * 75 пікселів). Для цього натисніть на зображення більшого розміру.
Натискаєте кнопку «Зберегти».
Готово. Додаток додалося і все відображається коректно.
