Ditt företag på Facebook - Del 2 (Facebooks Static FBML-app)

FBML och en personligare Facebooksida

I det här avsnittet har jag påbörjat arbetet med att utforska egna plugins och facebooks eget märkspråk. Med hjälp av Hyperarts tutorial (2010) har jag skapat en egen applikation på Facebookprofilen Youtube som marknadsföringskanal, HÄR kommer jag att lägga upp material rörande nästa steg i kedjan, att använda YouTube som marknadsföringskanal.

För att lägga till egna applikationer (undersidor) till din Facebooksida går du enligt Hyperarts (2010) in under ditt eget användarnamn på sidan http://www.facebook.com/add.php?api_key=fdfd01c9df7d644a68a4e989ae861e44&pages och väljer att lägga till Statisk FBML till din sida. Har du flera sidor så får du välja till vilken sida applikationen ska läggas till. För att sen redigera sidan går du in under Redigera sida på din Facebook profil och under Applikationer kan du ändra namnet på din applikation och börja editera med FBML. De saker jag lagt in på min sida hittar du instruktioner för i det här inlägget, men mer info finns på FBMLs diskussionsforum och Facebooks utvecklarsidor.

Det som förklaras i Hyperarts klipp (2010) nedan är kortfattat hur man med hjälp av FBML till exempel bäddar in intern och extern media, flash eller nyhetsbrev.

För att bädda in profilbilden har jag tagit hjälp av Anthony (2010) och använt mig av en kodsnutt, den kan hämtas från blog.webdistortion.com

<fb:profile-pic
uid="177525998965443" size='normal' width='300' />


Jag har utgått ifrån information hittat på zarrata.com (2009) för att få förklaringar till hur jag plockar ut id:n för de olika sakerna som tillhör min profil på Facebook. Här hittade jag inte uttryckligen svaret på var jag hittar mitt användar-id, utan fick testa mig fram. Om du går upp och plockar url:en på din youtubesida ex. http://www.facebook.com/pages/Youtube-som-marknadsföringskanal/177525998965443 så är det fetstilta i url:en ditt användar-id (uid)


Jag tog hjälp av Hyperarts (2010) för att bädda in video i Min Facebook app och använde mig av den här grundkoden som utgångspunkt. Hur du fortsätter ser du i videon How to embed a YouTube video in FBML nedan.

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


FBMLcode.com (2011) Har en kort genomgång kring hur man bäddar in sin Youtubekanal eller playlist på en Statisk FBML sida i några steg:

Logga in på ditt YouTube-konto och när du är inloggad, gå till denna URL: http://www.youtube.com/custom_player/ . Här gör du dina val, se till att, under "Layout" välja en spelare som inte har de två kolumner med miniatyrer till höger av videofönstret. Välj dina videoklipp, favoriter eller en spellista och när du har valt alla alternativ, klicka på "Generera kod " längst ner på sidan. Din "inbäddade kod" som genereras ser ut ungefär så här:

<object width="416" height="337"> <param name="movie" value="http://www.youtube.com/cp/vjVQa1PpcFNbP_fag8PvopkXZyiXyT0J8U47lw7x5Fc="> </ param> <embed src = "http: / / www.youtube.com/cp/vjVQa1PpcFNbP_fag8PvopkXZyiXyT0J8U47lw7x5Fc = "type =" application / x-shockwave-flash "width =" 416 "height =" 337 "> </ embed> </ object>

Skapa FBML koden för Static FBML

Du måste extrahera "värde" strängen från <param> taggen i den YouTube-genererade koden och göra den till värdet för "imgsrc":

<fb: swf
swfbgcolor = "000000 "
imgstyle = "border-width: 3px; border-färg: vit;"
swfsrc = 'http://www.youtube.com/cp/vjVQa1PpcFNbP_fag8Pvon-YFxwXVQJTFzsNmHqblLI ='
imgsrc = 'http://www.hyperarts.com/facebook/umf/click-to-play.gif' width = '492 'height = "391" />

"imgsrc" är den absoluta URLen till den bild som du kommer att klicka på för att ladda videospelaren på FBML sidan (Facebook tillåter inte att Flash eller JavaScript startar innan användaren vidtar en åtgärd, vanligtvis ett klick). Se till att bilden är av samma mått som videospelaren, du hittar måtten i den youtube-genererade koden. Klistra bara in koden på din Statiska FBML-app och, förutsatt att allt är korrekt, Voila!

How to add FBML to your Facebook Page

How to embed a YouTube video in FBML

Referenser:

Hyperarts (2010)FBML Tutorial Videos Publicerat på www.hyperarts.com 2010, Hämtat 16 april 2011.

Paul Anthony (2010) 7 FBML examples to rock your Facebook fan page Publicerat på www.blog.webdistortion.com 2010, Hämtat 16 april 2011.

Rishabh Dev (2009) Basic FBML for everyone Publicerat på www.zarrata.com 2009, Hämtat 16 april 2011.

Facebook/Static FBML (2011)Static FBML's diskussionsforum Publicerat på www.facebook.com 2011, Hämtat 16 april 2011.

fbmlcode.com (2011)Facebook Gives SEO Credit to Links in FBML Applications Publicerat på www.fbmlcode.com 2011, Hämtat 16 april 2011.