Stel, je beheert een Facebookpagina waar je graag meer uit wilt halen. Je plaatst regelmatig interessante updates op het prikbord en reageert ook trouw op de comments die je krijgt. Toch heb je het gevoel dat je niet het onderste uit de kan haalt. Dan is het goed om te weten dat je jouw pagina een flinke impuls kunt geven met een speciale landingspagina en extra custom tabs (subpagina’s).
Als je begint met een Facebookpagina, krijg je een aantal tabs waar je informatie kunt plaatsen: Prikbord, Info en Foto’s. Prachtig, maar op termijn wil je misschien meer. Dit artikel helpt je om dit in 5 simpele stappen voor elkaar te krijgen.
Mensen binden met een landingspagina
Wat je eigenlijk wilt als mensen op je pagina terechtkomen, is dat ze op de Like-knop klikken. Dan blijft het contact namelijk niet beperkt tot dat ene bezoekje, maar ontvangen zij de updates van jouw pagina in hun eigen vertrouwde nieuwsoverzicht. Je moet er dus voor zorgen dat je bezoekers meteen inpakt. Zonder landingspagina komen mensen gewoon op het prikbord terecht. Op een landingspagina verleid je de bezoeker om op de knop te klikken door iets aan te bieden. Iets waar de bezoeker echt iets aan heeft, bijvoorbeeld een interessante download.
Je kunt zo’n landingspagina helemaal aanpassen aan je eigen voorkeuren. De enige restrictie is dat jouw content maximaal 520 px breed mag zijn. Verder is het aan jou om er iets van te maken. Zo kun je een plaatje maken dat helemaal past bij de campagne die je nu voert met een oproep om de pagina te liken. Hieronder een paar fraaie voorbeelden.
De Facebookpagina van Angry Birds.
De Facebookpagina van Jack Daniels.
De Facebookpagina van de NFL.
Je kunt het nog veel verder voeren. Zo kun je een hele pagina opbouwen met HTML, CSS en JavaScript. Hiermee heeft een Facebookpagina ongeveer dezelfde mogelijkheden als een gewone website, maar dan met de mogelijkheid om mensen langdurig aan je te binden (door de Like-knop).
Tools voor custom tabs
Er zijn diverse tools waarmee je custom tabs kunt maken, zoals Wildfire en Involver. In deze tutorial gebruik ik de gratis app Static HTML: iFrame Tabs (ruim zestig miljoen gebruikers). Hiermee kun je twee verschillende landingspagina’s maken: voor niet-fans (scoor die like) en eventueel ook voor al bestaande fans (die jouw updates al in hun nieuwsoverzicht ontvangen en dus niet zo snel terug zullen komen op je pagina).
Stap 1: installeer Static HTML: iFrame Tabs
Ga naar de Facebookpagina van Static HTML: iFrame Tabs. Klik daar op de blauwe knop Add Static HTML to a page. Daarna krijg je een dropdownmenu. Hier kies je de pagina waaraan je deze app wilt koppelen. Wanneer je op de button op Static HTML: iframe tabs toevoegen geklikt hebt, zie je de app op jouw pagina verschijnen. Links in de kantlijn zie je de custom tab Welcome.
Stap 2: de tab bewerken
Je ziet nu twee velden waar je content kunt toevoegen. Let op: afbeeldingen en andere embedded files moeten gehost worden op een https-locatie. Regel dus hosting bij een provider. Tip: Als je naast HTML alleen maar plaatjes wilt weergeven, kun je gebruikmaken van de gratis service FreeVPS.us. Hier kun je JPG-, PNG-, BMP- en GIF-bestanden van maximaal 8MB stallen.
Stap 3: kies de juiste settings
De code zit erin, nu kun je nog een paar zaken instellen. Klik op de button * Magic. Zo kun je er bijvoorbeeld voor kiezen om geen scrollbars weer te geven.
Je kunt de tab zelfs koppelen aan je account bij Google Analytics. Ook kun je een custom icon instellen voor de tab. Alleen de eerste is gratis…
Stap 4: de tab hernoemen
Ik kan me voorstellen dat je de tab niet Welcome wilt noemen. De naam kun je aanpassen door bovenaan te klikken op Info bewerken. Je ziet links een aantal opties. Klik op Apps en je ziet alle apps die gekoppeld zijn aan deze Facebookpagina. Vervolgens klik je bij de app Static HTML: iFrame tabs op Instellingen bewerken, waarna je de naam kunt veranderen.
Stap 5: tab instellen als landingspagina
Tot op dit moment komt een bezoeker automatisch terecht op het prikbord. Dit kun je veranderen door binnen de instellingen van jouw pagina te gaan naar Toestemmingen beheren. Halverwege de pagina zie je Standaard tabblad. Hier kies je de tab die je net gemaakt hebt. Sla de wijziging op en klaar ben je!
Extra custom tabs toevoegen
Je kunt extra custom tabs/subpagina’s maken door naar de tab te gaan die je net gemaakt hebt. De editor opent weer automatisch.
Ga naar Help en dan naar de vraag How do I add more than one tab? Klik op Second tab. Je komt op de app-pagina. Links zie je de optie Toevoegen aan mijn pagina. Als je daarop klikt, zie je een schermpje met de pagina’s die je beheert. Kies de juiste pagina. Daarna ga je terug naar jouw Facebookpagina. De tweede custom tab staat keurig onderaan. Met de app Static HTML: iFrame Tabs kun je maximaal twaalf tabs toevoegen.
Wil je de volgorde van jouw tabs aanpassen, dan kan dat door onder de tabs te klikken op Bewerken. Daarna kun je de tabs naar de gewenste positie slepen.
Op twitter (
Een degelijke en verstaanbare uitleg,en natuurlijk weer iets bijgeleerd
Hoe kan ik de custom app weer verwijderen van facebook?
Beste Bonita,
Om de custom tab te verwijderen doe je het volgende:
1) Ga naar je pagina.
2) Klik op het driehoekje rechts naast je tabs. Je ziet nu alle tabs van jouw pagina.
3) Houd de muis boven de tab die je wilt verwijderen. Er verschijnt een potloodje.
4) Klik op het potloodje en kies de optie ‘App verwijderen’.
Tien seconden werk. Succes.
Groet,
Erik van Laar
vraagje.. stap 2 de tab bewerken..
ik ben geen programmeur oid dus tis allemaal niet zo vanzelfsprekend voor mij, maar ik neem aan dat je dus in programmeertaal je plaatjes en dergelijke erin moet schrijven?..
Zelfde principe als bij een website met een header etc of vergis ik mij nu?
mvg
Beste John,
Je schrijft de content in HTML. Dat kun je leren en als je daar de tijd niet voor hebt, zijn er genoeg tools voor WYSIWYG HTML. Dan schrijf je tekst en maak je die op als in tekstverwerker en de tool vertaalt dit naar HTML. Maar doe je dit bedrijfsmatig, dan is iedere cent die je investeert bij een extern bureau z’n geld waard. Mits je een goede strategie hebt natuurlijk.
Dat is één. Daarnaast heb je een server nodig om plaatjes op te slaan. Heb je die niet, dan kun je eventueel gewoon Flickr gebruiken. Na uploaden copy/paste je de afbeeldingslink in je HTML.
Vriendelijke groet,
Erik van Laar
Op een facebookpagina kan je kiezen voor ‘notities’. Kan ik die functie ook twee keer gebruiken? Ik bedoel: ik zou twee aparte tabbladen willen waarin ik notities (bijvoorbeeld: één voor eigen notities en één voor notities van andere schrijvers) kan opslaan. Is dat mogelijk?
Dag Karen,
Je kunt slechts één tab Notities toevoegen aan je pagina. Maar wat wil je precies doen met die notities van andere schrijvers?
Vriendelijke groet,
Erik van Laar
Beste Erik,
Op onze bedrijfspagina http://www.facebook.com/fysiobroekhuizen heb ik met de app static html een pagina gemaakt. Nu krijg ik deze pagina echter niet ingesteld als standaard tabblad voor niet-fans. Ik krijg nl niet de optie om deze in te stellen onder toestemming beheren… Kan jij me helpen?
Groet, Tamara
Is me gelukt, maar op facebook dan krijg ik niet het juiste beeld??
Image is 800px?
Hij laad de pagina wel maar dan zie ik alleen de pagina niet facebook meer???
Oeps sorry op de computer perfect maar op de Ipad niet.