Как установить кнопку «like» социальной сети фейсбук без плагина

В предыдущей статье мы рассмотрели пример как установить кнопку «мне нравится» социальной сети Вконтакте, сегодня я покажу как установить аналогичную кнопку от facebook.

Хотя у нас в стране фейсбук пока не набрал такой популярности как ВК, но все же очень много пользователей сидят именно в этой социалке, сделаем же им жизнь легче.

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

На этой страничке нам нужно произвести настройки вывода кнопки.

Как установить кнопку «like» социальной сети фейсбук

Если оставить поле URL пустым, то ссылка будет вести на страничку с которой нажали кнопку лайк, что нам в принципе и нужно.

Можно к блоку добавить дополнительно кнопку «отправить», выделив соответствующий чекбокс, но я этого не делал, чтобы кнопки были более менее в одном стиле.

В следующем поле выбирается стиль отображения кнопки, попробуйте поменять, при этом на лету меняется изображение справа вверху.

С шириной поля кнопки думаю все понятно…

Дальше можно выбрать чекбокс для показа лиц пользователей, которым тоже нравится материал странички на которой размещена наша кнопка. При наведении указателя мышки на кнопку будет всплывать окно с лицами.

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

После проведенных настоек щелкаем кнопку «получить код»

од для вставки кнопки «like» социальной сети фейсбук

Из открывшегося окна нам нужно скопировать код для вставки в шаблон нашего блога.

Верхняя часть вставляется после тега <body> в основной шаблон страницы, а нижняя в том месте где нам нужно вывести кнопку. В нашем случае это опять же шаблон single.php после вывода основного контента, перед комментариями.

кнопка «like» социальной сети фейсбук

Вот так выглядит на данный момент кнопка «мне нравится» социальной сети facebook, которую я установил без использования плагинов нагружающих движок блога.

Надеюсь информация была для вас полезной, если что не понятно – всегда готов ответить на вопросы в комментариях.

Удачного вам дня и до связи на страницах моего блога.


Понравилась статья? - поделитесь ею с друзьями!

Оцените статью!

Как установить кнопку «like» социальной сети фейсбук без плагина
Оцените этот пост


6 комментариев к “Как установить кнопку «like» социальной сети фейсбук без плагина

  1. Алексей, поставил кнопку «мне нравится», как Вы учили, да только она, проклятая, не желает становиться рядышком со свой близняшкой от вКонтакте, все норовит пристроиться снизу…
    кстати, цитирую: «В последней статье серии я покажу как объединить все эти кнопки в общий блок и мы установим его в конце каждой статьи нашего блога. Вот примерно так он будет выглядеть…» — и далее картинка.
    А теперь внимание, вопрос: Алексей, где же статья? Ну так хочется сделать по-человечески!

    • Мда, неувязочка вышла, давно я это писал, и кнопки эти у меня стояли на старом шаблоне которого нету давно…

      Может Вас устроили бы такие как у меня сейчас стоят?

      Намного меньше головной боли при установке

      • Вы имеете в виду кнопки Pluso?
        У меня стоят от Share42 (так, какжется, это дело называется) вертикально, просто подумал — а почему бы не дать возможность читателю еще и кнопками лайков внизу статьи воспользоваться?
        А может, действительно это ни к чему — по сути дублирование кнопок?

        • Кроме дублирования может вылезти конфликт, у меня такое было, некоторые кнопки выводились 2 раза

          а вообще не очень охотно на эти кнопки кликают, я их использую сам при публикации поста чтобы в своих профилях продублирвать контент

          А посетителей нужно либо очень сильно просить об этом либо уж очень что то интересное или социальный замок поставить

  2. Да, я заметил, что по кнопкам кликают редко :).
    Спасибо за быстрые и по существу ответы!
    Удачи!

  3. Спасибо за подробное объяснение процесса, кнопочки мной успешно установлены и не возникло никаких сложностей, хотя я не специалист в этой области.

Оставить комментарий