Blog

Kirjutame veebiteemadest, turundusest, tehnoloogiast.

Widget

Silver HageSilver Hage

Kirjutas

08. märts 201046 kommentaari

Kuidas brändida oma ettevõtte Facebook’i fännilehte

Facebook Turundamine Facebook'is muutub järjest aktuaalsemaks ning kuna konkurents on tihenemas, muutub ka olulisemaks oma ettevõtte fännilehe korralik brändimine. Nii Kaupolt kui ka minult on küsitud põhjalikumat blogiposti sellel teemal ja siin see on.

Facebook'i fännilehe brändingu võimalused

Facebook'i fännilehtede brändimiseks on põhimõtteliselt kolm eri võimalust (vt alumine pilt): profiili pilt (A), ala vasakul fännide kasti all (B) ja siis täiesti eraldi leht (C).

Facebook'i fännilehe bränding

Variant A (profile picture)

Variant A on tavaline profiili pilt, kus enamasti on pandud lihtsalt ettevõtte logo. Paljud ei tea aga, et sinna võib panna kuni 600 px kõrguse pildi. Näiteks OKIA fännilehel on seal logo asemel hoopis pilt kontorist ja call-to-action, A le Coq'il aga täispikkuses õllepudel.

Kuna see on kolmest variandis kindlasti kõige lihtsam, tasuks mõelda, kuidas etteantud ruumi (200×600 px) efektiivsemalt kasutada.

Variant B (wall tab)

Nagu eelpool öeldud on Variant B ala fännide kasti all esilehel. Antud variandi puhul on ainukeseks piiranguks laius 200px, seega on sinna võimalik panna väga palju erinevaid asju. Näiteks OKIA fännilehel on seal ära toodud adminid, sildipilv ja pildid kontorist, MAX123Dell'il on seal ära toodud lingid RSS'i, Twitter'i ja uudiskirjale. Peamine raskuspunkt variant B puhul on see, et peab natuke HTML'i oskama kirjutada (kopeerida).

Allolev joonis näitab, kuidas wall tab oma fännilehele lisada.

Facebook'i fännilehe bränding

Loe lisaks, kuidas Facebook'i fännilehel adminne näidata.

Variant C (tab)

Variant C on täiesti eraldi ala ja on brändimiseks kõige efektiivsem. Antud variandi puhul on ainukeseks piiranguks laius 760px*, seega mänguruumi on palju. Näiteks A le Coq'il on Premium'i ja Special'i jaoks tehtud eraldi tab'id, kus on pildid, videod, tootekirjeldused jne. Nagu eelmisega variandi puhul on ka siin peamine raskuspunkt see, et peab natuke HTML'i oskama kirjutada (kopeerida).

Täiendus: Kevadel muutub laius 760px'lt 520px'le, seega kui on plaanis teha midagi pikemaajalist, tasuks kohe teha 520px laiusega, siis pole tulevikus vaja ümber muuta. Lühiajaliste kampaaniate jaoks tasuks kindlasti kasutada kogu antud ruumi, st 760px't.

Allolev joonis näitab, kuidas tab oma fännilehele lisada.

Facebook'i fännilehe bränding

HTML koodist

FBML'i sobib enamus kõige tavalisemat HTML koodi, kusjuures ja tag'e pole vaja. Lihtsamate asjade jaoks pole vaja midagi juurde õppida, piisab copy-paste'imisest.

