director@moyitdirector.ru

+79037103364

Выбираем плагин Facebook для сайта



Пожалуй, не осталось на просторах Интернет человека, не охваченного социальными сетями. Каждый из нас находит себе в он-лайне группы по интересам, единомышленников, друзей. Объединяясь в группы, мы создаем социальные сети, которые обслуживают сервисы, разной степени популярности. Чем интереснее сервис, чем больше возможностей он предоставляет своим пользователям, тем большую аудиторию он собирает. Адепты того или иного сервиса уже не мыслят себя без его поддержки, и с радостью воспринимают его проявления в любом месте, в том числе на сайтах компаний, персональных страничках, блогах. Социальные сервисы позаботились о том, чтобы облегчить нам интеграцию наших страниц с ними. Они создали множество разнообразных плагинов. Это модули, которые мы добавляем на наши сайты, чтобы связать их его с социальными сетями. И этим можно воспользоваться для увеличения аудитории своего сайта, повышения его "социальности", быстрого и бесплатного раширения его функциональности.
Рассмотрим, какие возможности предоставляет нам первый в мире и, пожалуй, второй по популярности в Российском Интернете социальный сервис - Facebook.

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

Всю документацию по социальным плагинам Facebook "из первых рук" можно получить здесь
developers.facebook.com/docs/plugins. У этого ресурса, на мой взгляд, есть небольшой недостаток - попадая сюда первый раз, тратишь кучу времени на то, чтобы прощелкать все варианты плагинов и определиться, какой тебе больше подходит. Второй недостаток в том, что чтобы понять как лучше использовать тот или иной плагин, надо прочитать и остальные страницы ресурса. Поскольку я этот путь прошёл, предлагаю воспользоваться моим систематизированным опытом.

Кнопка "Мне нравится" (Like Button)

Кнопка "Мне нравится" (Like Button) - самый популярный плагин Facebook. Используется для обмена между пользователями фейсбук ссылками на заинтересовавший их контент. Её описание на английском здесь

Как работает:

Если я, гуляя по Интернет (не только по Facebook!), найду что-нибудь интересное, и рядом с этим интересным будет кнопка (Like), то, если я на нее нажму, произойдет 3 вещи:
1. В моих активностях в профиле Facebook появится "лайк" на отмеченный контент".
2. Мои фейсбучные друзья возможно узнают об этом. (Здесь я употребил "возможно" - по тому, что алгоритм ленты новостей постит не все лайки вашим друзьям. Постил бы все - мы перестали бы смотреть ленту новостей)
3. Если я лайкнул страницу (например www.facebook.com/MoyITDirector), новости этой страницы возможно будут попадать в мою ленту новостей на Facebook. (Почему "возможно" - см. п.2)

Настройки:

Разработчик предоставил нам возможность управлять следующим:

  • Стиль плагина (Layout Style) - влияет на варианты отображения (см. ниже). Варианты "standart", "button_count", "box_count"
  • Отображение лиц (Show Faces) - влияет на отображение лиц в плагине только(!) в варианте "standart". Особенностью этого плагина является то, что он отображает только лица ваших друзей. Если никто из ваших друзей не лайкнул этот контент, никаких картинок вы не увидете.
  • Отображение кнопки "Отправить" (Send Button) - влияет на отображение рядом с кнопкой "Понравилось" ("Like") кнопки "Отправить", которая работает так же как плагин "Отправить", описание которого ниже.
  • Ширина плагина (Width) (в пикелях)- позволяет подогнать плагин по месту на вашем сайте. Однако, необходимо знать, что у плагина есть минимальная ширина и вытянуть его в 1 пиксель не получится. Для варианта "box_count" минимальная ширина 55 pxc, для варианта "button_count" - 90 pxc, для варианта "standart" - 225 pcx, и эта величина будет увеличина на 40 pcx, если вместо слова "Понравилось" вы выберите "Рекомендую", и ещё на 60 pcx, если будет отображаться кнопка "Отправить".
  • Шрифт надписей (Font) - предоставлен весьма ограниченный список: "arial", "lucida grande", "segoe ui", "tahoma", "trebuchet ms", "verdana". Но что-то под стилистику своего сайта можно подобрать. К стати, выбранный шрифт так же влияет на минимальную ширину плагина, будьте внимательны, если 5-6 пикселей для вас критичны. По умолчанию используется шрифт "verdana"
  • Цветовая схема (Color Scheme) - темный или светлый вариант отображения плагина. Варианты "light" или "dark", как выглядят - см. ниже.
  • Отображаемое слово (Verb to display) - варианты "Мне нравится" или "Рекомендую". Разницы в действиях никакой, но восприятие разное, выбирайте, какое больше нравится.

Высотой этого плагина мы не управляем, она предопределена для варианта "box_count" 65 pcx, для варианта "button_count" - 20 pxc, для варианта "standart" - 35 pcx без фото и 80 pcx с фото

Справа (в варианте "box_count" сверху) от кнопки показывается число лайков + число перепостов + число лайков с комментариями.


Вариант "standart" с лицами


Вариант "standart" без лиц

Вариант "button_count"

Вариант "box_count"


То же самое без кнопки "Отправить" (Send) и в варианте названия "Я рекомендую" (Recomend)

Шрифт "verdana"

Шрифт "arial"

Шрифт "lucida grande"

Шрифт "segoe ui"


То же самое в темном варианте

Шрифт "tahoma"

Шрифт "trebuchet ms"

Шрифт "verdana"

Шрифт "verdana"



Как использовать:

Как уже было сказано, плагин используется для "расшаривания" вашего контента, в принципе, любого, для которого можно прописать интернет адрес (URL). Это может быть отдельная статья или картинка на странице (например, кнопка в начале этого раздела делает лайк только на этот раздел), страница сайта, web-сайт, страница facebook, и не обязательно это будет ваш конетент. Конечно, глупо работать "на дядю", но ситуации бывают разные, вы можете на своих ресурсах размещать лайки на друге ресурсы. О том, как "с пользой" использовать чужой ресурс раскажу чуть ниже в разделе о плагине "Лица" (Facepile).

Что же прописать в URL? Вы должны помнить о целях внедрения социального плагина на своем сайте. Это может быть просто спортивный интерес набрать максимальное число лайков, например, фотографии, или желание собрать аудиторию конкретного контента (раздела, страницы), которую потом подпитывать новостями этого контента, или желание набрать аудиторию для основного сайта за счет разных страниц. Определились с целью, определяемся с URL-ом. В первом случае это будет URL "якоря" на странице, во втором URL самой страницы контента, в третьем случае URL сайта-агрегатора лайков или URL страницы Facebook. Обратите внимание на следующий момент: в статистике Facebook (ниже я расскажу где и как ее посмотреть) вы можете увидеть общюю статистику по всем разделам вашего сайта, но работать с аудиторией каждой ссылки придется отдельно. Так что не распыляйтесь, если вы не планируете вести новости отдельно для первой странички вашего сайта, отдельно для второй и отдельно для фотографии вашей любимой собачки.



Вариант Лица



Вариант Лица покрупнее



Вариант Like box



Вариант Like box с лентой событий



Кнопка "Отправить"



Вариант "Подписаться" с лицами



Вариант "Подписаться" с щетчиком