Принцип создания этой кнопки простой. Достаточно знать одну строчку кода или точнее знать ссылку:


https://www.facebook.com/sharer.php?u=http://bit.ly/FBshareArticle

Способ №1. На основе документации Facebook

Демонстрация работы этого кода:

Тип «иконка» . В коде прописан URL, которым мы делимся. Это параметр share_url .

Демонстрация работы этого кода:

Тип «кнопка» .

О, да! Работает!

Демонстрация работы кода: О, да! Работает!

Тип «кнопка-счётчик горизонтальная» . Обычно счётчик появляется после трёх «шарингов».

Тип «большая вертикальная кнопка-счётчик».

Делись большой, не будь лапшой

Способ №2. С помощью Javascript

$("#share").popupWindow({ width:550, height:400, centerBrowser:1 });

Объяснение кода : чтобы использовать этот способ, у вас обязательно на сайте или вкладке должна быть подключена библиотека jQuery и скрипт для генерации всплывающего окна (лучше их подключить перед тегом ):


Также в коде ссылки используется идентификатор id=″share″ . Благодаря ему скрипт понимает, что нужно вызвать всплывающее окно. Этот же идентификатор вам надо прописать и в самом скрипте, который содержит параметры ширины, высоты и отцентровки по середине браузера. Эти параметры вы можете менять при необходимости:
width:550,
height:400,
centerBrowser:1

Демонстрация работы кода:

Способ №3. С помощью Javascript

Объяснение кода : в теге ссылки используется функция onClick , её название задаётся произвольно и должно совпадать с названием функции в скрипте. Можете её не трогать. Далее в теге img меняете ссылку на вашу картинку. Единственное, что вам нужно заменить в скрипте, — это ссылка, которой пользователи будут делиться. В данном примере используется ссылка http://bit.ly/FBshareArticle (выделена красным цветом). Остальные параметры (ширина, высота, отступ слева и сверху для всплывающего окна можете менять по желанию). Способ очень простой.

Демонстрация работы кода:

Способ №4. PHP

Для начала создайте на компьютере PHP-файл. Назовите его social.php и вставьте в него такой код:

Каждая из четырёх строк этого кода настраивается в соответствие с вашими целями. Значения внутри круглых скобок вам надо заменить на свои. Чтобы понять, за что они отвечают, посмотрите этот скриншот:

Обратите внимание, что переменная $url — это ссылка уже внутри публикации в Ленте новостей.

В этом примере файлы social.php и index.php находятся в одной папке.

&p=&p=","sharer","toolbar=0,status=0,width=700,height=400");" href="javascript: void(0)">

Демонстрация работы кода:


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

Хочу сказать, что после установки кнопки и блока количество друзей на этом сервисе и число переходов на мой блог увеличилось.

Вот как выглядит кнопка «Нравится» от Facebook, вы наверняка встречали ее много раз:

Для того, чтобы получить код кнопки «Нравится», идем на эту страницу . Видим вот такую картину:

Второе поле Layout Style (Стиль оформления) . В нем можно оставить Standart (Обычный) либо выбрать пункт Button Count (Счетчик голосов) , который будет показывать, сколько человек проголосовало за данную страницу. Я выбрал без счетчика.

Поле Show Faces (Показывать аватары) - выбираем нужный вам вариант. Я выбрал без аватаров, так как они будут в блоке друзей. Для кнопки они не нужны.

В поле Width (Ширина) можно указать ширину в пикселях, которая подходит для вашего дизайна. У меня сделано 500.

Verb to display (Какое слово отображать на кнопке) есть выбор между Like (в русском варианте будет отображаться «Нравится») либо Recommend (на русском будет показываться «Рекомендовать») . Я выбрал первый вариант.

В поле Font (Шрифт) можно выбрать из нескольких шрифтов. К сожалению, нет моего любимого шрифта Georgia. Огорчившись, я не стал выбирать никакой шрифт 🙂 .

