Как да настроите уебсайт за работа с Фейсбук

Joomla! Main Menu

Как да настроите уебсайт за работа с Фейсбук - Facebook JavaScript SDK

Написано от myOltrans Петък, 12 Март 2010 14:38 Последно променен на Сряда, 15 Декември 2010 20:54

След като веднъж настроите вашия сайт, може да използвате всички функции, които предлага Facebook, например:

Поставяне на коментари с кутия за коментари - Comments Box
Поставяне на кутия за харесване - Like Box
Поставяне на кутия за излъчване на живо - Live Stream Box
Повече информация за това какво е Facebook Connect и какви функционалности предоставя тук:
http://developers.facebook.com/connect.php

Основни стъпки:

Вземете Facebook Application ID като създадете ново приложение.
Настройте сайта да зарежда SDK.
Добавете функционалност.

Вземете Facebook Application ID ключ като създадете ново приложение.

Отидете на http://www.facebook.com/developers/createapp.php и въведете име на вашето приложение в полето Application Name, прочетете и приемете условията за употреба за разработчици, после запишете.
В табулацията About оставете всички неща по подразбиране. Трябва да поставите лого, което да се показва на прозореца Facebook Connect. Логото не трябва да е по-голямо от 75x75 px, във формат JPG, GIF или PNG.
В табулацията Web Site поставете в полето Site URL адреса на вашия сайт. А в полето Site Domain - адреса на вашия сървър. Това ще позволи сесията да бъде една във всичките поддомейни на основния домейн. Запишете си API ключа.
Запишете промените.

Настройте сайта да зарежда SDK.

Трябва да добавите код в шаблона на сайта, който код ще зареди SDK. Добавете следния код веднага след отварящия таг <body>. В този пример всички възможности са включени:

<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js"></script><script>
FB.init({
appId  : 'YOUR APP ID',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml  : true  // parse XFBML
});
</script>

Можете да заредите SDK и асинхронно, за да не блокира зареждането други елементи от страницата. Поставете следния код точно преди затварящия таг </body>:

<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({appId: 'your app id', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
document.getElementById('fb-root').appendChild(e);
}());
</script>

Тук можете да посочите различен локал. За повече информация вижте Как да смените езика на функционалностите на Facebook.

Добавете функционалност.

Сега повечето от функционланостите можете да добавяте само с един ред. Примери за функционалности ще намерите тук:

http://developers.facebook.com/docs/guides/web

Допълнителни ресурси

Language

Who's Online

Statistics

Joomla Newsflash

Последни новини

Joomla! Main Menu