19. august 2010

Tutoriál 5 kúskov kódu: #3 Zdieľanie na Facebook

Kto dnes nie je na Facebooku či Twitteri ako by ani nebol. Ja tiež som, a preto som. A vždy, keď nájdem niečo zaujímavé, hneď to niekam zdieľam. V tomto jednoduchom návode sa chcem podeliť o pár kúskov kódu, ktoré vám pomôžu rýchlo zdvihnúť hodnotu webu či blogu.

Dnes to bude o tom, ako umožniť čitateľovi zdieľať na Facebook priamo zo stránky.

Vybral som 5 populárnych služieb, ktoré som sa rozhodol použiť aj na svojom webe. Tutoriál teda v praxi vidíte práve tu.

  1. Pekná typografia s Google Font API
  2. Facebook like gombík
  3. Zdieľanie na Facebook
  4. Skracovanie pomocou bit.ly API
  5. Zdieľanie na Twitter aka “Tweet this”

Odkaz pre zdieľanie na Facebook

Kód pre odkaz pre zdieľanie na Facebook tiež jednoducho vygenerujete priamo zo stránky Facebooku. Môžete si tam vybrať, či chcete gombík, alebo odkaz a či chcete, aby to zobrazovalo počet zdieľaní (iba ak máte gombík).

Kód, v ktorom môžete upraviť akurát text odkazu je pripravený pre použitie na stránke:

<a name="fb_share" type="icon_link" href="http://www.facebook.com/sharer.php">Zdieľať na Facebooku</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

Alternatívne, môžete si vytvoriť vlastný odkaz pre zdieľanie a nemusíte na svoju stránku vkladať žiadne cudzie skripty. Formát odkazu je jednoduchý:

http://www.facebook.com/sharer.php?u=<URL>&t=<Názov>

Môžete si zadefinovať funkciu v JavaScripte, ktorá po zavolaní otvorí nové okno:

<script>
function fbs_click(t) {
  u=location.href; 
  if(t == undefined) {
    t=document.title;
  }
  
  window.open('http://www.facebook.com/share.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');
  return false;
}
</script>

Túto funkciu len naviažte na ľubovolný odkaz napríklad takto:

<a rel="nofollow" href="http://www.facebook.com/share.php?u=<URL>" onclick="return fbs_click('<NEPOVINNE_TITLE>')" target="_blank">Zdielat na FB</a>

Vlastný odkaz potom v praxi vyzerá a funguje takto: Vlastný odkaz pre zdieľanie na FB

Originál Facebook odkaz pre zdieľanie vyzerá takto: Share

Zdielať:     Poslať na vybrali.sme.sk

Komentáre k článku  rozbaliť ↓ zbaliť ↑


Komentáre sú uzatvorené

Volám sa Matúš Marcin a mám tento blog.