Kuidas lisada videot oma Facebooki lehele

1,304 Photos from the 2008 SEC Championship Game from David Bergman on Vimeo.

Saabus küsimus, et kuidas lisada oma Facebook lehele videot nt. YouTubest. Tavaline embed koodi kopeerimine ei tööta.

Videote lisamiseks kasutan mina üldlevinud õpetust Static FBML jaoks.  Toon siin ära näited kuidas lisada YouTube ja kuidas Vimeo pleierit.

YouTube

Näiteks võtan Tony Christie – Tie a yellow ribbon round the old oak tree video

Video Facebooki panemiseks kasutatakse embed koodi järgmisel kujul

<fb:swf
swfbgcolor="000000" imgstyle="border-width:3px; border-color:white;"
swfsrc='http://www.youtube.com/v/xxx'
imgsrc='http://img.youtube.com/vi/xxx/2.jpg' width='340' height='270' />

Selle kasutamiseks võta soovitud video url mida soovid lisada Facebooki ehk minul siin http://www.youtube.com/watch?v=a5QcS5Zth7g ja kopeeri sealt boldis olev osa.

Facebooki koodis asenda “http://www.youtube.com/v/xxx“  xxx osa selle boldis oleva osaga ehk sul peab olema tulemuseks http://www.youtube.com/v/a5QcS5Zth7g

Nüüd lisa imgsrc elemendile foto mida ta peab näitama. Variant on kasutada YouTube screenshoti või luua ise pilt ja see sinna linkida. Mina kasutan YouTube pakutavat. Selle jaoks asenda urli xxx osa video lingi boldiks tehtud osaga ehk http://img.youtube.com/vi/xxx/2.jpg asemel on minul http://img.youtube.com/vi/a5QcS5Zth7g/2.jpg

Tulemuseks on selline Facebooki jaoks sobilik kood

<fb:swf
swfbgcolor="000000" imgstyle="border-width:3px; border-color:white;"
swfsrc='http://www.youtube.com/v/a5QcS5Zth7g'
imgsrc='http://img.youtube.com/vi/a5QcS5Zth7g/2.jpg' width='340' height='270' />

Video kasti suurust võite muuta width ja height parameetritega.

Lõpuks lisage saadud video kood Static FBML rakenduses mõnele oma soovitud tabile. Lehtede ehk tabide tegemisest saad täpsemalt lugeda siit “Kuidas lisada Facebooki lehel custom tabe“.

Vimeo

Vimeo puhul püüan teha kiire näidise.

Aluseks on täpselt sama fb kood nagu YouTube puhul kasutasime

<fb:swf
swfbgcolor="000000" imgstyle="border-width:3px; border-color:white;"
swfsrc='http://www.youtube.com/v/xxx'
imgsrc='http://img.youtube.com/vi/xxx/2.jpg' width='340' height='270' />

Võta Vimeo embed kood. Mina kasutan näiteks Eesti Ekspressi reklaami mille embed kood on

<object width=”400″ height=”300″><param name=”allowfullscreen” value=”true” /><param name=”allowscriptaccess” value=”always” /><param name=”movie” value=”http://vimeo.com/moogaloop.swf?clip_id=10376528&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1” /><embed src=”http://vimeo.com/moogaloop.swf?clip_id=10376528&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1″ type=”application/x-shockwave-flash” allowfullscreen=”true” allowscriptaccess=”always” width=”400″ height=”300″></embed></object><p><a href=”http://vimeo.com/10376528″>Uuenenud Eesti Ekspress</a> from <a href=”http://vimeo.com/kristjanpillak”>Kristjan Pillak</a> on <a href=”http://vimeo.com”>Vimeo</a>.</p>

Embed koodist kopeeri boldiks tehtud link ja asenda Facebooki koodis http://www.youtube.com/v/xxx lingiga ehk tulemuseks on

<fb:swf
swfbgcolor="000000" imgstyle="border-width:3px; border-color:white;"
swfsrc='http://vimeo.com/moogaloop.swf?clip_id=10376528&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1'
imgsrc='http://img.youtube.com/vi/xxx/2.jpg' width='340' height='270' />