В поле Color Scheme (Цветовая схема) можно выбрать Light (Светлый) или Dark (Темный) вариант оформления кнопки. Я выбрал светлый.

Все изменения настроек вы сразу увидите по примеру кнопки справа.

Затем кликаем по кнопке Get Code (Получить код):

Если у вас блог на WordPress, то нужно будет заменить часть предлагаемого кода. Находим в скопированном коде такой участок:

🔥 Кстати! Я планирую выпустить платный курс по продвижению англоязычных сайтов. Если интересует, можете подать заявку в ранний список через эту форму , чтобы первыми узнать о выходе курса и получить специальную скидку.

Приглашаю вас подписаться на мои каналы в Telegram:

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

Для того, чтобы голосовать за понравившиеся сайты, на которых нет кнопки «Нравится» от Facebook, есть плагин для браузера Mozilla Firefox, который называется Facebook Like .

Не забыт и браузер Google Chrome - для него тоже есть плагин Facebook Likes .


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

Хотя, сама кнопка «Подписаться» на фан-страницах появилась еще 2 года назад , но ранее она почти ни на что не влияла, ее никто не замечал, и она то появлялась, то исчезала.

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

Причина №1. Кнопка «Подписаться» теперь есть на всех фан-страницах в Facebook, она не убирается из настроек и ей присвоен очень важный функционал.

Причина №2. Facebook стал показывать статистику количества подписчиков отдельно. А, как показывает практика, это значит, что Facebook будет отдавать приоритет функции подписок все больше с течением времени.

Возможно даже такое, что кнопка «Нравится» будет полностью убрана, как механизм подписки на Страницу и кнопка с названием «Нравится» останется только под публикациями. А механизм подписки возьмёт на себя полностью кнопка «Подписаться».

Пока что пользователи нажимают в основном на кнопку «Нравится» по привычке, это видно из статистики прироста подписчиков и фанов за один и тот же период.

Причина №3. Теперь пользователи нажимая кнопку «Подписаться» на фан-странице могут получать новости в Ленту, не будучи фаном этой Страницы.

То есть значимость такого явления как «количество фанов» начинается уменьшаться.

Если раньше, пользователи становились и фанами Страницы, и получали от нее новости после нажатия всего одной кнопки: «Нравится», то сейчас эти функции разделены.

Сделаем эксперимент №1. Зайдите на Страницу fb.com/Love.is.comic и нажмите кнопку «Нравится».

Вы увидите, что вы одновременно и стали фаном, и подписались. В этом случае в вашем профиле будет указано, что вам нравится эта Страница и вы сможете читать ее в Ленте.

А теперь нажмите «Больше не нравится». После этого нажмите кнопку «Подписаться».

Вы увидите, что вы подписались на фан-страницу, но вы не стали ее фаном. В этом случае в вашем профиле будет отсутствовать информация о том, что вам нравится эта Страница или вы на нее подписаны, но вы также сможете ее читать в Ленте.

Сделаем эксперимент №2. Зайдите на Страницу fb.com/comic.fotos . В начале нажмите кнопку «Нравится» (кнопка Подписаться нажмется автоматически и ее название изменится на «Подписки»), а затем наведите мышку на кнопку «Подписки» и отпишитесь.

Вы увидите, что вы остались числиться фаном этой Страницы (это будет по-прежнему отображаться в вашем профиле), но отписались от ее новостей.

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

Вывод? Получение подписчиков уже более приоритетная задача, чем получение фанов.

К сожалению, сейчас Facebook не показывает администраторам, сколько фанов являются подписчиками, а сколько просто «статисты». Есть только одна метрика на данный момент, которая помогает оценить количество читателей — это Охват.

Приведу пример.
У вас есть 2 Страницы по 100 000 фанов каждая.

Но на одной 100 000 фанов-подписчиков.
На другой: 50 000 фанов-подписчиков, 50 000 фанов-«статистов» и 10 000 просто подписчиков.

