Як зробити вкладку для Таймлайну

Якщо ви фахівець у діджитал, SMM, або кофаундер у крутому стартапі (аналогів немає!), саме час задуматися про переведення ваших сторінок на Facebook в режим Timeline. Ви ж стежите за трендами? Всі популярні сторінки, які ви й самі залайкали, вже перейшли і стали краще залучати свою аудиторію.

Але сторінку перекласти – не луки ебашити. Всі старі додатки-вкладки, які ви безкоштовно створили за допомогою FBML, доведеться замінити на нові широкі (на 810 - 520 = 290 пікселів більше) і хостити їх десь. Усього в мінусі: вартість домену, хостинг на рік, SSL сертифікат на домен (рік). І навіщо я тільки завів цю сторінку. ”

Не поспішайте її видаляти! У цій статті ви дізнаєтеся, як заощадити ваші інвестиції або бюджет вашого СММ агентства майже на 100 $ на рік і зробити вкладку-додаток (page tab) самому (розмістити безкоштовно). А ще ви зможете похвалитися перед друзями-експертами парочкою нових крутих слів: Git, Heroku, Cloud, SSL та іншими. Клауд - це вам не віртуалку розгорнути, або дедік на колокейшн поставити. Клауд – це тренді! Інвестор

Зміст

  1. Реєстрація нової програми
  2. Створення проекту уHeroku
  3. Робота зGit
  4. Завантаження промо сторінки для застосування-вкладки
  5. Переналаштування програмиFacebook
  6. Додавання вкладки на вашу сторінку

зробити

Давайте вже зараз підготуємо ваші сторінки до переходу на Timeline, і розмістимо ваші програми-вкладки безкоштовно за допомогою https:// на Heroku.

Реєстрація нової програми

Створення проекту у Heroku

таймлайну

Робота з Git

Команда git clone копіює вибраний репозиторій у поточне розташування. Після виконанняцієї програми у вашій папці git буде створена нова папка smmrussia, в якій ви зможете знайти всі файли проекту шаблонної програми Facebook: папки images, javascript, stylesheets, файл index.php та інші. Поки що не закривайте Git!

Завантаження промо сторінки для програми-вкладки

Ми не будемо створювати складну програму, а обмежимося простим статичним файлом HTML. Для вкладок на сторінках старого зразка максимальною шириною було 520 пікселів. Тепер вам доступно810 пікселів. Типовою структурою шаблону сторінки буде:

Тепер можете закрити Git Bash, вкладку з Heroku, і перейти назад до налаштування програми Facebook у розділі розробників.

Переналаштування програми Facebook

Додавання програми на сторінку

Щоб додати свою програму на сторінку, доведеться ще раз повернутися до документації Facebook. Перейдіть з розділу Apps до документації Documentation. У розділі Advanced Topics перейдіть за посиланням Dialogs. На сторінці діалогів у меню зліва перейдіть за посиланням Add Page Tab Dialog.

Нам потрібен розділ Direct URL Example, в якому ми копіюємо посилання з прикладуhttps://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&display=popup&next=YOUR_URL замінивши значення YOUR_APP_ID на App ID вашої програми (береться в налаштуваннях) та YOUR_URL на Heroku URL.

Вставте це посилання в новому вікні браузера і перейдіть по ньому. Ви побачите діалог вибору сторінок для додавання вашої програми. Виберіть бажану сторінку, яка вже переведена в режим Timeline (можна перевести її вручну на сторінці https://www.facebook.com/pages/status/ натиснувши Turn on Preview). Після вибору сторінки натисніть Add Page Tab.

Тепер все, новий додаток-вкладкадодано до вас на сторінку!

Ви можете завантажити інший логотип (за замовчуванням береться квадратний логотип вашої програми). Зайдіть у режим редагування (стрілка вниз праворуч від вкладок, що розкриває всі вкладки), і натиснувши на правому верхньому куті вкладки, виберіть Edit Settings. Далі натисніть посилання Change навпроти Custom Tab Image. Заздалегідь підготуйте зображення111x74 пікселя, інакше зображення, яке ви завантажите, буде автоматично приведено до цих максимальних розмірів.

вкладку

Якщо ви дочитали цю статтю до кінця, обов'язково натисніть на Like і поділіться їй у Twitter. Кажуть що у тих, хто натиснув, буде більше фоловерів у твіттері та фанатів на ваших сторінках у Фейсбуці!