imgsrc elemendi jaoks võid kasutada Vimeo screenshoti või enda loodud pilti. Vimeo screenshoti kasutamiseks pead sa minema näiteks oma videote lehele ehk minu puhul http://vimeo.com/kristjanpillak/videos ja tegema soovitud video screenshotil parema kliki ja nt. Firefoxiga valima “Vaata pilti”. Tulemuseks näen pilti ja aadressi ribalt saan lingi mida kasutada. Minul on selleks http://ts.vimeo.com.s3.amazonaws.com/541/538/54153816_200.jpg

Asendan koodis youtube pildilinki Vimeo omaga ja tulemuseks on valmis video embed kood mida Static FBML lehele panna. Vajadusel saate jälle width ja height parameetritega pleieri suurust muuta.

Tabile lisatava koodi lõplik kuju:

<fb:swf
swfbgcolor="000000" imgstyle="border-width:3px; border-color:white;"
swfsrc='http://vimeo.com/moogaloop.swf?clip_id=10376528&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1'
imgsrc='http://ts.vimeo.com.s3.amazonaws.com/541/538/54153816_200.jpg' width='340' height='270' />

Tags: embed, Embed Vimeo Video in Facebook Fan Page, facebook, facebook page embed video, How to Add YouTube Videos to Facebook, static FBML, video

Kuidas lisada Facebooki lehel custom tabe

Täna tuli küsimus, et kuidas luuakse Facebooki fännilehtedel custom tabe ehk näiteks mingi mängu tabe. Siit kiire õpetus kuidas seda teha.

Esimese asjana lisage oma lehele Static FBML nimeline app http://www.facebook.com/#!/apps/application.php?id=4949752878&ref=ts

Vajutage linki “lisa minu lehele”

Avanevas pop-up aknas valige leht millele soovite appi lisada. Lisamiseks vajutage nuppu “Add to Page”.

Nüüd mine oma lehe seadetesse. Selleks vajuta nuppu “Muuda leht”.

Otsi ülesse Static FBML seadete kast ja vajuta seal “Muuda”.

Avanevas vaates määra ära kasti nimetus ja pane paika selle sisu. Olgu see siis graafiline või tekst. Näita oma HTMLi oskusi.

Et valmistatud tab nüüd menüü ritta lisada on jäänud vaid üks samm. Vajuta rea lõpus olevat + märki ja vali sealt loodud tab. Tulemuseks ongi menüüs uus custom tab.

Ja ongi olemas!

Tags: custom tab, facebook, static FBML, tab

Kas esimene tõesti õnnestuv Eesti happening Facebookis

Huvitav kas see õnnestub? On see tõesti võimalik, et esmakordselt õnnestub üks eestlaste happening Facebookis ehk Kas see kurk saab rohkem fänne kui Edgar Savisaar?

Esimesed päevad on paljutõeotavad. Numbrid kasvavad jõudsalt ja elu keeb FB lehel. Kohe kohe on 10000 liitunud fänni kurgil ja lõppeesmärk on 38978 ehk Teeme Ära 2010 on toimumas.

Mina juba liitusin, oled sina seda juba teinud?

Eriti tore oleks kui see page hiljem ümber nimetataks K-pageks!

Tags: facebook, happening, kampaania, kurk, savisaar

threadsy.com – pane oma võgustikud kiiremini tööle

Tänu Allan Martinsoni antud viitele sai täna proovitud threadsy nimeline võrgutikes suhtlemise teenus. Teenuse eesmärk on imelihtne, pakkuda inimestele võimalust hallata oma Facebooki, Twitteri ja mailikontod ühe teenuse kaudu. Minu puhul siis Facebook, Twitter ja Gmail.

Liitumine on valutu ja kiiresti teostatav. Seod oma mailikonto ja võrgustikud tootega ja hakkad kasutama. Aga hold your horses asi on veel kinnine ja kohe saad aru, et seda veel põhjusega.

1. Kasutajaliides on mitte halb, aga natuke kribu ja närviline
2. Kustutad maile, aga peale uuesti teenuse lehele tulekut on nad tagasi
3. Facebook ei suutnud  teenusega seotud hoida

