Posts tagged ‘facebook’

Frustratie: een simpele Facebook like button op een WordPress website

Tjonge, wat kan iets simpels soms moeilijk te realiseren zijn. Een Facebook Like button bijvoorbeeld binnen een WordPress website.

Om een Faceboot button te plaasten binnen een (gewone) website, is het aan te raden de developers versie te gebruiken die door Facebook zelf onderhouden wordt:
http://developers.facebook.com/docs/reference/plugins/like/ Makkelijk te maken en niet moeilijk te integreren. Voor een WordPress website denk je al snel aan een kant en klare plugin of widget. Ja die zijn er genoeg: “Facebook button plugin” of “Facebook widget”of “Facebook likebox”. Zie de onderstaande afbeelding:

Zo, wat is dan het probleem? Het probleem is dat het niet werkt. Of de layout is niet goed, of er wordt niets getoond of de button werkt niet. Ja, de eerstgenoemde in de afbeelding (“Facebook”) lijkt te werken. Ja die werkt. Enige probleem is mogelijk dat ik even geen optie kan vinden om de button gewoon binnen een widget te laten verschijnen. Ook worden “faces”niet getoond en is het vrij ingewikkeld om de applicatie te laten werken want: er moet eerst een Facebook applicatie aangemaakt worden en gekoppeld worden aan applicatie domein etc. Het LIJKT te werken want na klikken op “like”, krijgt de like button counter + 1 maar deze like is vervolgens niet terug te vinden op mijn profiel in Facebook. Dat zou toch moeten?

Uiteindelijk val ik weer terug op de standaard Facebook developers code: http://developers.facebook.com/docs/reference/plugins/like/ , maak de parameters aan en plaats gegenereerde code binnen een html widget. Ja, de button wordt netjes getoond. Nee, de button werkt niet. De send button lijkt overigens wel prima te werken. Tenminste iets. Probeer de script code van Facebook te plaatsen achter <body> tag van header.php maar dat verandert niets. Helaas. Nog steeds niet naar behoren opgelost. Maar moet nu eerst even werken aan belastingaangifte voordat ik hier mee aandacht aan kan geven. Reacties, adviezen en andere commentaren zijn gewenst.

Aanvulling: twee problemen ontdekt

En zo heb ik tenminste alweer twee problemen opgelost:

1) De Facebook pagina id was fout. Die is op zich makkelijk te vinden door naar de pagina te gaan en op de timeline foto of profiel foto te klikken. Dan verschijnt er in de browser iets als: http://www.facebook.com/photo.php?fbid=424986770863567&set=a.424986767530234.107018.139250686103845&type=1&theater waarbij het laatste getal de facebook pagina id is, in dit geval: 139250686103845

2) De klant blijkt nog helemaal geen Facebook pagina te hebben en zijn profiel pagina aan mij doorgegeven te hebben. Nee, voor profielpagina’s kun je geen “likes”verzamelen omdat het geen pagina is. Dus wel eerst even een pagina aanmaken.

facebook logo

facebook logo (Photo credit: marcopako )

cms binnen facebook, deboekenplank.nu en meer nieuws

Beste mensen,

Het is maandag, ook bekent als de dag waarop de werkweek weer begint. Ik hoop dat jullie er allemaal net zo’n zin in hebben als ik. Om de week op te vrolijken hier het nieuws van dewebmeester.nl:

– Er staan nieuwe designs en websites op de boekenplank van www.dewebmeester.nl! Net zoals vorige week worden deze aan bekende klanten van dewebmeester.nl tegen actietarief verkocht. En "unlike" anderen: hier wordt niet alleen het design gekocht maar tevens de complete opmaak van de website.

– De actiewebsites zijn te vinden op www.deboekenplank.nu en is dus onderdeel van www.dewebmeester.nl (ook via die website te bereiken)

