Zobrazení FB aplikací na svých stránkách

01. června 2010 | Autor: Jindřich | komentáře

Teď když máte vytvořenou firemní stránku na Facebooku (FB) je třeba o tom dát vědět i na svém webu. Je spousta možností jak na svých stránkách upozornit na firemní profil na FB, může to být pouhé „Líbí se mi“ či FAN box, ve kterém můžete zobrazovat nejen vámi zvolený počet fanoušků, ale i nejnovější příspěvky. Jako bonus můžete FAN box zastylovat do barev vašeho webu.
Další z možností je využití FB komentářů přímo pod článkem na vlastní webové prezentaci.

Nejprve si ukažme klasický FAN box, který už má dneska na svých stránkách leckdo, tímžto pádem to vezmu velice zlehka.

Do stránky vložte tento kód:

 <fb:fan width="240" css="/styles/facebook.css" height="200" connections="12" stream="0" profile_id="131747207560"></fb:fan>

• profile_id – ID vašeho firemního profilu na FB
• stream – zobrazení nejnovějších příspěvků
• connections – počet zobrazených fanoušků
• css – link na CSS styly

vše o FAN boxu je podrobně popsáno na stránkách pro developery na FB


FAN box je jednoduchá záležitost, kde si vložíte jenom kousek kódu na své stránky a vše funguje jak po másle. Zde na blogu jej můžete vidět již několik týdnů a zmínil jsem ho pouze pro úplnost.

Pro zprovoznění např. komentářů musíte odvést o pár kroků více, abyste dosáhli vytouženého cíle. Nebojte se není to nic složitého, jak to většinou bývá, jde jenom o pár „prkotin“ na které si člověk někdy přijde sám a nebo je dostane naservírované na podnose :) ale dost řečí, pojďme na to – na FB si vytvořete aplikaci.


Důležité je určit správnou URL adresu webu, na kterém komentáře poběží. Nemusíte mít strach pokud vyvíjíte web na jiné doméně než ve skutečnosti poběží, protože tuto informaci můžete kdykoliv změnit v nastavení aplikace.


na následující stránce vidíte vygenerovaný App ID, které budete potřebovat pro inicializaci.

a teď už máte vyhráno a stačí pouze nakonec stránky vložit kód pro inicializaci

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

A pod článek samotný kód pro komentáře

<fb:comments numposts="10" width="650" xid="URL adresa článku" simple="1"> <fb:title>Komentáře</fb:title> </fb:comments>

• numposts – počet komentářů na stránce
• xid – jedinečná URL adresa na vašem webu pro určení k čemu komentář patří
• simple – =“1“ -> box s komentáři nemá zaoblené rohy

opět všechny atributy pro komentáře na developers.facebook.com

Pro všechny ty, kterým toto nestačí a chtějí zkoušet další aplikace je určen web http://developers.facebook.com/, kde najdete veškerou podporu pro aplikace tkz. API
Nezbývá než popřát „good luck“ při objevování neustále se rozrůstajících funkčností, které nabízí fenomén dnešní doby FACEBOOK. Jak někdo moudrý pravil: „Není čas ztrácet čas“, proto se dejte do práce a poskytněte uživatelům veškerý komfort.

P.S. pro nefiremní webíky: jen blázen by nechtěl na svém webu diskuzi zdarma, která váš článek může světelnou rychlostí rozšířit po TOM internetu :)