Hvordan lage "Trykk liker for å bli fan"-bilde

picxx

WF 09
Ok. Så det er enkelt. Men har du noen konkrete tips til å lage en "landing site" som man kaller det på fagspråket.

"Static HTML by Thunderpenny" er en gratis app som lar deg designe en html side for ikke medlemmer og en html side for medlemmer.
Jeg bruker den selv på mange av mine sider.
Du kan lure mye rart inn på en html side....det er bare fantasien som begenser deg.
(mulig du også kan hente frem pgp og j/s i iframen....jeg har ikke testet)

utover det er det bare å gå inn på innstillinger på din side og sette denne siden som din velkomstside, men vet du ikke såpass vet jeg heller ikke om jeg gidder å fortelle deg det ;)
 
Jeg har gjort det selv, en ganske enkel sak. F.eks.
Heart for Children | Facebook

Koden er noe som dette:
Kode:
<?php
$fb = split("\.",$_REQUEST['signed_request']);
$fb[1] = base64_decode($fb[1]);
if( strpos($fb[1],'"liked":')) {
	if( !strpos($fb[1],'"liked":true')) {
		echo '<div class="overly"></div>';
	}
}
?>

class overly gjør at et bilde ligger overst etc.


Ok. Kan jeg kopiere koden din jeg? Så bare tar jeg et eget bilde
 

Pong

Jeg selger sʇɥƃıluʍop :)
Såklart.
HTML-siden som vises som iframe på fb-siden er denne:
heartforchildren.no

Du kan kopiere denne og plukke den fra hverandre, men det grunnleggende er altså at div'en med class overly kun spyttes ut i tilfelle siden vises på facebook og besøkeren ikke er fan.
Ellers er det en vanlig html-side, så du kan gjøre hva du vil. Her viser jeg f.eks. noen produkter: Kaffepads - Velkommen | Facebook
 
Spørsmålet er bare hvilke elementer jeg skal ha på "landing page". Intensjonen er jo å få folk til å like siden, så jeg må ha:

1) en pil
2) logoen min
3) en tekst hvor det står: Klikk like for å holde deg oppdatert på "blablabla"
4) eventuelt en kul gradient bakgrunn/en fin ramme rundt/et objekt som stikker ut av rammen er jo en fin effekt
 

Pong

Jeg selger sʇɥƃıluʍop :)
OK, som proof of concept er dette greit, men nå lenker du til photobucket, og jeg ville heller lenket til din vanlige nettside, eller enda bedre: ingenting - som også thomas påpeker. Du ønsker jo at besøkeren klikker på 'like' sant?
 
Hvordan fjerner jeg linken da?

Her er koden for ikke-fans:

<a href="http://s1241.photobucket.com/albums/gg508/marcuscgaaseide/?action=view&amp;current=FRSTESIDE.jpg" target="_blank"><img src="http://i1241.photobucket.com/albums/gg508/marcuscgaaseide/FRSTESIDE.jpg" border="0" alt="Photobucket"></a>

Her er koden for fans:

<a href="http://s1241.photobucket.com/albums/gg508/marcuscgaaseide/?action=view&amp;current=ANDRESIDE.jpg" target="_blank"><img src="http://i1241.photobucket.com/albums/gg508/marcuscgaaseide/ANDRESIDE.jpg" border="0" alt="Photobucket"></a>
 
Topp