Ja rohkem probleeme ei suutnud ma kohe tuvastada. Ok invite friends nupule ma ka päris pihta ei saanud.

Aga ideena on see keskmisele eestlasele (nagu mina) väga hea teenuse. Väga suur osa eestlasi on loobunud hot.ee, mail.ee ja muude kääbuspostkastidega teenustest ja läinud Gmaili kasutajateks. Gmaili sidumine threadsy-ga on lihtne. Orkut on nii eile juba suurele osale eestlastest ja Facebook on new kid on the block. Facebooki postituste jälgimine threadsy-ga on lihtne. Ja Twitter on veelgi lihtsam, aga Twitter ongi lihtsalt lihtne teenus.

Ja kõik need toredad teenuse kokku pannes on threadsy-st tunda korraliku ja kasuliku toote aurat. Bugine, aga kohe sisselogides oli vähemalt minul küll tunne, et sellest tootest oleks mul kasu.

Ainus asi, mis threadsy puhul mind häirib on vajadus olla sisselogitud teenusesse läbi browseri. Ma ootaks korraliku Adobe Air rakendust. Nagu ootan Air rakendust ka HootSuite teenusele, et selle kasutamisele mõtleksin.

Kellel on soovi threadsy kutset saada antku endast kommentaarides märku. Ma vist jagasin lahti selle “invate friends” nupu loogika.

Tags: adobe air, facebook, gmail, hootsuite, threadsy, twitter

Priit Hõbemäe Twitter juhtkiri

Võtsin eile õhtul kätte Eesti Ekspressi ja wohoo mis lahedad vidinad seal olid tehnofriiksele inimesele nagu mina. Esimese asjana oli Priit Hõbemägi koostanud Twitteri postitustena juhtkirja. Veebis ei saa küll sellist visuaalset elamust kui paberilt, aga lugeda on võimalik seda siit “Twitter poliitikuile kohustuslikuks!”

Mis mulle lisaks huvitavale Twitter katsetusele veel rohkem meeldis oli sõnum. “Igal poliitikul peaks olema Twitteri ja Facebooki konto ning oma blogi. Iga poliitik peaks päeva jooksul kirjutama, kus ta on ja mida teeb.”

Ma olen peaaegu sama mõtet paljudele poliitikas tegelevatele inimestele alates oma õest http://www.onnepillak.ee/ rääkinud pidevalt. Ja see pole vabandus, et see on ju nii aega nõudev ja kust ma oma töö kõrvalt nüüd selle aja võtan, et kirjutada. 140 tähemärki sõnum pole probleem ma arvan kellegile. Seo Twitter Facebookiga või Facebook Twitteriga ja täidad kaks teenust korraga. Kasuta mobiilset tarkvara ja õpetusi võiks veel jagada väga palju siin. Ainus poliitik keda ma näen tõesti asjaga natuke tegelemas on Keit Pentus. Ja ma ei usu, et ta kulutab selleks tunde. Keit on hea näide, et on osa poliitikuid kes suudavad ka moodsaid vahendeid kasutada. Kõik pole õnneks tehnoloogia võõrastuse all kannatavad, kuid kindlasti jääb alatiseks neile ülekaal.

Ja Priit Hõbemägi pakkus veel huvitavat lugemist Eesti Ekspressis teemal Freenet. Asi millest enamik ei tea midagi, aga mõni on vähemalt kuulnud. Loe süvaveebist ja interneti salalaekast Hõbemäe Tumblr lehelt http://priithobemagi.tumblr.com/post/266085973/freenet-interneti-pimedam-pool

Just just Eesti Ekspressi peatoimetajat tuleb kiita kui tehnoloogiat mitte võõrastavat inimest. Mind lausa üllatas Tumblri kasutamine. Kuratlikult lihtne ja mõnus süsteem oma tekstide ja fotode jaoks. Näiteks minu Tumblri leht http://designyoudonttrust.tumblr.com/

Tags: eesti ekspress, facebook, Keit Pentus, Õnne Pillak, poliitik, poliitika, priit hõbemägi, tumblr, twitter