Добавяне на Facebook Like Box в уеб сайт

Мрежата - Социална таверна
лого на лайк

Почти ежедневно срещам по форумите в България въпроси на различни потребители – Как да добавя Facebook Like Box в моят уеб сайт?

Разбира се, има написана много информация по въпроса в Интернет, така че, една повече никога не е излишна. Вижте стъпките по-долу за добавяне на Facebook бадж в уеб сайт.

Как да направим Facebook Like box?

Преди да пристъпим към разяснения, трябва да знаете една важна информация – добавяне на подобен бадж важи само за Facebook страници, не за лични профили.

1. Трябва да посетите страницата за разработчици на Facebook/docs/plugins/page-plugin. Може да го направите от този линк.

2. В полето „Facebook Page URL“ напишете адреса на Facebook страницата, за която искате да имате Facebook Like Box.

3. В полето „Tabs“ може да изберете две опции – дали бъдещият бадж да показва съдържанието на вашата стена с публикации и постове, или да бъде само основна снимка и фенове, които харесват страницата ви?  Ако изберете първото, напишете в полето „Tabs“ думата „timeline“. Ако не искате да визуализирате публикациите, оставете го празно.
4. Следващите две полета са съответно размерите на бъдещият бадж – дължина (Width) и височина (Height), те имат някои ограничения.

За дължина минимума е 180 пиксела, максимума е 500 пиксела. За височината имат едно единствено ограничение – минамалната стойност да е 70 пиксела, максималната е без ограничения. Т.е. размерите вече зависят от вашето желание какви да бъдат.

5. В следващите стъпки имате възможност да настроите как да изглежда Facebook like box на страницата ви. Анимирано фейсбук лого и екран с facebook like box

  • Use Small Header е ако искате да използвате умалена снимка на Facebook страницата ви.
  • Hide Cover Photo е ако искате да скриете тази картинка от Facebook страница ви.
  • Adapt to plugin container width е Facebook Like Box да бъде съизмерим автоматично с дължината на мястото, където ще го поставяте в сайта си.
  • Show Friend’s Faces е да се визуализират лицата на вашите приятели, харесали Facebook страницата ви.

Как да вземем кода и да го интегрираме в уеб сайт?

След като сте настроили бъдещият ви Facebook like box според предпочитанията си, по-долу на същата страница има един бутон „Get Code“.

Натискате го и се отваря един pop-up прозорец в който имате две опции – или да интегрирате facebook like box в самият код на вашият уеб сайт, или да го интегрирате на конкретно място, което позволява HTML текстове и разчитане на iframe маркери.

Който и от двата варианта да изберете ще ви свърши работа и ще имате Facebook like box на сайта си.

Съвет: ако сте загрижен за SEO на вашият сайт, използвайте първият вариант тъй като това са PHP кодове и те нямат негативно влияние върху оптимизирането на сайта ви.

При вторият вариант има наличие на вид „рамка“ – iframe. Предполагам, че ще искате да сложите facebook like box на начална страница или на статични позиции – header, footer, sitebar.

В този случай според SEO практиките не е желателно да присъстват каквито и да са видове рамки.

Оценка: 4.81 / 5 (138 мнения)