петък, 26 юли 2013 г.

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

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

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

В днешно време можете да пишете за Фейсбук на чист 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 с пълният адрес на който се намират файловете на приложението.

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


в

3 коментара:

  1. Пано Кондоянис26 юли 2013 г. в 12:48

    Урока е прекрасен Анатолий

    ОтговорИзтриване
  2. Anatoliy Simeonov29 юли 2013 г. в 18:52

    Мисля, че е редно да споделя с всички читатели на блога, че та зи статия е гост пост на колегата Георги Дюлгеров, за което му благодаря! Помолих го да я публикува тук, след като я видях на английски в неговия блог. Той я преведе и я публикува тук, за да може всички да и се насладим.

    ОтговорИзтриване
  3. Стоян Димитров17 август 2013 г. в 14:36

    Определено е доста добра статията. Човек с повече въображение може да направи стахотна фейсбук страница. :)

    ОтговорИзтриване