Facebook "like" dugme - kako postaviti na sajt?

[ Onaj @ 01.09.2010. 21:34 ] @

Kako postaviti facebook "like" dugme na sajt? Napravim facebook page za sajt i šta onda? Kako dalje?

[ Srđan Pavlović @ 01.09.2010. 21:46 ] @

Evo ti moj code, nije like, ali je share, ovako nekako:

Code:

<a href="http://www.facebook.com/sharer...http://www.oligofrenolog.info/">
<img src="http://www.oligofrenolog.info/images/fb.png"
style="border:1;" alt="Podeli na Fejsu!" /></a>

Znaci uploadovao sam samo neku FB slicicu kod sebe na kojoj pise "podeli na FB" i stavio iza nje ovaj kod.
Nesto valjda slicno i za like...

[ Onaj @ 01.09.2010. 22:46 ] @

Hvala za kod, medjutim, potrebno mi je za "Like".

[ gti2 @ 01.09.2010. 22:53 ] @

http://developers.facebook.com/docs/reference/plugins/like#

[ Stefan Jocic @ 01.09.2010. 22:54 ] @

Kod za like button generišeš ovde.

//edit: preteče me gti2

[ Onaj @ 02.09.2010. 00:35 ] @

Fala ve mlogo!

[ mitarmitar @ 11.09.2010. 08:54 ] @

E sad mene interesuje da li znate neki način da se postavi samo dugme like bez ovog okvira i svega ostalog (što se može smatrati nepotrebnim), a da kad se klikne na njega likuje se ta stranica (FunWall) na facebooku, a ne konkretna stranica na mom sajtu.

Pretpostavljam da tako nešto većpostoji, ali ne mogu da ga nađem nikako. Uglavnom se sve svodi na postavljanje tog dugmeta koje usmerava na like-ovanje stranice na kojoj se dugme nalazi.

[ Aleksandar Klickovic @ 11.09.2010. 11:51 ] @

Tebi treba Like Box

http://developers.facebook.com/docs/reference/plugins/like-box (iskljuci Stream, Header i Stavi connections na 0 da bi dobio skracenu verziju)

Like button je napravljen da bi delio sadrzaj sa svog sajta sa prijateljima na fejsbuku (koncept je na viralnosti fejsbuka i rapidnom povecanju posecenosti tvog sajta), a like box sluzi da bi prikazao broj fanova fejsbuk-stranice na svom sajtu (i dao im mogucnost da automatski postanu fanovi tvoje strane bez odlaska na istu)

[ mitarmitar @ 12.09.2010. 11:47 ] @

Da, Znam to. I uradio sam već sve opisano, ali opet postoji problem tj Širina okvira koji meni treba je 135 pix i onda se ne može videti dugme "Like". Najradije bih, ako postoji neki plug-in, postavio samo dugme koje ima istu funkciju tj bez logoa, već samo dugme i broj ljudi koji su to like-ovali.

[ Aleksandar Klickovic @ 16.10.2010. 12:44 ] @

Pa jos uvek tako ne mozes, procitaj uputstva i prafila fejsbuka... Poenta je i da se oni reklamiraju na tvom sajtu..

Sa druge strane, probaj da stavis ceo kod u jedan div, pa div stilizuj da ima odredjenu sirinu i visinu, da sadrzaj stoji kako treba, a ostatak da bude sakriven.. Mada to je protiv pravil fejsa, ali moralne dileme ostavljam na tebi :)

[ kruksmail @ 20.03.2011. 16:00 ] @

Imam problem sa share. Za serovanje na fb koristim sledeci kod

Code:

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

Problem je kada kliknem na "Share" lepo prikaze title, description i slicicu, ali kada se seruje na fb kasnije ne prikazuje sliku. Gledao sam na sajtu blica i monda. Na mondu radi, a na blicu je ista situacija kao kod mene.

Jel zna ko o cemu se radi?

[ Thugzsr @ 23.02.2012. 12:49 ] @

da li bi mi neko mogao reci sta se desava posto sam ubacio kod generisan na fb developers strani, ali kada ga ubacim kod mene, ne vidi se nista...samo da postoji ovi div...

[ Aleksandar Klickovic @ 24.02.2012. 09:06 ] @

Da li mozes da postavis kod koji si ubacio, da vidimo o cemu se radi?
I link ka strani na koju si ubacio :)

[ Thugzsr @ 24.02.2012. 10:08 ] @

trenutno radim redizajn pa je offline, tako da link ne mogu da vam dam, ali kod je:

Code:
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/sr_RS/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

ovo je trazeno kod head taga

Code:
<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : 'YOUR_APP_ID', // App ID
      channelUrl : '//WWW.YOUR_DOMAIN.COM/channel.html', // Channel File
      status     : true, // check login status
      cookie     : true, // enable cookies to allow the server to access the session
      xfbml      : true  // parse XFBML
    });

    // Additional initialization code here
  };

  // Load the SDK Asynchronously
  (function(d){
     var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement('script'); js.id = id; js.async = true;
     js.src = "//connect.facebook.net/en_US/all.js";
     ref.parentNode.insertBefore(js, ref);
   }(document));
</script>

ovo je neki sdk sto su trazili da se ubaci

Code:
  <div name="social" style="background-image:
                                    url('images/bicikli/svidja.jpg'); background-repeat:no-repeat; height: 31px;"></div>
                                    <fb:like href="http://www.nssport.com/BC-1700HX-H.php" send="true" layout="box_count" width="450" show_faces="true" font="tahoma"></fb:like> <div id="fb-root"></div>

