Як ми вчили Facebook робити сайти або План "Конверт"

наприкінці минулого року нам поставили завдання — зробити інструмент, який автоматично створював би адаптивний сайт на основі інформації зі сторінки бізнесу в соцмережі. На цьому шляху ми:

  • Познайомилися з правнуком Льва Термена і виконали його прохання.


  • Схоже, першими реалізували автоматичний перенос відгуків з Facebook на інші платформи.
  • І винайшли ще один спосіб прискорити роботу над недорогим сайтом для фрілансера і замовника.


Першу схему роботи системи ми накидали на листочку. Що було символічно, адже проект отримав робочу назву «Конверт»: стрічка Facebook схожа на нескінченний набір аркушів, а ми упаковували ці дані в нову форму — свого роду конверт для обраної інформації зі сторінки.



Давайте для початку познайомимося з принциповою схемою нашого «чорного ящика».

1. Як це працює
Користувач заходить на сервіс з ПК, смартфона або планшета, дає посилання на сторінку в соцмережі і вибрати шаблон для майбутнього сайту. Далі все відбувається автоматично — просто слідкуйте за таймером.



Поки цокає таймер, ми забираємо дані зі сторінки Facebook API, складаємо їх в єдиний файл на нашому сервері і формуємо образ майбутнього сайту-візитки, використовуючи власну систему бекапів.


Зображення у повному розмірі

Головна сторінка формується за принципом лендинга: яскравий перший екран, потім красиві фото, нижче — тексти недавніх постів, для яких ми автоматично створимо заголовки. Якщо на Facebook були майбутні заходи — на них можна буде записатися з головною. Відгуки були? Ми також розмістимо їх на «морді» сайту.

Кількість внутрішніх сторінок безпосередньо залежить від заповненості сторінки на FB. Мінімальний набір, який ви отримаєте: головна і окремі сторінки «Галерея» і «Новини» — у них буде зберігатися більше фото і постів (до 50 штук), ніж на головній. Також в структурі сайту передбачені сторінки «Заходи», «Про нас» і «Контакти», які ми згенеруємо, тільки якщо на Facebook буде достатньо даних для цього.


Зображення у повному розмірі

Кожна корисна одиниця даних при перенесенні «загортається» в віджет від uKit — готовий елемент (заголовок, текстовий блок, картіка тощо) з конструктора, в якому ви буде управляти своїм сайтом. Однак, ми не тільки розкладаємо дані з Facebook на свій лад, а ще й додаємо характерні для сайту елементи (кнопки заклику до дії, форма зворотного зв'язку і т. д.) і прописуємо за користувача перші SEO-налаштування.



Коли імпорт завершено, користувач переходить на перегляд результату — і далі може доповнювати і змінювати прототип (наприклад, поставити віджет магазину, зворотний дзвінок і т. д.) у візуальному режимі.

Весь процес від старту імпорту до моменту «правити сайт руками» займає близько двох хвилин.

2. Де подивитися результат?
1) Якщо у вас немає публичной Facebook-сторінки, подивіться на сайт велосипедистів з ВДНГ:



Він піддався мінімуму змін після імпорту і найбільш наочний приклад того, що можна отримати на виході.

2) Інші користувачі не зупиняються і додають на сайт більше віджетів, по-своєму переробляючи структуру головної і внутрішніх сторінок — наприклад, як це кафе з Серпухова. Хлопці робили собі сайт і самі вперше.


Побродити по сторінкам їх сайту можна тут.

3) Третя група користувачів стала застосовувати конвертер за сценарієм, про який ми не думали спочатку. Вони переносять дані — і віддають інші кроки на відкуп фрілансерам.


Приклад сайту, де власник тільки імпортував сторінку, а решта доробив виконавець за 3,5 До рублів

Так що, почасти, ми винайшли систему перенесення даних, яка може полегшити життя замовникам і фрілансерам, які роблять сайти-візитки і прості одностраничники.

3. Пасхалка, прохання Термена і навіщо все це було
3.1 Як назвати цю штуку
Найскладнішим було навчитися переносити контент (у FB далеко не 5 типів, посад, як він заявляє) і не ламати при цьому шаблони**. Навіть якщо потрібно перенести білі вірші про білих гуртках.



Другим за складністю моментом стали суперечки навколо назви робочої версії. Маркетологи в результаті наполягли на зміну імені проекту — тепер він зветься uKit Alt. Але пасхалку з «конвертом» ми залишили.

3.2 Прохання Термена

1) поява публічної версії конвертера люди реагували по-різному:


Будні наших сммщиков

2) Хто-то сміливо кидався тестувати сервіс, хоча він заточений під створення сайтів-візиток, а не під новинні проекти:


На старті конвертувати сторінку міг лише її адміністратор, так що сторінку РБК конвертував хтось з адмінів. Зараз ми відійшли від схеми «імпортувати може тільки адміністратор» на користь «редагувати результат може тільки адміністратор»*

3) А хтось, як Петро Термен (правнук того самого Льва Термена), дивився в майбутнє:



Нещодавно ми реалізували цю функцію — тепер новини з сайту можна додавати на Facebook, і навпаки.

3.3 Навіщо все це було
Основний наш користувач не медійні проекти і не медійні персони. З 17000 конвертацій більша частина — це невеликі кафе, готелі, музичні та творчі проекти, підприємці всіх мастей.

У когось сайту не було, у кого-то сайт вже був, але «неадаптівний», «зі складною CMS» і так далі. Сподіваємося, що допомогли їм.

Траплялися й такі випадки:
Старий сайт одного з тих, що прийшли користувачів

Останнє оновлення сайту датується 17.04.2016


Нам здається, що навіть самий простий сайт з фейсбучного контенту краще того, що живе під спойлером.

Ну а ми… Ми запустили проект, до якого в майбутніх версіях додасться нейромережа. Вона буде збирати людям сайти за 2 хвилини.

А поки, будемо раді обговорити роботу з API Facebook і роботу сервісу в поточному вигляді.

Виноски:

* Завдяки тому, що почати конвертацію міг тільки адміністратор, ми могли забирати з публічної сторінки більше типів контенту, включаючи відгуки. Схоже, ми в цьому ділі перші. Але зараз працює версія, де можна буде пропустити крок з реєстрацією на старті — вже на підході.

** Про неочевидних технічні проблеми при імпорті FB-контенту на нові платформи зібрався цілий пост-лонгрид — наступний.
Джерело: Хабрахабр

0 коментарів

Тільки зареєстровані та авторизовані користувачі можуть залишати коментарі.