De kans is groot dat je bekend bent met de Facebook like box die je al meerdere jaren op diverse websites ziet staan.
Wist je al dat deze like box gaat verdwijnen? 23 juni wordt de nieuwe Graph API uitgebracht en dan zal de traditionele Facebook like box stoppen met werken.
Gelukkig komt Facebook wel met een nieuw alternatief die op de Like box lijkt. Het alternatief is de Facebook Page Plugin.
Je kunt op dit moment nog even wachten met het plaatsen van de Facebook Page Plugin box, maar vergeet niet om de huidige like box te vervangen voor 23 juni 2015.
In dit artikel kun je lezen hoe je de Facebook Page Plugin op je WordPress website kunt plaatsen.
Wat doet de Facebook Page plugin?
De Page Plugin van Facebook doet eigenlijk precies hetzelfde als de vind ik leuk box. Het verschil is alleen dat het er iets anders uitziet en dat de afbeeldingen van mensen die je pagina leuk vinden wat kleiner zijn geworden.
De vernieuwde like box ziet er als volgt uit: (klik gerust op vind ik leuk of delen 🙂 )
Het valt je waarschijnlijk direct op dat de omslagfoto zichtbaar is. Het kan dus zeker lonen om hier even wat extra aandacht aan te besteden wanneer je de Facebook Page Plugin box op je website wilt weergeven.
Het valt je wellicht ook op dat er niet alleen een vind ik leuk knop staat, maar dat er nu ook een knop “delen” staat. Je fans hebben hierdoor niet alleen de mogelijkheid om je pagina leuk te vinden, maar ook om je pagina te delen op Facebook.
Verder heb je overigens ook nog de mogelijkheid om de laatste berichten van je Facebook pagina weer te geven.
Facebook Page plugin integreren in WordPress
Hieronder volgt een beschrijving met stappen die je kunt nemen om de Facebook Page Plugin op je WordPress website te krijgen. Ik ga er in onderstaande stappen vanuit dat je al een Facebook pagina hebt gemaakt. Heb je nog geen pagina, ga dan naar: facebook.com/pages/create
Stap 1: Wanneer je een Facebook pagina hebt kun je naar de Facebook developers Page Plugin pagina gaan om een Facebook Page Plugin box te maken. Je krijgt op deze pagina de volgende instellingen te zien:
Stap 2: Bezoek je eigen Facebook pagina en kopieer de URL.
Je kunt de URL vervolgens bij Facebook Page URL invoeren. Je krijgt vanaf nu onder de instellingen de Page Plugin box van je eigen Facebook pagina te zien.
Stap 3: Bekijk even hoe breed (in pixels) je de vernieuwde Facebook like box wilt hebben op je website en vul dit in bij “width”. De minimale breedte die je kunt gebruiken is 280 pixels en de maximale breedte is 500 pixels. Bekijk na het invullen van de breedte ook even of de omslagfoto er nog goed uitziet.
Tip: Heb je geen idee hoe je moet achterhalen hoe breed een onderdeel van je website is? Je kunt een screenshot maken en het onderdeel van je website even uitknippen om te bekijken hoe breed dit onderdeel is in pixels.
Stap 4: Bij “Height” hoef je in principe niets te doen. Facebook zal automatisch de juiste hoogte gebruiken. Wanneer je berichten wilt weergeven die je op je Facebook pagina plaats, dan is het wel verstandig om een bepaalde hoogte in te stellen.
Stap 5: Zoals je zal zien heb je verder ook nog de mogelijkheid om de omslagfoto en profielfoto’s te verbergen en daarnaast ook om de berichten van je Facebook pagina in de Page Plugin box te laten weergeven.
Stel de Page Plugin in zoals je de box wilt laten weergeven op je website. Wanneer je ergens een vinkje zet of weghaalt kun je meteen de veranderingen zien in de Page Plugin box die je onder de instellingen kunt zien.
Stap 6: We komen nu bij de laatste stap terecht. Het enige wat je nog hoeft te doen is een stukje code op je website plaatsen. Klik op “Get Code”, kopieer de code en plaats de code op de juiste plek op je website.
Je zal twee verschillende codes zien staan. Het bovenste stuk is het JavaScript gedeelte en Facebook wilt het liefst dat je dit net onder de body tag plaatst. Wanneer je het op deze plek wilt plaatsen moet je in het header.php bestand van je thema zijn en opzoek gaan naar <body> om de code hieronder te plaatsen.
Je kunt vervolgens het andere stukje code kopiëren en plakken op de locatie (bijvoorbeeld in widget of artikel) waar je de Facebook Page Plugin box wilt tonen op je website.
Tip: Vergeet niet om eerst een back-up en child theme te maken van je thema voordat je iets in de bestanden aanpast.
Facebook Page Plugin in een widget
Wanneer je de thema bestanden niet wilt aanpassen heb je ook nog een andere mogelijkheid om de Page Plugin box op je website te krijgen. Het is namelijk niet noodzakelijk om de JavaScript code net onder de body tag te plaatsen. De Facebook Page Plugin werkt ook op je website wanneer je bijvoorbeeld beide codes op dezelfde plek plaatst.
Je kunt bijvoorbeeld beide codes onder elkaar in een WordPress widget plaatsen en vervolgens integreren in de sidebar of in een bericht of pagina met behulp van een plugin als amr shortcode any widget.
Deze methode werkt overigens niet goed wanneer je de code in een bericht of pagina plaatst, vandaar dat het integreren van een widget in een bericht of pagina een goede oplossing kan zijn.
Waarschijnlijk komt er na verloop van tijd ook nog wel een plugin waarmee je direct de Page Plugin box in een artikel kunt krijgen, maar op dit moment heb ik hier nog geen plugin voor kunnen vinden.
Hoe denk jij over de Facebook Page Plugin?
Ben je van mening dat de Facebook Page Plugin een goede vervanger is voor de originele Facebook Like Box? Laat het weten in de reacties hieronder.
Kom je ergens niet helemaal uit en werkt de Page Plugin niet op jouw website? Stel gerust hieronder je vraag.
