Facebook є популярною , в якій зареєстровано 1,49 мільярда людей по всьому світу. До цього числа входить понад 15 мільйонів російськомовних користувачів.

Що можна робити у Facebook

Спробую коротко перерахувати те, що можна робити у соціальній мережі Facebook:

Хочу познайомити Вас із деякими поняттями, які є невід'ємною частиною Facebook.

Стіна Facebook

Ваша стіна – простір на сторінці вашого профілю, де Ви та ваші друзі можуть залишати повідомлення, робити публікації та обмінюватися новинами.

Друг, передплатник, френд, фанат, фан - друг вашого особистого профілю, якого ви обоє, за взаємною згодою, додали в друзі: Ви додали його в друзі, а він додав вас у свої друзі.

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

Перш ніж створювати профіль, спільноту чи групу, потрібно визначитися, для чого вони Вам потрібні і потім їх створювати. Спробуємо зараз із цим розібратися.

Особистий профіль Facebook

Особистий профіль (Private page) - треба розуміти, що забороняється(!) використовувати особистий профіль для бізнесу на Facebook, інакше можна втратити доступ до свого профілю та його вмісту.

Ліміт особистого профілю – 5.000 друзів. Власником профілю має бути реальна людина.

На те саме ім'я, яке буде у вашого особистого профілю, Ви не зможете завести сторінку або групу, для них має бути інше ім'я.

З правил Facebook:

Пам'ятайте, що подання в особистому обліковому записі чогось або когось, крім себе, є порушенням Умов використання Facebook

Питання: «Що краще: група чи сторінка у facebook?» не зовсім коректний, тому що у групи та у сторінки різне призначення та різні можливості. Про це йтиметься нижче.

Сторінки Facebook

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

На сторінках Facebook є статистика.

Сторінка (Page) сприяє формуванню спільноти у певній темі, є місцем для спілкування людей.

Для сторінки можна встановлювати різні програми.

Є можливість придумати та використовувати красиву коротку адресу сторінки.

Сторінки індексуються пошуковими системами.

На відміну від особистого профілю, на сторінках немає обмежень на кількість фанів (друзів). Також на відміну від профілю на сторінках Фейсбук можна запускати рекламу.

Групи Facebook

Група (Group) може бути:

• відкриті,
• закриті,
• таємні.

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

На відміну від сторінок, у групах не можна додавати програми, вкладки. Функціонал обмежений.

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

Мал. 1. Особистий профіль, бізнес-сторінки та групи на Фейсбуці для того, хто займається бізнесом Кнопка «Подобається» Facebook: лайк

До січня 2013 кнопка з великим вказівним пальцем вгору називалася «Мені подобається».

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

Стрічка новин Фейсбук

Стрічка новин Ви бачите відразу, як тільки заходите до себе на Facebook (після введення e-mail та пароля).

Там знаходяться всі новини ваших друзів, на сторінки яких Ви підписані, вся інформація, яку публікували ваші друзі і т.п.

Пост Facebook

Пост - це будь-яка публікація на Facebook: фото, посилання на щось, текст, відео, аудіо тощо.

Довідка Фейсбук

На багато питань можна знайти відповіді у Довідковому центрі на Facebook

Стартуємо!

Більше...

Що таке піксель у Фейсбук

1. Відстеження конверсій

Конверсія – це дії відвідувачів на вашому веб-сайті:

• відвідування сайту або певної сторінки
• реєстрація або заявка
• додавання товару до кошика
• продаж і т.д.

Встановивши піксель на сайт, ви зможете відстежувати потрібну вам дію.

Як це вам допоможе? Розглянемо приклад:

3. Створення індивідуальних аудиторій

Індивідуальні аудиторії – групи людей, які ви можете виділяти за деякими ознаками:

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

4. Створення подібних аудиторій

Подібні аудиторії – групи людей, які за певними ознаками схожі на обрані вами аудиторії.

Наприклад, ви зможете знайти у FB людей, хто схожий на:

• відвідувачів вашого сайту
• людей, хто найбільше часу проводить на вашому сайті
• людей, хто зареєструвався на вебінар
• людей, хто зробив купівлю/направив заявку і т.д.

Як ви можете це використати:

Тепер ви знаєте, які можливості відкриває піксель конверсій?

Тоді давайте його створимо.

Як створити піксель у Фейсбук у 3 кроки

Крок #2. Натисніть кнопку "Створити піксель"

Крок #3. Напишіть назву пікселя (наприклад, ваш сайт), поставте галочку в умовах її використання та натисніть "Створити піксель".

Всі! Піксель готовий.

Тепер встановимо його на сайт чи посадкову сторінку.

3 способи як додати піксель Facebook на сайт

Встановлення пікселя означає додавання його коду в код вашого сайту. Робиться це буквально за кілька хвилин. Вам потрібно зайти в налаштування вашого сайту та вставити код пікселя у верхню частину сайту до тега.

Зробити це можна у різний спосіб, і нижче я розгляну найпопулярніші.

Але перед цим ви маєте скопіювати код.

Клацніть на кнопку "налаштувати піксель", виберіть варіант "установка коду вручну" і клацніть по "коду" у пункті №2.

Натиснувши, ви автоматично скопіюєте код.

Спосіб #1. Встановлення пікселя на сайт у налаштуваннях теми

Якщо ви використовуєте один з популярних движків сайтів (WordPress, Bitrix, Joomla і т.д.), вам треба зайти в налаштування теми, знайти розділ, куди вставляються коди скрипти (коди) і вставити код до тега .

Наприклад, у моїй темі це виглядає так (я використовую платну тему Focus Blog на WordPress):

Що робити, якщо ви використовуєте WordPress, але у вас немає такого розділу?

Якщо у вашій темі не передбачено поля для вставки коду (таке може бути), то скачайте плагін "Insert Headers and Footers".

Після встановлення в вашій темі з'явиться поле header, куди ви зможете вставити код.

Спосіб #2. Встановлення пікселя через плагін WordPress

За допомогою плагінів ви зможете не тільки встановити піксель, але й отримаєте можливість його налаштування через адмінку WordPress!

Крім цього, частина плагінів містить додатковий функціонал зі створення аудиторій та відстеження конверсій на сайті, яких немає в інтерфейсі Facebook.

Найпопулярніші плагіни:

• Pixel Caffeine - повністю безкоштовний
• PixelYourSite Pro – безкоштовний, але повний функціонал платний

Я використав обидва плагіни і скажу, що Pixel Caffeine підійде 99,9% користувачів. За функціоналом він не поступається другому плагіну.

Як додати піксель через Pixel Caffeine?

Крок 1 . Завантажте та встановлюєте плагін

Крок #2. Зайдіть в налаштування плагіна у вкладку "General Settings", натисніть кнопку Facebook connect і встановіть з'єднання з вашим акаунтом на FB.

Піксель доданий на ваш сайт! При цьому вам не потрібно нічого додавати до коду.

Спосіб #3. Встановлення пікселя через Google Tag Manager

У GMT вам потрібно створити новий тег, який міститиме код пікселя Facebook і тригер "Всі сторінки".

Крок 1 . Зайдіть в GTM і натисніть "Новий Тег".

Крок #2. Клацніть на "Конфігурацію тега", виберіть "Користувацький HTML" і вставте код пікселя.

Крок #4. Надрукуйте створений тег.

Як встановити піксель на посадкову сторінку

Використовуючи платформи для створення посадкових сторінок, ви також можете встановити код пікселя на них.

Як і у випадку з сайтами ви повинні розмістити код пікселя у верхній частині сторінки до тега .

Подивимося, як це зробити на найпопулярніших сервісах для landing page.

Як встановити піксель конверсія на Platformalp

Крок 1 . Зайдіть в пункт "Налаштування" тієї посадкової сторінки, куди ви хочете встановити піксель.

Крок #2. У лівому меню виберіть розділ "Метрики та скрипти", вставте код у поле "Інші скрипти head" та натисніть "Зберегти".

Як встановити піксель фейсбук на Тільді (Tilda)

Крок 1 . Зайдіть в налаштування вашого сайту, у лівому меню виберіть розділ "Ще" і праворуч у пункті "HTML-код для вставки всередину Head" клацніть на посилання "Редагувати код".

Крок #2. Вставте код пікселя Фейсбук та натисніть "Зберегти".

На малюнку нижче Тільда ​​показує, що у коді є помилки (червоні хрестики). Не зважайте на це. З кодом пікселя все гаразд.

Як встановити піксель фейсбук на LPgenerator

Крок 1 . Зайдіть у редагування сторінки та у верхньому меню клацніть по пункту "Скрипти"

Крок #2. У вікні виконайте такі дії:

Натисніть кнопку "Додати скрипт"

Напишіть назву "Піксель Фейсбук"

Вставте скрипт

Виберіть положення "Всередині тега

Натисніть "Зберегти"

Як встановити піксель facebook на Wix

На сайти, створені на платформі WiX, піксель встановлюється іншим способом.

Також є умова – у вас має бути підключений власний домен.

Крок 1 . Зайдіть в розділ "пікселі" на фейсбук та скопіюйте номер (ID) вашого пікселя.

Крок #2. Тепер зайдіть на WIX у налаштування сайту (manage sites), виберіть у лівому меню розділ "Domain", клацніть на вкладці "Remarketing" і в полі "Facebook Pixel" вставте номер вашого пікселя.

Тепер треба переконатись, що він працює.

Як перевірити правильність роботи пікселя

За допомогою функції "Надіслати тестовий трафік".

За допомогою плагіна Pixel Helper

1. Як надіслати тестовий трафік

Крок 1 . Зайдіть на сторінку пікселя та клацніть на кнопку "налаштувати піксель".

Крок #2. У вікні виберіть "Встановлення вручну", в самому низу сторінки введіть URL вашого сайту в пункті "Надіслати тестовий трафік до свого пікселя" і натисніть кнопку "Надіслати трафік".

Відразу після цього FB відправить кілька роботів на ваш сайт.

Якщо все добре, то на сторінці пікселя у FB ви побачите переходи на ваш сайт.

2. Як перевірити піксель Facebook за допомогою Pixel Helper

Крок 1 . Завантажте офіційний плагін для браузера Chrome.

Такий значок з'явиться у верхньому правому куті браузера після встановлення плагіна.

Крок #2. Зайдіть на ваш сайт та клацніть по значку.

З'явиться віконце, де буде написано:

• Скільки пікселів FB знайдено
• Події, які спрацювали

Якщо у вас відобразилася ця інформація, і всі галочки зелені, ви правильно встановили піксель!

Піксель встановлений, і він працює. Саме час його налаштувати.

3 способи як налаштувати піксель для відстеження подій та конверсій

Щоб піксель FB почав виконувати свої функції, його треба налаштувати, і зробити це можна 3-ма способами:

Стандартні події

Індивідуальні події

Індивідуально налаштовані конверсії

#1. Стандартні події

1. Базовий код відстежує прості події на сайті та допомагає їх виміряти:

• Захід на сайт
• Відвідування певної сторінки
• Кількість відвідувань тощо.

Саме цей код ви додавали на сайт у тег у пункті вище.

Незалежно від способів відстеження конверсії цей базовий код повинен бути встановлений на всі сторінки вашого сайту.

2. Код події відстежує стандартні діїнаприклад, купівлю або реєстрацію.

Усього існує 9 стандартних подій:

- Перегляд матеріалів

Search - Пошук

AddToCart - Додавання до кошику

AddToWishlist - Додавання до списку бажань

InitiateCheckout - Початок оформлення замовлення

AddPaymentInfo - Додавання платіжної інформації

Purchase - Здійснення покупки

Lead - Лід

CompleteRegistration - Завершена реєстрація

Тобто, ви можете відстежувати, коли користувачі користуються пошуком на вашому сайті, коли додають товар у кошик і т.д.