– Waarom heb ik nu geen prijs genoemd? Omdat ik jullie wil uitdagen zelf een prijs te noemen. dewebmeester.nl werkt aan een nieuw prijzensysteem waar de grotere en commercielere bedrijven meer gaan betalen en privepersonen of stichtingen minder. Deze week zijn prijzen nog niet ‘fixed’ en is de uitdaging om voor een zo laag mogelijk tarief een zo professioneel mogelijke website te krijgen. Kijk op www.deboekenplank.nu of zoek op www.dewebmeester.nl naar een leuk ontwerp, maak een lijstje met wensen en geef aan hoeveel je wensen waard zijn en hoeveel je ervoor zou willen betalen om die wensen te realiseren. De kans is groot (alleen deze week) dat het bod geaccepteerd wordt.

– Nieuw project: al eerder heb ik aangegeven dat dewebmeester.nl prachtige Facebook designs aanbiedt en dat het ook mogelijk is om een bestaande website te integreren in Facebook. Maar: wat dacht u van een complete CMS binnen Facebook? U surft op Facebook, chat met vrienden en ondertussen beheert u uw eigen website, plaatst foto’s, past teksten aan enzovoorts. Daarna klikt u op "Save" en uw Facebook pagina geeft weer de actuele informatie van uw bedrijf. Dat betekent dat u voor het onderhoud van uw Facebook pagina nooit meer een webmaster nodig heeft en zelfs niet dewebmeester(.nl). Interesse? Vraag om een demonstratie en mogelijkheden.

Hartelijke groeten en tot snel!

U heeft een website maar geen webmeester? Dan is uw website "out of date" en was het beter geweest als u helemaal geen website had.
U heeft een webmeester maar niet DEwebmeester(.nl)? Dan heeft u waarschijnlijk hoge kosten en veel kopzorgen.

Ir. Meindert A. Jorna (Msc.)flash websites goedkoop snel

Savornin Lohmanstraat 45

6702BN Wageningen

☎ 0317 795149

Mob. 06 412 86716

☒ info

www.meindert.info

My profiles: facebook.png Facebook linkedin.png LinkedIn flickr.png Flickr twitter.png Twitter
My blog: dewebmeester.nl is weer in Wageningen

Twitter Latest tweet: De beste acties van www.dewebmeester.nl nu op www.deboekenplank.nu

Follow @dewebmeester twitter_reply.png Reply twitter_retweet.png Retweet 23:56 Sep-23

Get this email app!

pixel.png?p=mozilla&v=2.8.5&t=1317022932491&u=80044f481fc9370a

Facebook integratie

Een succes product van ww.dewebmeester.nl is de integratie van een (bestaande) website binnen Facebook. Hierbij dan ook een verkort overzicht betreffende dit onderwerp.
Facebook integratie van een bestaande template (design in eigendom van klant):
– Kosten: 49 Euro ex BTW
– inclusief hosting (tenzij de klant de template zelf wil aanpassen)
– inclusief 1 maand ondersteuning
Opmaken van template (voor integratie):
– Kosten: 49 Euro ex BTW
– inclusief aanpassen basisillustraties
– inclusief plaatsen informatie (tekst)
Hosting (in geval klant template zelf wil onderhouden)
– 2 euro per maand (ex. BTW)
Facebook design
– Vanaf 25 Euro; tot 60 Euro. Dit betekent een compleet werkende website en eventueel inclusief webshop.

Integratie binnen Facebook pagina wordt binnen 24 uur gerealiseerd; Opdrachten worden alleen geaccepteerd na ontvangst betaling. Klant wordt geadviseerd om alle wensen samen te vatten en als eerste om een offerte te vragen.

Hartelijke groeten,

Ir. Meindert A. Jorna (Msc.)flash websites goedkoop snel

Savornin Lohmanstraat 45

6702BN Wageningen

☎ 0317 795149

Mob. 06 412 86716

☒ info

www.meindert.info

My profiles: facebook.png Facebook linkedin.png LinkedIn flickr.png Flickr twitter.png Twitter
My blog: dewebmeester.nl is weer in Wageningen

Twitter Latest tweet: Nieuw op http://t.co/VIaNRJx2 : de ipad http://t.co/z2kKOCUs

