1. 1. Створюємо програми в соцмережах
2. 2. Налаштовуємо SSL
3. 3. Реєстрація користувачів
4. 4. Налаштування роботи сайту, як додатки всередині соцмережі
5. Навіщо все це потрібно
6. висновки

Вивчаючи можливості додатків в соцмережах «ВКонтакте» і Facebook, я знайшов багато корисних функцій щодо взаємодії з користувачами мережі. За допомогою API «ВКонтакте» і Facebook можна відправляти повідомлення, робити пости, отримувати практично будь-яку інформацію про користувача і взаємодіяти з соцмережею.

Я подумав: чому б не застосувати всі ці функції для стороннього сайту. Почав вивчати і зрозумів, що це дійсно можливо. Адже додатки для «ВКонтакте» і Facebook - це такі ж веб-додатки, як і будь-який сайт. Звичайно, виникають деякі нюанси, про які я розповім нижче.

І «ВКонтакте», і Facebook дозволяють взаємодіяти зі своєю мережею як зовнішніх сайтів, так і додатків. Звертаю вашу увагу на те, що способи підключення та взаємодії зовнішніх сайтів і додатків відрізняються, і треба це чітко розуміти.

Наприклад, ми спочатку підключили свій сайт до «ВКонтакте» і Facebook як зовнішній сайт, при цьому хотіли використовувати відправку повідомлень користувачам. У нас нічого не вийшло, так як основна функціональність API соцмереж доступна лише для додатків. З Facebook перехід від зовнішнього сайту до додатка був простіше - практично нічого міняти не довелося. А ось з «ВКонтакте» довелося попотіти. Тому раджу відразу створювати саме додаток, якщо хочете використовувати всі можливості API соцмереж.

Отже, що необхідно зробити, щоб використовувати сайт як додаток в соцмережах.

1. Створюємо програми в соцмережах

Для «ВКонтакте» потрібно вибрати iframe-додаток:

Для Facebook необхідно вибирати Facebook Canvas-додаток:

Заповнюємо всю необхідну інформацію в профілях додатків, вставляємо логотипи і посилання. Це та інформація, яка буде відображатися користувачеві при реєстрації і всередині соцмереж.

2. Налаштовуємо SSL

Як «ВКонтакте», так і Facebook працюють по HTTPS-протоколу за замовчуванням. Тому і додатки зобов'язані працювати за цим протоколом. Ми зробили наш сайт таким чином, щоб користувач міг звертатися як по HTTP, так і по HTTPS.

Користувач нормально працює як всередині соцмереж, так і як звичайний веб-сайт. Якщо хочете, можете залишити тільки HTTPS. З налаштуванням SSL у нас виникли деякі складності, але всі вони зважилися. Тут все залежить від вашого хостера і купленого сертифікату. Головне, після того, як ви все таки запустіть сайт по HTTPS, переконатися, що весь сайт відмінно працює і немає посилань, які використовують незахищений протокол. Інакше ці посилання будуть блокуватися всередині соцмереж.

3. Реєстрація користувачів

Ось тут підхід «ВКонтакте» і Facebook істотно відрізняється. Для Facebook можна використовувати стандартні способи реєстрації, які можна застосувати й для стороннього сайту. на developers.facebook.com можна знайти багато інформації про те, як залягання користувача через Facebook і отримати про нього дані.

Таким же способом користувач підключається до додатка. З «ВКонтакте» ситуація трохи складніше - неможливо встановити додаток поза соцмережі. Єдиний можливий вихід із ситуації ми знайшли в перенаправлення користувача на наш додаток всередині «ВКонтакте», коли він натискає на кнопку входу. Причому, щоб у користувача не було шоку, що його кудись перекидають, ми йому показуємо ось таке вікно:

Далі необхідно використовувати Javascript SDK для того, щоб користувач встановив (підключив) ваше додаток. Тоді «ВКонтакте» дасть доступ до його даних і дозволить використовувати всі методи взаємодії.

4. Налаштування роботи сайту, як додатки всередині соцмережі

Отже, користувач встановив наш додаток. Тепер ми повинні переконатися, що наш сайт працює нормально всередині Facebook і «ВКонтакте». По-перше, при вході через «ВКонтакте» користувач відразу потрапляє в ваш додаток всередині соцмережі. По-друге, користувач може сам туди зайти через кнопки у своїй соцмережі. І по-третє, що було найголовнішим для нас - користувач потрапляє в додаток при кліці на повідомлення. Про це трохи пізніше.

Якщо з Facebook ніяких проблем не виникло і сайт функціонував без глюків, то для «ВКонтакте» нам довелося трохи попрацювати з Javascript SDK. Єдине, що треба було зробити - це відрегулювати висоту iframe і проскроліть вікно в початок сторінки при кожному перезавантаженні. Також при відображенні сайту всередині соцмережі ми даємо можливість користувачеві перейти на сайт в звичайному режимі.

В принципі - нічого складного. Тепер у вас є сайт і додатки для соцмереж Facebook і «ВКонтакте».

Навіщо все це потрібно

Ви можете використовувати всі методи взаємодії з користувачами, які надає соцмережа. У конкретно нашому випадку було важливо повідомляти користувачів з «ВКонтакте» і Facebook про нові замовлення, повідомленнях, коментарях, в загальному, про все, що важливо і змушує перейти на сайт, а точніше - в додаток.

У нас на сайті є три способи реєстрації: email, «ВКонтакте» і Facebook. І в залежності від способу реєстрації користувач отримує повідомлення, відповідно, на пошту або в соцмережі. Навіщо змушувати користувача Facebook вводити email, який він не використовує, якщо можна комунікувати з ним прямо в Facebook?

Не буду загострювати увагу на тому, як саме відправляти повідомлення. Ці речі добре описані в документациях роботи з API соцмереж.

Що ж ми отримали запровадивши такі повідомлення:

1. Збільшили прочитання повідомлень і перегляд замовлень на сайті з 60% до 95%. Просто за рахунок того, що багато користувачів, які прийшли з соцмережі, абсолютно не користуються email і крім як в соцмережі з ними не можна було зв'язатися.
2. Збільшили кількість відвідувачів сайту на 4%. Цифра не дуже велика, але я впевнений, її можна збільшувати, працюючи з новим каналом за принципом email-маркетингу.

Що ще можна отримати, використовуючи сайт як додаток в соцмережі:

1. Як я вже говорив, Ви можете відправляти повідомлення коли завгодно і практично без обмежень. Як і з email, необхідно дотримати баланс між занадто настирливими і частими повідомленнями, і дійсно необхідною і потрібною користувачеві інформацією.
2. Можна використовувати інші можливості соцмереж. Робота зі стіною, щоб отримати додаткову інформацію про користувача. Варіантів дуже багато. Наприклад, ми плануємо створити механізм зручного завантаження фотографій прямо з «ВКонтакте», так як багато людей вже продають свій одяг там. Таким чином продавці зможуть в кілька кліків перекинути товари до нас, замість того, щоб заново завантажувати фотографії і ціни.

висновки

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