Facebookin Tykkää-nappi omille sivuille
Blogit | Kirjoitti: Markku
Tervetuloa Koodausvartin pariin, rakkaat kolajuomien orjat. Facebook on julkaissut uuden ominaisuuden, joka todennäköisesti räjäyttää käyttäjien toisilleen jakamien linkkien lukumäärän. Ylläpitäjät voivat nyt lisätä omille kotisivuilleen Sinisen Peukun, kuten tälläkin sivulla.
Sinistä Peukkua helpommaksi linkkien jakaminen kavereiden kesken tuskin voi enää tulla. Kun painat nappia, FB-profiilisi seinälle tulee linkki kirjoitukseen. Eli kyse on samasta tutustua Tykkää-toiminnosta, joka on vain luikerrellut Facebookin ulkopuoliseen internetiin. Jos et ole kirjautuneena Facebookiin, selain pyytää sinua tekemään niin.
Tykkää-nappi asennetaan näin:
1. Mene Facebookin Like Button -ohjesivulle
2. Naputa generaattoriin sivustosi osoite ja säädä nappulan ulkoasu haluamaksesi
3. Paina Get Code
4. Kopioi ylemmän tekstikentän koodinpätkä leikepöydälle ja lisää se nettisivusi lähdekoodiin siihen kohtaan mihin haluat painikkeen ilmaantuvan.
Generaattorin avulla on mahdollista luoda painike vain yhdelle URLille kerrallaan. Sisällönhallintajärjestelmien käyttäjät haluaisivat tietysti nappulan automaattisesti jokaiselle uudelle sivulle, mikä vaatii pienen modauksen. WordPressissä homma hoituu näin:
1. Generoituun koodiin tämä muutos: […]like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>
2. Koodi liitetään sivupohjaan single.php (sekä tarvittaessa page.php)
Alkuperäiset ohjeet englanniksi
Aika näyttää, onko uutuudesta enemmän haittaa vai hyötyä: FB-käyttäjiä pommitetaan jo nyt melkoisella linkkien, tapahtumien ja viestien tulvalla. Kirjoittajia Sinisen Peukun ainakin luulisi motivoivan tuottamaan nettiin parempaa sisältöä, mutta linkkejä bisnesmielessä keräävien Deliciousin ja Diggin toimistoilla ollaan varmasti savet puntissa tällä hetkellä.
10.12.2010 klo 16:52
Heipsan, kiitos vinkeistä. Voisko joku neuvoa, miten tuosta “tykkää” painikkeesta saisi vielä läpinäkyvän, tai esim. mustan, sivupohja on musta ja valkoinen loota tuon napin alla on tyhmä.
13.12.2010 klo 22:47
Hmm, minulla ei tule valkoista laatikkoa napin taakse, kun kokeilin tehdä demon mustalle taustalle: http://www.volume.fi/likedemo.html
Tsekkaa että iframe-tagin lopussa on tämä attribuutti: allowTransparency=”true”
Voit myös kokeilla lisätä style-attribuuttiin pituuden ja leveyden perään “background:none;”
16.01.2011 klo 01:52
Kiitos ohjeista! Sain liitettyä koodin sivulleni.
09.08.2011 klo 00:30
Ei onnistu tuo napin tekeminen. Ei anna sitä koodia :/
18.08.2011 klo 10:13
ei onnistu minullakaan
Kun olen painanut get code tulee vain ilmoitus:
“Only verified developers can be added as listed developers of this application. Read http://www.facebook.com/help/?faq=17580 for details.”
Osaako joku auttaa??
24.09.2011 klo 15:26
Eipä toiminut CMS-sisällönhallinnan kanssa. Nettisivulle tuli vain tuo koodi, ei nappia.
16.02.2012 klo 18:51
Kiitti ohjeesta, toimii =)
07.05.2012 klo 03:51
Kiitos. Ja toimii kans!