03.11.2013

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

кнопка фейсбук для сайта
На днях я установил кнопки для социальных сетей, которые вы теперь можете видеть внизу каждой страницы — если вам нравятся мои статьи, пожалуйста, лайкайте, кликайте, делитесь с помощью этих кнопок. Зачем все это нужно? Дело в том, что поисковики уже давно взяли вектор на поведенческие факторы сайта. С точки зрения терминологии социальные кнопки скорее все-таки не относятся к поведенческим факторам, но цитирование ваших страниц в соц. сетях — это безусловный сигнал для поисковиков о том, что ваш контент является качественным.
В этой статье речь пойдет о том, как интегрировать сайт с самой популярной американской сетью facebook. В России она значительно отстает от вконтакте, но уже почти догнала по популярности «Одноклассники» (российская аудитория фейсбука в феврале 2013 года — около 15 млн. человек, российская аудитория «Одноклассников» — около 22 млн. человек).

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