Follow @dewebmeester twitter_reply.png Reply twitter_retweet.png Retweet 14:43 Sep-27

Get this email app!

pixel.png?p=mozilla&v=2.8.5&t=1317132783092&u=80044f481fc9370a

Een eigen unieke webpagina binnen een facebook pagina

Dit leek me een perfecte oplossing: Facebook.com is inmiddels zo ongeveer de best bezochte website van de wereld en groeit alleen maar in populariteit. Maar een facebook pagina kan niet concurreren met een eigen persoonlijke en professionele webpagina. Daarvoor is facebook niet serieus genoeg en wordt er nog teveel onzin verkocht en geschreven. Maar een combinative leek me perfect: een eigen persoonlijke en professionele webpagina binnen een facebook (bedrijfs) pagina. En het is me gelukt. Het resultaat is te zien door:

  • In te loggen in facebook.com
  • Zoeken op ‘ Spiderman Webdesign’ en vervolgens zie je aan de linkerkant van die pagina een aantal linken met ‘ webpagina, webpagina2, webpagina3, webpagina4, webpagina5….’ ; Klik op een link om het resultaat te zien;
  • Sneller is de directe link: http://www.facebook.com/pages/Spiderman-Webdesign/187978994572024 (om op pagina van Spiderman Webdesign te komen) of http://apps.facebook.com/spidermanwebdesign/ om een voorbeeld van een geintegreerde website die hier geplaatst is als applicatie binnen facebook.com (maar dat is een technisch verhaal wat u mogelijk niet nodig heeft).

Wat ik hier verder schrijf is als eerste voor mezelf bedoeld. Het duizelt me nogal. Ik ben blij dat het me gelukt is deze unieke functie te activeren en mij facebook pagina ziet er nu tenminste wat professioneler uit dan het kale facebook design. Maar hoe heb ik dit gedaan? Ik heb gebruik gemaakt van twee verschillende mogelijkheden. 1) Static FBML en 2) iframe applicatie waarbij nummer 1 heel wat makkelijk is. Maar het slechte nieuws is dat facebook vanaf 18 maart geen nieuwe FMBL applicaties meer accepteert. Dat is dan ook de reden dat ik vandaag via FBML nog even snel een lijstje met website designs ga integreren zodat die in ieder geval nog dit jaar zichtbaar zijn voor klanten van Spiderman Webdesign. Maar optie 2 is dus eigenlijk belangrijker omdat deze optie ook na 18 maart de geldende optie zal blijven. Het stappenplan hiervoor:

  1. Aanmelden op facebook en in zoekbalk van facebook zoeken op ‘ developer’ ; deze applicatie toevoegen aan pagina
  2. Naar de applicatie toegaan en nieuwe applicatie aanmaken
  3. Alle gegevens invullen.
  4. Het design en websitebestanden uploaden naar een bepaalde map op de server
  5. De canvas URL binnen developer applicatie aanpassen; Ziet er zo uit bij mij:

    Canvas Pagehttp://apps.facebook.com// (dit is een zelfbedachte naam om later de applicatie en bijbehorende webpagina makkelijk terug te vinden)

    The base URL of your app on FacebookCanvas URL (de root map van het design)

  6. Onder tab ‘mijn toepassingen’ klikken op de aangemaakt toepassing en onderin staat een link

Zie er als volgt uit: Voorbeeldcode

Snel aan de slag met wat voorbeeldcode!

  1. Klikken op die link, de getoonde code kopieren naar een nieuw aan te maken index.php bestand (via notepad++) en dit nieuwe bestand ook uploaden naar de rootmap van het design op de server.
  2. De bestanden downloaden zoals getoond op de applicatiepagina onderaan. ” Download the client library” ; deze uitpakken, de map uploaden naar de root van het design en de naam van de map op de server aanpassen zoals getoond in ‘ voorbeeldcode’ .
  3. En toen bleek de pagina zichtbaar te worden via http://apps.facebook.com/spidermanwebdesign/ terwijl ik gewoon de andere facebookactiviteiten zoals chat kan voortzetten.
%d bloggers liken dit: