Як розмістити на сайті кнопку фейсбук

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

Як поставити віджет разом з кнопкою фейсбук?

Етап 1. Створення сторінки вашого проекту на фейсбук.

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

Після цього вам потрібно вийти на загальну сторінку, там де ви бачите статуси друзів, і прокрутити сторінку до кінця вниз. Там ви побачите посилання «Створити сторінку». Виберіть піктограму, яка підходить вашому проекту: бізнес, бренд або проект і т.п. Заповніть запропоновані поля, погодьтеся з умовами і створіть сторінку.

Етап 2. Тепер, коли сторінка у вас є, ви можете публікувати нові статуси на її стіні і спілкуватися з читачами.

Етап 3. Створюємо віджет і кнопку фейсбук для вашого сайту.

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

2. Задайте ширину в поле 2 (вказано в пікселях). 292 пікселя - це занадто міного для віджета в вордпресс, наприклад, тому часто потрібно зменшувати.

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

4. У полі 4 ви можете задати колір віджета: світлий або темний.

6. У полі 6 ви можете задати колір кордону, якщо потрібно, або залиште поле порожнім, якщо нічого міняти не будете. Використовуйте html кодування для вказівки кольору або пишіть кольору вручну (red, blue, green і т.д.).

7. В поле 7 (show stream) ви можете залишити або відмовитися від показу стрічки новин сторінки.

8. У поле 8 ви можете відключити або залишити синій колір в шапці Фейсбук для віджета.

Після того, як налаштування готові, натисніть на GET CODE (9).

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

Однозначно потрібно зробити, як сказано, якщо у вас самопісний сайт. Мій же сайт зроблений на вордпресс, тому я просто розмістила в бічному віджеті обидва коди, один під іншим (спочатку script під ним div) і у мене все працює. Ви можете спробувати зробити так само, якщо не спрацює, зробіть як просить фейбук.

Якщо ви просто хочете розмістити кнопку фейсбук LIKE після якоїсь статті і не хочете створювати бокс, то зайдіть на цю сторінку:

скопіюйте пропонований код (кнопка Мені подобається) і вставте його на вашу сторінку. Для сайтів вордпресс це повинно робитися на сторінці редагування статті, після відкриття вкладки HTML (за замовчуванням стоїть «Візуально»). Фразу «Great Web Page» в тезі title замініть на Привіт! Я знайшов чудовий сайт ». Або щось на зразок того. Але не періть нічого крім цієї англійської фрази, інакше ваша кнопка фейсбук не працюватиме. В html важлива буквально кожна карлючка.

Ви також можете натиснути кнопку «Поділитися» внизу, щоб про статтю змогли дізнатися ваші друзі.