Кнопка фейсбук для сайту без плагіна

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

У цій статті мова піде про те, як інтегрувати сайт з найпопулярнішою американською мережею facebook. У Росії вона значно відстає від вконтакте, але вже майже наздогнала за популярністю «Однокласники» (російська аудиторія фейсбуку в лютому 2013 року — близько 15 млн. чоловік, російська аудиторія «Однокласників» — близько 22 млн. осіб).

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

Для цього потрібно зробити наступні кроки:

  • Зайти на сторінку Facebook Developers за посиланням https://developers.facebook.com/docs/reference/plugins/like/. Власне кажучи, на цій сторінці та наведено всі необхідні коди, інструкції та пояснення для встановлення кнопки.
  • На цій сторінці потрібно перейти вниз, там буде запропонована така форма:
    Кнопка фейсбук для сайту без плагіна
  • У цій формі полі URL можете залишити порожнім (принаймні, до липня 2013 року, у якому в Фейсбуці плануються зміни). Інші параметри заповнюються виходячи з ваших переваг:
    – Layout Style — вид кнопки (спробуйте різні варіанти, зразок відразу буде показуватися на цій же сторінці);
    – Width — ширина в пікселях;
    – Show faces — показувати чи особи лайкнувших;
    – Font — шрифт (на вибір пропонується шість кольорів);
    – Color Scheme — кольорова схема;
    – Verb to display — слово, яке буде відображатися на кнопці like/share — подобається/я рекомендую).
  • Після цього потрібно натиснути «get code» — з’явиться такий результат:
    Кнопка фейсбук для сайту без плагіна
  • Цей код потрібно скопіювати і вставити на свої сторінки. Стосовно до wordpress, його буде потрібно вставити в файл single.php або content-single.php (один з цих файлів відповідає за виведення посад на вашому сайті). Правда, першу частину коду facebook рекомендує вставити в початок сторінки — відразу після тега body, але це озвучено саме в якості рекомендації, так що можна і обидві частини коду вставити в одне і те ж місце, де і планується показувати кнопку.
  • Як бачите, з’єднати ваш сайт з користувачами фейсбуку не так вже й складно — по часу займає не набагато більше, ніж налаштування ЧПУ на WordPress. Якщо ви погоджуєтеся з цим — ви знаєте, яку кнопку на цій сторінці потрібно натиснути ))

    Поділитися з друзями:
    Відповіді на питання