Получается, что Фейсбук вам покажет, что у вас всего 100 000 фанов и всего 60 000 подписчиков. Но из этих данных не видно, что 50 000 фанов отписались от новостей.

По идее на первой Странице Охват должен быть примерно в 2 раза выше, чем на второй. Эта метрика может служить подсказкой.

Причина №4.

Функции, которые теперь остались у кнопки «Нравится» — это:
— стать фанов-подписчиком Страницы,
— разлайкать Страницу, то есть перестать быть фаном.

Функции, которые теперь появились у кнопки «Подписаться» — это:
— стать подписчиком, то есть получать новости с Ленту,
— отписаться от Страницы, то есть перестать получать новости в Ленту,
— установить новостям этой Страницы приоритет, то есть они будут показываться в Ленте новостей первыми,
— убрать приоритет,
— включить уведомления о новых публикациях Страницы,
— отключить уведомления.

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

Кроме того, вы как администратор фан-страницы начали видеть уведомления со словами «решил подписаться на страницу», что еще раз указывает на то, что Facebook добавляет важности функции подписок:

Поэтому, призыв «подпишитесь на нашу страницу» теперь звучит буквально и на 100% актуально.

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

Зачем нужны «Лайки»?

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

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

Несколько иную функцию носит like в случае его использования на Страницах. Поставив отметку «Нравится» на Странице, вы автоматически становитесь ее подписчиком. А это, в свою очередь, значит, что в вашей Ленте Новостей будут отображаться новые публикации паблика.

Использование «лайков» на внешних ресурсах

В строке «URL to Like» необходимо указать полный адрес страницы сайта, на которой впоследствии и будет размещена кнопка. Поле «Width» предназначено для указания ширины «лайка» в пикселях. Здесь все индивидуально – подбирать нужно под дизайн конкретной страницы. Далее следует опция «Layout», с помощью которой вы можете определить, как будет выглядеть кнопка. На текущий момент доступно четыре варианта: standard, box_count, button_count, button. Заключительной настройкой плагина является поле «Action Type». Вы можете выбрать либо надпись «Нравится», либо надпись «Рекомендовать».

Конечно, установка плагина – задача, требующая определенных навыков у разработчиков. Однако зная основы работы с кодированием, вы с легкостью все сделаете. Более того, при желании вы сможете воспользоваться и другими плагинами Фейсбука, например, кнопкой «Подписаться», возможностью комментирования для посетителей и многое-многое другое.

Социальные кнопки или «лайки» стали неотъемлемом элементом множества сайтов. Теперь сложно представить публикацию в конце которой не обитали бы кнопки «Мне нравится», «Класс» и «Твитнуть». Они одинаково полезны, как вебмастеру в процессе продвижения, так и посетителю желающему оценить прочитанное или сохранить на своей странице ссылку.

Наличие «лайков» это не только появление трафика на сайт с социальных сетей, но и повышение юзабилити веб-проекта, а также интереса у поисковых роботов. Поэтому ряд основных соц. кнопок обязан быть и у Вас!
Одной из такого ряда – кнопка «Нравится» от Facebook. Установка «лайка» занимает пару минут, и подходит для размещения на всех CMS, в том числе популярной WordPress.

Как разместить кнопку от Facebook?

Действия по вставке кода кнопки на сайт очень схожи с ранее рассмотренным . Поэтому сперва авторизуемся в сети Facebook, и перейдём на страницу «Разработчикам»:
https://developers.facebook.com/docs/plugins/like-button

В начале нам предлагается настроить отображение будущей кнопки, чем мы и займёмся:

Скопированный код следует разместить в теме WordPress, также как и другие «лайки». Первую часть помещаем в файл «Header.php» между тегами …, а вторую в то место, где следует выводить саму кнопку (обычно, это файл «single.php» или «content-single.php» сразу после вывода основного контента). Не забываем сохранять изменения, а после проверять на страницах сайта!

Для того чтобы . В ней подробно описан один из способов с применением стилей CSS…

Проблема адаптивных шаблонов