Код пікселя, який дає Facebook (ви його копіювали вище), за промовчанням відстежує 1 стандартна подія - PageView.

Тобто в даний момент Facebook відслідковує всі відвідування вашого сайту, але не відстежує інші дії.

Є два варіанти, як їх відстежувати.

Варіант 1. Зі зміною базового коду

Ось тут нам і надійде на допомогу код події.

Треба додати код потрібної події до базового коду і розмістити його на потрібній вам сторінці.

Подивимося на прикладі, як це зробити.

У нас є посадкова сторінка та сторінка подяки, куди люди потрапляють після надсилання заявки:

• site.ru/landing-page - посадкова сторінка
• site.ru/thank-you-page - сторінка подяки

Там вже встановлено базовий код.

Дивимося коди стандартних подій.

Дії на сайті

Код стандартної події

Перегляд матеріалів	fbq("track", "ViewContent");
	fbq("track", "Search");
Додавання до кошику	fbq("track", "AddToCart");
Додавання до списку бажань	fbq("track", "AddToWishlist");
Початок оформлення замовлення	fbq("track", "InitiateCheckout");
Додавання платіжної інформації	fbq("track", "AddPaymentInfo");
Здійснення покупки	fbq("track", "Purchase", (value: 0.00, currency: "USD"));
	fbq("track", "Lead");
Завершена реєстрація	fbq("track", "CompleteRegistration");

Ми хочемо, щоб у Facebook передавалася інформація, коли людина надсилає заявку. Відповідно, нам підійде подія лід, якій відповідає код - "fbq("track", "Lead");"

Ми беремо його та вставляємо в базовий код. У результаті у нас виходить такий код:

Так як у нас на обох сторінках було встановлено базовий код, ми маємо видалити його зі сторінки подяки та замінити його цим новим кодом.

У результаті в нас вийде:

• site.ru/landing-page - посадкова сторінка - базовий код
• site.ru/thank-you-page - сторінка подяки - новий код

​ І тут ви можете мене запитати:

"Олексію, у мене великий сайт. І коли я вставляю базовий код у тег, то він додається на всі сторінки сайту. Я не зможу видалити його з окремо взятої сторінки і замінити іншим кодом. Як бути в цьому випадку?"

І тут ми переходимо до простішого способу.

Варіант 2. Без зміни базового коду

Насправді, щоб відстежувати конверсії, необов'язково замінювати базовий код код, що містить стандартну подію.

Достатньо додати код стандартної події після базової.

На сайті виглядає це так:

Exclamation-Circle

Важливо: Використовуючи цей варіант, ви повинні вставляти код події між тегами.

• Додавання товару до кошика
• Оплата

Щоб це зробити, нам треба додати такі коди на сайт.

Головна сторінка

1. Базовий код

1. Базовий код
2. Код додавання до кошика

fbq("track", "AddToCart");

Сторінка "Спасибі"

1. Базовий код
2. Код здійснення покупки

У результаті вийде:

• коли людина на головній сторінці (сторінка товару) додасть товар до кошика, його перенаправить на сторінку кошика - спрацює подія "додавання до кошика".
• коли людина в кошику сплатить товар, його перенаправить на сторінку "дякую" - спрацює подію "вчинення покупки".

Для події "вчинення покупки" ми можемо відстежувати додаткові. параметри.

Наприклад, ви продаєте товар, який коштує 30 $. Ви можете налаштувати, щоб при покупці в Facebook надавалась інформація про вартість товару та валюту.

Тепер переходимо до 2 способу відстеження конверсій.

#2. Індивідуальні події

p align="justify"> Індивідуально події - це події, за допомогою яких можна відстежувати нестандартні дії.

По суті, індивідуальні події створюються на підставі стандартних подій або пишуться з нуля.

Розглянемо 2 приклади створення інд. події на основі стандартної.

Візьмемо код події "здійснення покупки" - fbq("track", "Purchase", (value: 30.00, currency: "USD"));

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

Додамо до нього параметри:

• content_category - категорія

У результаті в нас вийде:

fbq("track", "Purchase", (value: 30.00, currency: "USD", content_name:"Кросівки", content_category: "Взуття"));

Візьмемо код події "Лід" - fbq("track", "Lead");

Якщо встановити код "Лід", то у FB буде просто передаватися інформація про те, що людина на щось підписалася, але на яку саме розсилку не відомо.

Тож код треба доповнити.

Додамо до нього параметр:

• content_name - назва товару

У результаті в нас вийде:

• Розсилка №1 - fbq("track", "Lead", content_name:"Розсилання1");
• Розсилка №1 - fbq("track", "Lead", content_name:"Розсилання2");

Перший код ми розміщуємо на сторінку подяки після підписки на 1 розсилку, а другий – на другу.

#3. Індивідуально налаштовані конверсії

Індивідуальні конверсії дають змогу відстежувати події на веб-сайті за допомогою URL-адреси.

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

Подивіться, як легко і легко створювати конверсії.

Як створити індивідуальну конверсію?

Крок #2. У вікні виберіть правило, на підставі якого фіксуватиме конверсія

Доступні 3 правила:

• URL містить
• URL збігається
• Захід

Вам потрібно вибрати "URL містить", інакше, якщо у вас буде посилання з utm-міткою, конверсія не зараховуватиметься.

Крок #3. Додайте URL-адресу сторінки подяки (або частину URL-адреси).

Зазвичай це сторінка, куди потрапляє відвідувач після дії (купівля, реєстрація, відправка заявки).

Як правильно вставити URL-адресу?

Наприклад, адреса сторінки подяки така: site.ru/thank-you-page.

Ви можете використовувати як повну адресу, так і її частину:

• site.ru/thank-you-page
• /thank-you-page

Exclamation-Circle

Щоб не допустити помилки, я раджу просто перейти на вашу сторінку подяки, скопіювати URL-адресу і вставити його в це поле.

Крок #4. Виберіть одну з 9 категорій конверсії та натисніть "Далі".

Крок #5. Напишіть назву конверсії, опис, цінність та клацніть кнопку "Створити"

От і все! Так просто створюється конверсія.

Як видалити індивідуальну конверсію?

Щоб це зробити, на сторінці індивідуально налаштованих конверсій позначте ту, яку хочете видалити, поставивши галочку поряд з нею, і в меню виберіть "видалити".

Як відстежувати понад 40 конверсій?

Якщо ви вичерпали ліміт 40 конверсій, то це обмеження можна обійти.

У цьому випадку треба використовувати спосіб #1 для відстеження конверсій – стандартні події.

Для цього на сторінках, де ви бажаєте відстежувати конверсії, під базовим кодом вашого пікселя (ви вже встановили його на веб-сайт) потрібно розмістити код подій.

Наприклад:

Якщо відстежуєте надсилання заявок, розмістіть подію "Лід":

• 
  fbq("track", "Lead");
  

Якщо відстеження покупки, то подія "здійснення покупок":

• 
  fbq("track", "Purchase", (value: 30.00, currency: "USD"));
  

Як відстежити конверсію під час надсилання форми, коли немає переадресації на іншу сторінку?

Якщо на сайті після надсилання заявки користувача не перенаправляє на іншу сторінку (сторінку подяки), або ви використовуєте AJAX форми, ви все одно зможете налаштувати відстеження конверсій.

Відразу скажу, що тут знадобиться невелика допомога програміста. Будь-який програміст налаштує це за 300-500 рублів.

Що треба зробити?

Треба додати код події до коду форми, який виконується при успішному відправленні форми.

Наприклад, ми хочемо відстежити подію "вчинення покупки". Тоді нам треба взяти код fbq("track", "Purchase", (value: 0.00, currency: "USD")); і додати його до коду у форми.

Якщо ви не розумієтеся на програмуванні, то все-таки раджу доручити це програмісту. Буде і швидше, і дешевшим.

У чому різниця між стандартними подіями та індивідуально налаштованими конверсіями? Скільки пікселів встановлювати, якщо у мене 2 сайти?