Näiteks pildi saamiseks tab'i või wall tab'i alla tuleb enne vastav pilt kuhugi ülesse laadida (oma FTP server või näiteks FTP'le väga hea alternatiiv on drop.io) ja siis kirjutada FBML kasti .

FBML kasti võib ka niisama teksti kirjutada, pealkirjad tuleb panna kas

või

tag'ide vahele. Näiteks

Suur pealkiri

.

Linkide tegemiseks peab kasutama sellist koodijuppi lingi tekst.

Ja nii edasi – täpsemalt saab HTML'ist lugeda siit.

Valmis

Loodan, et see blogipost tegi paljudele turundamise Facebook'is lihtsamaks. ** Artikli autor Silver Hage on OKIA blogi kaasautor ning temalt tuleb põnevaid artikleid veel. Silver on üliõpilane, blogija, sotsiaalmeedia fanaatik. Kui tunned, et ka Sina haagiksid meie blogiga – võta ühendust kaupo ätt okia punkt ee

Meeldib?

  1. Timo Laur

    08.03.2010 10:27

    Super…olen pikemat aega seda oodanud! Tänud!

  2. Andres

    08.03.2010 10:34

    ma juba pikemat aega nuputan, kuidas sildipilve FB fännilehele saada. Kas OKIA lehel on tegu tavalise html’iga või blogi sisu arvestava vidinaga?

  3. Kaupo Kalda

    Kaupo Kalda

    08.03.2010 11:11

    Andres, hetkel on see lihtsalt staatiline html seal mida perioodiliselt uuendame.

  4. Jüri Kaljundi

    08.03.2010 11:32

    Kaste eriti ei soovitaks, kuna need lähevad lähiajal tootmisest maha: http://wiki.developers.facebook.com/index.php/Roadmap_Profile (kogu roadmapil tasub ka silma peal hoida: http://wiki.developers.facebook.com/index.php/Developer_Roadmap et mitte tühja tööd teha, mis tulevikus kaotsi läheb).

    Kogu lehe ala bärndimiseks soovitan vaadata ka spets arendusvahendeid, mis lubavad paremini modulaarselt neid kujundada, sisu lisada jne. Hetkel ei tule ühegi nime meelde :)

  5. Silver Hage

    Silver Hage

    08.03.2010 11:40

    @Jüri – tänud. Olen teadlik tulevastest muudatustest ja kui need jõustuvad, siis eks peab seda blogiposti ka uuendama.

  6. Sven

    08.03.2010 13:57

    Asjalik artikkel, aga ühe suure veaga. Tekitab rohkem küsimusi, kui neid annab.

    Nimelt ootaks artikli juures mõnda tüüpilisemat nn “kõige tavalisemat HTLM” koodi. Ala twitteri, polli ja adminide või sildipilve lisamiseks lehele. Või vähemalt viidet, kust neid saaks.

    Nii nagu “kuidas naidata fannilehe adminne” õpetusel.

    Tänud!

  7. Silver Hage

    Silver Hage

    08.03.2010 15:03

    @Sven – valid point. Täiendan õhtul seda blogiposti :)

  8. Aivar Ruukel

    08.03.2010 20:04

    Arvasin pealkirja lugedes natsa muud… natsa enamat, terviklikumat lähenemist brändile ja brändimisele.
    Facebookis.
    Bränd nagu saan aru, on miskit sellist, mis asukoha mõttes on kuskil meie klientide peakoludes?

  9. Silver Hage

    Silver Hage

    08.03.2010 21:28

    @Sven – gripi tõttu ei ole ma täna adekvaatne kirjutama seda, aga teen seda lähipäevil.

    @Aivar – Samas, visuaalne eristumine konkurentidest on üks osa brändingust, ei?

  10. Kris

    09.03.2010 15:47

    Bueno! Väga hea ja siililegi-selgeks-juhis. Kummardused autoreile, jagan tuttavatele küsijatele igatahes nüüd suunaviite siia :)

  11. Aivar Ruukel

    09.03.2010 17:19

    @silver Jah, muidugi! Ja väga asjalik juhis, kuidas on FB s võimalik oma lehe visuaale sättida.

  12. ooker

    10.03.2010 10:25

    Igaks juhuks väike täiendus, millega tab’ide arendamisel tasuks igaks juhuks arvestada:

    Important: In early 2010, application tabs will be 520 pixels wide.

    http://wiki.developers.facebook.com/index.php/Tabbed_Profile
    http://wiki.developers.facebook.com/index.php/Roadmap_Profile

  13. Silver Hage

    Silver Hage

    11.03.2010 02:26

    @Kirs Tänud :)

    @ooker – lisasin täienduse blogiposti.

    @Sven – lisasin HTML’i kohta natuke. Nagu Kaupo eelpool ütles, siis sildipilv on lihtsalt blogist kopeeritud. Adminnide lisamise kohta saab lugeda minu blogist http://silverhage.com/kuidas-facebookis-naidata-fannilehe-adminne/ . Pollide jaoks on tegelikult Facebook’il endal olemas enam-vähem asjalik app. “Polls” nimeks siis.

  14. Mika Tuupola

    13.03.2010 13:58

    Variant D: application tab

  15. Silver Hage

    Silver Hage

    13.03.2010 16:50

    @Mika – Yes, will write about that in the future. For now, a,b,c are more than enough for most.

  16. Sigrid

    17.03.2010 10:57

    mind huvitaks veel nt kuidas teha küsitlusi sinna htmli?

    aga htmli täisjuhmina ootaks täpset koodi kus saaks ise siis teemad ära vahetada :)

    kui sul muidugi jõudu ja jaksu jagub

    igal juhul tänud sinu postitustest on olnud suur abi

    http://www.facebook.com/fotopesastuudio

  17. Silver Hage

    17.03.2010 20:20

    @Sigrid – tänud :)

    Küsitluste jaoks pole html’i üldse vaja, selle jaoks eraldi rakendus olemas Facebook’is. Näiteks Smartpost kasutab ühte varianti http://www.facebook.com/smartpost?v=app_20678178440
    Seal on kohe link olemas ka, et oma fännilehele selline küsitlus lisada.

  18. indrek

    30.03.2010 22:56

    Mul on üks peaaegu teemakohane küsimus :-) – nimelt WordPress saadab järjekindlalt blogipostitused automaatselt FB seinale. Näe tahaks ära keelata, aga mitte ei leia üles, kust ma säherduse totruse olen peale keeranud. Omateada ühtegi sellist pluginat ka ei ole installinud. Oskab keegi soovitada, kust otsida?

  19. Margus Mägi

    31.03.2010 10:36

    Minule jääb arusaamatuks, et öeldakse FBML-i sobib ENAMUS HTML-i kui ta ei saa üldjuhul HTML-ist aru. Tavalise teksti saab sinna muidugi sisse panna aga niipea kui tahad natuke rohkem tast saada, siis kirjuta read ikka käsitsi ümber FBML-ile vastavaks. Kasvõi tabelid või bulletid või proovige kasvõi videot embadida, siis on kohe aru saada, et vahed on sees. Tõeline nöök on see asi.

  20. Silver Hage

    31.03.2010 21:31

    @Indrek – ma otsiks Edit Page alt varianti – mingi app’i oled lisanud ja see töötab endiselt.

    @Margus – tõsi. Hetkel üsna primitiivse see seal. Siiski on olemas paljusid app’e (Youtube’i tab, Flickr galerii tab jne), mis kergendavad tööd. Videote lisamisest kirjutas just @kixs http://www.rockwitch.com/blog/kuidas-lisada-videot-oma-facebooki-lehele/

  21. Sven

    03.04.2010 12:55

    Proovisin ja otsisin, aga ei saa hakkama. Kuidas ettevõtte fännilehele ( veel avalikustamat) panna Twitteri kast.

    Proovisin FBML-i kaudu ja eraldi rakenduse kaudu, aga Boxide alla Twitteri kasti ei anna. Kõige lihtsam oleks vist panna FBML-i kaudu, aga siis on vaja seda koodi ehk lühidalt kust ma selle koodi saan:)

  22. Silver Hage

    03.04.2010 13:26

    @Sven – tabina on kõige lihtsam. Proovi näiteks sellega http://www.facebook.com/twittertab – peaks võtma 3 min selle ülesseadmine :)

  23. Sven

    03.04.2010 13:39

    Tänud Silver. Selle tabi panemini võttis vähem, kui minut. Tundub, et proovisin varem vale Tab-i. Igal juhul suured tänud!

  24. Kaido

    14.04.2010 13:26

    Silver!

    Kas oskad aidata, kui peale fännilehe tegemist ei luba kirjutada vasakule tutvustusse teksti – ütleb “You dont have sufficient permissions do do that”?

    Tänud!
    Kaido

  25. Silver Hage

    19.04.2010 10:55

    Hei Kaido,

    Sorry, et varem ei vastanud. Kas said korda?

  26. Tuuli

    28.06.2010 06:41

    Väga asjalik postitus! Eriti positiivne on FBML võimaluse väljatoomine.
    Samuti soovitan lugeda värskelt välja tulnud Facebooki mitmekümneleheküljelisi õppematerjale: http://emoli.eu/turundus/kuidas-turundada-facebookis/

  27. Triinu

    27.09.2010 12:03

    Imelik. Ma siin üritan üht ja teistmoodi, aga minul ei näita Facebook kõiki neid valikuid millest õpetustes räägitakse. Miks?
    Nimelt sain hakkama selle Static FBML’iga sinnamaale, et sain valmis Tabi. Katki jääb aga asi sinnapaika, et mittefännid näeksid seda kõige esimesena (enne seina). Variandid B ja C niisiis minu puhul ei tööta. Miks mul kõiki neid valikuid ei ole? :(

  28. Silver Hage

    27.09.2010 23:04

    Triinu – väga lihtne :) Mine oma Facebook’i “fännilehele” , vajuta “Share” kasti all nupu “Options” ja siis “Settings” ja siis vali enda lisatud tab “Default Landing Tab for Everyone Else:” valiku alt. Done.

    Muide, valikut B ei luba Facebook teha enam kahjuks. Alles on ainult A ja C.

  29. Agnes

    11.10.2010 12:21

    Püüdsin teha firma FB lehel lisaks tab-i. Tabi sain lisatud, aga tab-ile sisu enam mitte. Edit lehel saan sisestada koodi, aga tulemust pärast ei näita. HTML kood on korras, kontrollisin seda lihtalt mujal – töötas nagu vaja, aga FB-s mitte. Kas keegi oskab kommenteerida?

  30. Silver Hage

    12.10.2010 12:49

    @Agnes – raske öelda, milles viga. Äkki saadad mulle selle HTML-i silverhage@gmail.com

  31. Agnes

    13.10.2010 13:59

    Tänud, sain juba hakkama:) avastasin, et tõepoolest:) ja tag’e pole vaja :):):) Ülipüüdlikkusest panin ikka need ka. Mujal sellega ikka näitas kõike nagu vaja, ag FB olid need ülearused. Üks minust kordi targem inimene aitas :)

    Tänud!

  32. Agnes

    13.10.2010 14:00

    * head ja body tag’e siis polnud vaja :)

  33. Agnes

    13.10.2010 14:03

    Tere!
    Mul nüüd uus küsimus juba – mul oleks vaja panna üks uus costum tab tööle nii, et inimesed saaksid sinna pilte riputada koos omapoolsete küsimustega ja siis targad inimesed vastata. Põhimõtteliselt nagu WALL töötab. Kas seda on Costum tab-is väga raske teha?

  34. Silver Hage

    13.10.2010 14:51

    Nope, lihtsaim on teha seda kommentaaridega:

    Loe parameetrite kohta siit: http://developers.facebook.com/docs/reference/fbml/comments

  35. Agnes

    13.10.2010 15:18

    Selge siis, tuleb hakata pusima:)
    Tänud lingi eest!

  36. Maido

    06.11.2010 00:24

    Suurimad tänud väga asjaliku artikli eest!

    Teie lehel on profiili pilt max mõõdus, kuid iga posti ees olev thumbnail logost siiski korraliku suurusega. Kas Thumbnaili suurust saab ka kuidagi määrata? Originaalis jääks teie logo seal väga väiksena.

    Tänud!

  37. Silver Hage

    08.11.2010 13:05

    Hei Maido,

    Suurust määrata ei saa, aga sa saad määrata thumbnail’i “asukohta” – liigu lihtsalt profiilipildi peale, vajuta pildi üleval paremal väikest pliiatsi ikooni ja sealt “Edit thumbnail”. :)

  38. Mihkel

    13.11.2010 21:03

    Väga mõnusalt kirjutatud näidetega artikkel, tänud!

  39. Silver Hage

    16.11.2010 14:58

    Tänud Mihkel :)

  40. Madis

    04.01.2011 19:35

    Väga hea artikkel!
    Tegelen ka hetke aktiivselt selle fbmliga. Olen lugenud igaltpoolt meeletult neid fb õpetusi ja aga ilmselt on kahesilma vahele jäänud see jagamise nupp.
    Et kui mul on fbml kast loodud ja sinna on pandud rek. pilt siis kuidas ma saan jagamise nuppu sinna lisada? Muidugi ideaal varjant oleks selline nagu coca-colal on video ülemisele äärele see nupp pandud.

  41. Silver Hage

    06.01.2011 00:28

    @Madis – väga lihtne. Lisa lihtsalt ja korras :)

  42. Silver Hage

    06.01.2011 00:31

    Classic, HTML’i ei saa paste’ida siia. Igatähes fb:share-button class=”url” href=”http://www.facebook.com/solariskino” / kus alguses ja lõpus on nooled.

  43. Madis

    07.01.2011 02:10

    Jaga

    Proovisin sellist varjanti, aga ta loob mulle lihtsalt ikooni kuhu saab vajutada aga reaalselt ei jaga

  44. Madis

    07.01.2011 02:13

    a class=”mtm mlm mtm mlm mtm mlm uiButton” href=”/ajax/share_dialog.php?s=18&appid=2530096808&p[]=144636745590131″ rel=”dialog” title=”Saada see sõpradele või postita oma profiilile.”>Jaga</a

  45. Madis

    07.01.2011 03:24

    Sain juba jagu!

Kommenteeri