i to je poslednji deo

[ Aleksandar Klickovic @ 25.02.2012. 09:35 ] @

Ok, ovaj prvi deo

<div id="fb-root"></div>
<script>(functi....

Treba da ubacis odmah posle

<body> taga

Odnosno da on bude na pocetku (nije neophodno, moze i negde u stranici, al bitno je da iznad njega nema nista vezano za fejsbuk..

Naravno, treba da imas i napraljenu aplikaciju na fejsbuku https://developers.facebook.com
Da bi mogao da ubacis app ID
u FB.init({
appId : 'YOUR_APP_ID', // App ID

E sad, nisam siguran da jos uvek funkcionise Share dugme, jer je to odavno izbaceno i zamenjeno sa Like dugmetom

https://developers.facebook.com/docs/reference/plugins/like/ koje dobijas unoseci podatke u ovaj box.

Ajde, sad probaj ovo, pa idemo dalje.

[ Ljubiša Begović @ 25.02.2012. 23:42 ] @

Da bi ti Like funkcinisao što bi rekli "u full-u", treba da definišeš nekoliko stvari na stranici.

U head tagu:

Code:

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://ogp.me/ns#">

<meta property="og:title" content="naslov_stranice" />
<meta property="og:type" content="website" />
<meta property="og:url" content="tvoj_url" />
<meta property="og:site_name" content="naslov_sajta" />
<meta property="og:image" content="url_slike" />
<meta property="fb:app_id" content="id_tvoje_app" />

Unutar body taga ide to što je Aleksandar rekao, najbolje je da staviš na dno stranice, odmah iznad </body>, i to ovaj kod, da ti ne utiče na učitavanje stranice.

Code:

<div id="fb-root"></div>
<script>window.fbAsyncInit = function() {
   FB.init({
    appId  : 'tvoj_app_id',
    status : true, // check login status
    cookie : true, // enable cookies to allow the server to access the session
    xfbml  : true, // parse XFBML
   // channelURL : 'http://www.domen.com/channel.html', // channel.html file
    oauth  : true // enable OAuth 2.0
  });
  };
  (function(d){
     var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
     js = d.createElement('script'); js.id = id; js.async = true;
     js.src = "//connect.facebook.net/en_US/all.js";
     d.getElementsByTagName('head')[0].appendChild(js);
   }(document));
<script>

I postaviš onaj kod tamo gde hoćeš da se pojavi Like. Ja postavljam html5 verziju:

Code:
<div class="fb-like-box" data-href="tvoj_URL" data-width="xxx" data-height="yyy" data-show-faces="true" data-stream="false" data-header="false"></div>

I moraš da imaš aplikaciju koju ćeš da podesiš da radi sa OAuth 2.0

Ako imaš sve to podešeno, nećeš imati problema sa Like-om.

Što se tiče Share, radi sve ok, bez ikakvih problema, samo staviš ovako:

Code:
http://www.facebook.com/sharer/sharer.php?u=tvoj_url

[ Thugzsr @ 29.02.2012. 10:40 ] @

e ljudi, ubacio sam share i kada ga ubacim preklopi mi like i twitter dugme! ne znam zasto?

Code:
<table>
<tr>
<div name="social" style="background-image:url('images/bicikli/svidja.jpg'); background-repeat:no-repeat; height: 31px;"></div> </br>
<td>
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'>Share</a>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
</td>
<div>
  <td style="width: 65px"><fb:like href="http://www.nssport.com/BC-1700HX-H.php"  layout="button_count" width="120" show_faces="true" font="tahoma"></fb:like>
</div>
</td>
<td> <div> <a href="https://twitter.com/share" class="twitter-share-button" data-size="small">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

</div></td>
  <td><div class="g-plusone" data-size="medium"></div>

<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>        </td>
</tr>
                                    </table>

[ Pricanakvadrat @ 24.04.2012. 13:15 ] @

Pozdrav imam mali problem,
evo linka npr:

http://www.pricanakvadrat.com/details/jasf/428.html

Kada ovaj link podelim na facebooku ne vuče mi sliku uopšte i ako sam definisao og:img i sve ostalo što treba.

Da li neko vidi neku grešku koju ja ne vidim

Hvala unapred...

[ Aleksandar Klickovic @ 24.04.2012. 15:15 ] @

Testiraj svoje linkove preko

http://developers.facebook.com/tools/debug

Cini mi se da imas problem sa velicinom, tj sa razmerom slike.. mora da bude manja 2:1 ili 4:3 tako nesto..

I na kraju kad stavljas link na fejsbuk dodaj mu ?v=1 na kraju

ili ?v=1.01
pa onda za svaku verziju menjaj u ?v=1.02 itd..

http://www.pricanakvadrat.com/details/jasf/428.html?v=1

Nadam se da ce pomoci..

[ Pricanakvadrat @ 24.04.2012. 21:05 ] @

Hvala, problem rešen. Bio je ipak problem zato što slika koju sam linkovao nije bila veličine koja odgovara facebooku.

Hvala još jednom, to mi nikada ne bi palo na pamet

[ agnica @ 21.06.2012. 23:14 ] @

Kako da postavim dugme lajk na sajt, da bi mi ljudi lajkovali sliku na fejsbuku? Neki su mi rekli da se to ne moze postaviti?