Тепер побачимо, як використовувати весь багатий функціонал пікселя конверсій на практиці.

• Збільшити кількість продажів/заявок
• Зменшити вартість заявки/продажу

Крок #2. У рядку "Сайт" виберіть ту конверсію, за якою хочете, щоб FB виконував оптимізацію.

Exclamation-Circle

Як відстежувати події та конверсії за допомогою пікселя?

• Скільки конверсій ви отримали
• Скільки коштує 1 конверсія
• Яке оголошення принесло найбільше конверсій
• З якого оголошення конверсії вийшли найдешевше і т.д.

Як створити індивідуально налаштовану аудиторію із сайту

• Вже були на вашому сайті
• Відвідували певні сторінки
• Були на сайті, але не купили
• Підписалися на безкоштовний продукт, але не купили
• Здійснили покупку тощо.

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

Як додавати наклейки перед постом Facebook

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

У такий пост можна одночасно додати наклейку, фото чи відео, текст та смайлики, поставити геомітку. Думаю, ви вже помітили, що привабливість постів із наклейкою набагато вища, ніж без неї. 😍

Для тих хто ще не зрозумів, як це робиться, викладаю скрін з покроковою інструкцією. Клікаєте рядком «Про що ви думаєте? » і перед вами відкриється друге вікно зі списком вкладок, вибираєте «Почуття/дії/наклейки».

Після цього відкривається останнє третє вікно з трьома закладками: Почуття«, « Наклейки«, « Дії«. Вибравши закладку « Наклейки» Відкриється вікно з усіма встановленими вами наклейками. Вибираєте бажану, клікаєте по ній і вона одразу з'явиться над постом. Якщо ви передумали, чи не біда, наклейку можна змінити або видалити в будь-який час, до і після публікації посту.

І ще, можливо, ви вже помітили, коли розміщуєш наклейку над постом, текст у цьому пості вирівнюється по ширині.

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

На скринях приклади постів з наклейками без фото та з фото.

Якщо у вас виникли питання, пишіть мені у месенджер

Коли ви натискаєте кнопку Like від Facebook на сайтах, у вашому профілі з'являється повноцінний анонс сторінки (замість попередньої позначки про те, що вам щось сподобалося) — посилання + цитата + картинка.

Якщо подивитися на це з боку вебмайстра, то можна побачити чудову можливість отримати додатковий трафік. Розгляньмо, як можна максимально збільшити віддачу від цієї кнопки. Спочатку налаштуємо параметри руками (далеко не для всіх CMS є модулі/плагіни, що автоматизують процес).

Генератор кнопок Like ви знайдете за адресою: http://developers.facebook.com/docs/reference/plugins/like/

Перший крок – створюємо саму кнопку.

URL to Like - можна задати свій URL, можна залишити поле порожнім, тоді як цей параметр буде стояти адресу поточної сторінки (при виборі XFBML формату кнопки - про це нижче). Варто зауважити, що FB кнопка за пріоритетом вибере той, що вказаний у тезі canonical у head сторінки.
Layout Style – три варіанти оформлення кнопки, підбираємо найбільш доречне для вашого дизайну.
Show Faces — якщо поставити галочку, то при заході на сайт з кнопкою Like під нею будуть показуватися аватарки ваших друзів, які вже «залайкали» цю сторінку.
Width – ширина. Враховуючи, що при увімкненому Show Faces вам знадобиться більше місця для кнопки, вкажіть допустиму ширину блоку. Тільки в пікселях, відсотки не працюють.
Verb to displa y - вибираємо напис на кнопці Like або Recommend.
Font – можна вибрати шрифт, аналогічний тому, що у вас на сайті.
Color Scheme — вибір світлої або темної схеми кольору.

Налаштували? Тепер тиснемо кнопку Get Code. У вікні буде два варіанти: iframe і XFBML. Якщо ви не вказали URL to Like, то щоб кнопка взяла як цей параметр сторінку, де вона встановлена ​​- вибирайте XFBML. Особисто я з естетичних міркувань теж віддаю перевагу XFBML, оскільки в неактивному стані він не розтягує сторінку і не залишає багато порожнього простору, як iframe.

