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

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


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

26 юли 2013 г. в 12:48

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

29 юли 2013 г. в 18:52

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

17 август 2013 г. в 14:36

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

Публикуване на коментар

Related Posts Plugin for WordPress, Blogger...
 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Моят блогрол - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger