Как да направим Фейсбук фен страница със собствен дизайн

В тази статия ще ви покажа как да си направите собствен Фейсбук таб, представящ вашият бизнес.

играта на бонбони ДЕО  

В днешно време можете да пишете за Фейсбук на чист HTML, CSS, PHP, jQuery. Всичко работи. Само трябва да се уверите, че вашето приложение е с широчина 810px.

Веднага след това се появява и първият проблем. След като превърнете вашият дизайн в HTML код ще забележите, че не се показва цялата ви страница в Фейсбук. Тя ще стои или като изрязана, или ще трябва да скролвате за да видите края на страницата.

Решението идва с малко Javascript, който ви позволява да видите цялата си страница в Фейсбук, независимо с каква височина е (height). Просто го поставете в head частта на вашия HTML код.

<script type="text/javascript">
window.fbAsyncInit = function() {
FB.Canvas.setSize( {height: 709} );
}
// Do things that will sometimes call sizeChangeCallback()
function sizeChangeCallback() {
FB.Canvas.setSize( {height: 709} );
}
</script>


Не забравяйте да промените height: 709 с нужната височина.

Създаване на Фейсбук приложение

Първо трябва да създадем ново приложение от Facebook Developers панела. Попълнете полетата както са на картинката.

Важно е да се отбележи че ще ви трябва SSL сертификат от вашият хостинг доставчик. Това се налага за да можете да поставите Secure Tab URL, който да започне с https://. 

Създаване на Фейсбук приложение

Свързване на Фейсбук приложението с Фен страницата. 

Най-простият начин е като се използва този URL адрес:

https://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&redirect_uri=YOUR_URL


След това променете YOUR_APP_ID с APP_ID на вашето приложение и

YOUR_URL с пълният адрес на който се намират файловете на приложението.

Това е резултата който трябва да получите.
 

Добавяне на фейсбук приложение към таб