Отриманий код можна русифікувати, для цього за адресою http://connect.facebook.net/en_US/ міняємо en_US на ru_UA

Поставимо цей код на сайт. Як неважко помітити, анонс, заголовок та картинка вибираються Фейсбуком довільно. Найчастіше не так, як цього хотілося б. Наприклад, в залишках без картинок для анонсу може бути взято зображення лічильника або кнопка Фідбернер. Зрозуміло, це не сприяє клікабельності посту. Тому продовжимо налаштування. Додаткові параметри для постінгу у Фейсбук вебмастер може задати за допомогою спеціальних мета тегів. Налаштувати їх вам також допоможе також посилання: http://developers.facebook.com/docs/reference/plugins/like/

Title - заголовок посту.
Type - тут можна задати тип посту (скоріше - тематику) - за ідеєю використовується в пошукових механізмах платформи, можливо також пошуковими системами, що співпрацюють з FB.
URL - можна задати свою адресу, але перевага буде за тегом canonical.
Image — адреса картинки, яка буде використана для анонсу.
Site name – назва вашого сайту.
Admin — Facebook ID, якщо ви на сторінці налаштування кнопки знаходитесь, будучи залогіненим у FB, то ваш ID повинен підставитися автоматично. Дозволить дивитися статистику роботи кнопки, подробиці — нижче.

Тепер ми маємо метатеги, які ставимо до тега сторінки.

Варто зауважити, що можна створити одну привабливу картинку для сайту та використовувати її для всіх кнопок Like ресурсу. Це спростить завдання, проте якщо під кожну сторінку робити свою картинку, вийде цікавіше для користувача ( ого, щось нове, поду подивлюся!).

Перейдемо до автоматизації. Скористайтеся плагіном для WordPress Facebook Like Button http://wordpress.org/extend/plugins/facebook-like-button/ - він спростить завдання для блогів на цій платформі. Це одне з оптимальних рішень, що не потребує редагування шаблону, ручного прописування параметрів і т.д.

На сторінці параметрів плагіна ви знайдете наступні поля для заповнення:

AppID for XFBML version — тут просять ввести AppID програми, якщо будемо використовувати XFBML кнопку, щоб отримати цей AppID, треба буде прив'язати до облікового запису номер телефону, з нашими операторами це може стати проблемою (хоча на даний момент з Білайном та Мегафоном у Московському регіоні все ок, хоча недавно ще не виходило). Втім, і без вказівки AppID плагін працюватиме.

Type : XFBML або iFrame - вибираємо формат кнопки, як уже зауважив вище, XFBML зручніше.
Show in Home: показувати на головній сторінці.
Show in Pages: показувати на сторінках.
Show in Posts: показувати в постах.
Show in Categories: показувати в категоріях.
Show in Archive: показувати в архівах.
Position: вибираємо позицію кнопки. Краще ставити після контенту.
Alignment : натискання кнопки по лівому або правому краю.
Admin ID : якщо нам потрібна статистика роботи кнопки вказуємо сюди свій ID (про це вже писав вище).
Defualt Imag e: сюди пишемо адресу картинки для анонсу за замовчуванням Check to enable: ставимо галочку, щоб увімкнути використання картинки.
Language: вибираємо мову кнопки.

Layout Style: вибір виду кнопки.
Show Faces: показувати чи аватарки друзів.
Verb to display: слово на кнопці.
Font : шрифт.
Color Scheme: кольори.
Width: ширина.
Height: висота.
Container Class : якщо в таблиці стилів є елементи для оформлення цієї кнопки, то тут вкажіть назву класу.

Якщо ви вказали свій ID, статистика через час буде доступна за адресою http://www.facebook.com/insights/

Надзвичайно зручна річ: можна дізнатися загальну кількість Лайків на сайті, кількість переходів з Facebook, демографію тих, хто лайкає ваші нотатки (щоб виявити активний кістяк аудиторії, з яким можна взаємодіяти). 0,02% є над чим працювати.

