Почти ежедневно срещам по форумите в България въпроси на различни потребители – Как да добавя 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 на страницата ви.
- 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 практиките не е желателно да присъстват каквито и да са видове рамки.