Сегодня в интернете практически любой серьёзный сайт имеет ту или иную социальную составляющую (это называют модным словом «веб 2.0»). В этой хаутошке мы расскажем как добавить такую составляющую на свой сайт с помощью возможностей, которые предоставляет социальная сеть Facebook. Мы опишем как добавить на свой сайт так называемый «like box» — небольшой блок, который показывает кому из пользователей Facebook нравится ваш сайт.
1. В первую очередь необходимо создать страницу вашего проекта на Facebook. Сделать это просто: логинимся в фейсбук, в главной менюшке отыскиваем ссылку «Реклама и страницы»:
2. Нажимаем на кнопку «Создать страницу».
3. В следующем окошке необходимо выбрать тип страницы и её тематику, а также придумать название. Выберем вариант «Страница сообщества».
4. После нажатия на кнопку «Создать страницу» вас перекинет на готовую (но пока пустую) страницу проекта (сайта, сообщества и пр.)
5. Промотайте страничку в самый низ, до предложения продвинуть эту страницу на вашем сайте. Нажмите на кнопку «Добавить кнопку нравится».
6. Появится страница, на которой можно будет выбрать тип виджета для вашего сайта. По умолчанию будет выбран так называемый «like box», т.е. блок, в котором есть ссылка на страницу сайта на Facebook и список людей, которым эта страница нравится. Этот тип виджета и оставляем.
7. Нам необходимо заполнить все поля с параметрами создаваемого «лайк-бокса». Обратите внимание, что после изменения любого из параметров пример того, как будет выглядеть ваш блок меняется, что позволяет оценить изменения, вносимые тем или иным параметром.
 |
Facebook Page URL — адрес страницы вашего сайта на Facebook. Чтобы узнать его, необходимо зайти на страничку (это можно сделать в разделе меню «Реклама и страницы», см. пункт 1) и посмотреть адрес в адресной строке браузера.
Width — ширина блока (в пикселях). Color Scheme — цветовая схема (light или dark). Connections — количество отображаемых в блоке пользователей, которым нравится ваша страница. Show stream — показывать новости страницы в блоке. Show header — показывать заголовок. |
8. После настройки всех параметров необходимо нажать кнопку «Get Code». Полученный после этого html-код необходимо вставить в html-файлы вашего сайта (или в шаблон сайта, что сегодня встречается гораздо чаще).