Як постскриптум відео з фактами і Facebook:

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

Скріншоти цієї бета-версії, яка доступна лише інженерам Facebook та вкрай обмеженій кількості користувачів, були опубліковані на форумі Reddit.

«Реакції» були анонсовані ще минулого року, на початку цього року Facebook почав їх тестувати, а минулого тижня вони з'явилися у веб-версії соціальної мережі та мобільних додатках Facebook на Android та iOS (найбільш пріоритетні платформи для Марка Цукерберга та його компанії) . У найближчі тижні підтримка реакцій буде додана на інші платформи, зокрема Windows Phone, Windows 10 і Windows 10 Mobile.

Що це за «реакції», навіщо вони з'явилися, навіщо вони потрібні та як їх використовувати?

Як ви знаєте, спочатку на Facebook можна було реагувати на публікацію лише лайком (кнопкою «Мені подобається»). Звісно ж, у користувачів іноді виникав когнітивний дисонанс - що робити, якщо тебе торкнулася публікація, але тобі не подобається те, що в ній описано. Вводити "дизлайк" (кнопку "Мені не подобається") Марк Цукерберг не хотів - ймовірно, через те, щоб не давати можливості користувачам висловлювати негативні почуття. Користувачам, які не могли змусити себе натиснути кнопку «Мені подобається» під чимось, що їх засмучувало, доводилося залишати запис без «лайка» або писати в коментарях щось на кшталт «Де кнопка „Мені не подобається?“», « Як ви можете ставити таке лайк? Одумайтесь, у вас немає серця! або «Зовсім не лайк…»

Серед нових «реакцій», до речі, справді, немає агресивно негативних, отримавши які користувач, котрий розмістив контент, міг би образитися на тих людей, які відреагували на його запис. Втім, як зазначають деякі користувачі (наприклад, Арсеній Федоров на Facebook), у результаті команда Facebook перехитрила саму себе і замість одного «дизлайка» відкрила витонченіші можливості для тролінгу людей у ​​соцмережі:

Тепер можна, наприклад, ставити «співчуваю» («sad») під селфі різних нерозумних моделей з надутими губами. Або «ха-ха» під різними сльозливими історіями про викинуті на мороз цуценята та валютні іпотечники. Або «обурливо» під кумедними картинками.

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

У російськомовній версії Facebook вони перекладені як Мені подобається. Супер! Ха-ха! Ух ти! Співчуваю. Обурливо.

Ставити одночасно дві реакції не можна, потрібно вибрати якусь одну. Передбачається, що під хорошими новинами користувачі як і раніше будуть ставити лайки, для вираження симпатії до людини використовуватиметься серця, під чимось смішним або веселим можна залишати значок сміху, під публікацією, в яку важко повірити, - здивування, під сумними записами. сльози, а під чимось негативним чи неприємним – обурення. Як і колишні «лайки», нові «реакції» можна скасовувати. Якщо ви раптом передумали і у вас з'явилися інші емоції, ви можете натиснути на емотикон і забрати його або поставити будь-яку іншу.

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

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

Залишити собі старий фейсбук з одними лише «лайками» не можна, «реакції» будуть використовуватися в «новому фейсбуці» практично всюди: записи на сторінках користувачів, групи, спільноти, відео, фотографії та прямі відеотрансляції (про них нижче). Єдине місце, де залишаться лише «лайки» – коментарі до записів.

Ще одне нововведення, на якому зараз сфокусовано Марка Цукерберга і практично всю команду Facebook - запуск сервісу живих відеотрансляцій. З минулого року він тестувався у додатку Facebook для iOS серед жителів США, а цього тижня був запущений у деяких країнах світу і незабаром з'явиться у Росії. Транслювати відео можна буде тільки через програми для Android та iOS, а в програмах для Windows Phone, Windows 10 і Windows 10 Mobile цієї функції не буде (принаймні найближчим часом). Втім, не виключатимемо, що інженери Facebook працюють над тим, щоб така можливість з'явилася і на платформах Microsoft.