Создайте кнопку «Мне нравится» в Facebook для своего сайта

Основы кнопки «Нравится» в Facebook

Пользователи предпочитают систему лайков Facebook, а не рейтинговую систему для выражения их готовности лайкать или не любить контент. Добавление кнопки «Нравится» на ваш сайт — это символ удобства, которое вы предлагаете своим пользователям, чтобы выразить свою заинтересованность в том, чтобы им понравился ваш контент.

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

Функция кнопки «Нравится» в Facebook

Добавление кнопки «Мне нравится» в Facebook на вашем сайте

Добавление кнопки «Нравится» состоит из следующих четырех шагов, каждый из которых подробно описывается в следующих разделах:

  • Доступ к конфигуратору кнопки Like
  • Настройка кнопки «Нравится» в Facebook
  • Получение кода
  • Встраивание на ваш сайт.

Плагин кнопки «Нравится»

Следуйте инструкциям ниже, чтобы получить доступ к странице социального плагина для кнопки «Нравится» в Facebook.

  • Войдите в свою учетную запись Facebook, а затем кликните сюда для доступа к странице разработчиков Facebook для создания социальных плагинов.
  • Прокрутите страницу вниз и найдите раздел конфигуратора, чтобы найти форму конфигуратора, как показано ниже:
Конфигуратор кнопки

Конфигуратор кнопки «Нравится» в Facebook

  • Форма также может выглядеть иначе, как показано на рисунке ниже.
Другой вид формы конфигуратора

Другой вид формы конфигуратора

  • Оба типа форм конфигуратора предлагают одинаковый набор опций настройки.

Настройте кнопку «Нравится»

Заполните поля в форме конфигуратора, и рядом с формой отобразится мгновенный предварительный просмотр вашей кнопки «Нравится».

Введите URL-адрес вашего сайта в текстовое поле, вы также можете ввести URL-адрес страницы Facebook, чтобы получить больше лайков. Позже, если вы захотите выбрать формат XFBML для получения кода кнопки, то текущая страница, на которой добавлена ​​кнопка, будет по умолчанию в этом поле независимо от того, какой URL вы здесь вводите.

У вас есть возможность добавить кнопку «Отправить» вместе с кнопкой «Нравится», только если вы собираетесь использовать код XFBML позже. В противном случае убедитесь, что вы сняли этот флажок.

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

Стандартный макет — в этом формате текст отображается справа от кнопки «Нравится», а фотографии профилей друзей отображаются под кнопкой.
Button_count — этот формат показывает общее количество лайков прямо на кнопку.
Box_count — этот формат показывает общее количество лайков над кнопкой лайков.

Отрегулируйте ширину кнопки «Нравится» в соответствии с макетом вашего сайта.

Установите этот флажок, чтобы под кнопкой «Нравится» отображалось изображение профиля человека, которому нравится. Фотографии будут показаны, когда более двух пользователей нажмут кнопку «Нравится».

Выберите шрифт для отображения текста на кнопке из раскрывающегося списка.

На выбор доступны два варианта цветовой гаммы — темная и светлая.

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

После заполнения всех деталей в форме конфигуратора нажмите кнопку «Получить код», чтобы отобразить код вашей настроенной кнопки лайка, и вы увидите всплывающее окно, подобное приведенному ниже:

Получение кода кнопки Facebook Like

Получение кода кнопки Facebook Like

Есть четыре метода получить код — HTML5, XFBML, IFRAME и вариант URL. Убедитесь, что выбран метод, поддерживаемый сервером вашего сайта. Чтобы использовать коды HTML5 и XFBML, ваш сайт должен поддерживать Facebook SDK для JavaScript.

Метод IFRAME — это простой и распространенный метод, поддерживаемый большинством поставщиков услуг хостинга. Следовательно, щелкните ссылку IFRAME и скопируйте код кнопки.

Вставить на свой сайт

Вставьте код кнопки в соответствующее место своей веб-страницы, и вы увидите, что появится кнопка «Нравится». (Иногда вы можете увидеть кнопку только после публикации своего сайта, поэтому проверьте внешний вид кнопки на опубликованном сайте). Вы можете вставить код в область верхнего или нижнего колонтитула сайта, чтобы кнопка отображалась на всех страницах вашего сайта. Ширину и высоту кнопки можно регулировать в зависимости от стиля макета, выбранного в конфигураторе.

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *