Je eigen website
Zelf een site maken, hoe doe je dat?

Zoeken

You are here: Home ∼ Reacties via Facebook installeren

Reacties via Facebook installeren

Published by admin on 17 november 2012

Het is leuk wanneer bezoekers op je website kunnen reageren. Daarvoor kun je zelf een reageer-script schrijven, of een bestaand script op je site zetten. Nog makkelijker is gebruik maken van de mogelijkheden van Facebook.



Wanneer je helemaal zelf een reactiemogelijkheid op je site wilt maken moet je aan de slag met PHP en MySQL. Op zich ook leuk, maar er kan heel wat tijd in gaan zitten. Het installeren van een door een ander geschreven reactiescript is al iets eenvoudiger en sneller te doen, maar bijna geen enkel script maakt het zo makkelijk als Facebook. Hier heb je geen PHP voor nodig en met een beetje HTML-kennis kom je al een eind.

Hoe zet je Reageren via Facebook op je website?
Facebook heeft een serie ‘Sociale plugins’ ontwikkeld waarmee je heel makkelijk functionaliteit aan je website kunt toevoegen. Een van die plugins heet ‘Comments’. Met deze plugin kun je op een of meerdere pagina’s op je site een reactiemogelijkheid installeren. Bezoekers kunnen dan met hun Facebook-account reageren op de berichten op je website. Hoe doe je dat?

Stap 1
Eerst moet je een Facebook-app aanmaken, waar de reactiemogelijkheid onderdeel van uitmaakt en waarmee je na het installeren ook bijvoorbeeld de reacties kunt modereren.
Ga daarvoor naar https://developers.facebook.com/apps. Klik vervolgens op “Create new app”. Een venstertje wordt geopend waar je de naam van je app moet opgeven. Gebruik bijvoorbeeld de naam van je website. Klik op “Continue” om verder te gaan. Type de letters over die je nu ziet, dit is een anti-spam maatregel van Facebook. Klik vervolgens op “Edit settings”. Vul onder “App Domain” de domeinnaam in van de site waarop je de reactiemogelijkheid wilt plaatsen, bijvoorbeeld “zelf-een-site-maken.nl”, dus zonder www en schuine streepjes. Vervolgens kies je onder “Select how your app integrates with Facebook” voor “Website with Facebook Login” en vul je hier de volledige adres van je eigen website in, bijvoorbeeld “https://www.zelf-een-site-maken.nl”. Je app is nu klaar voor gebruik.

Stap 2
Ga naar de pagina van het reactiescript op het ‘developers’-gedeelte van Facebook: developers.facebook.com/reference/plugins/comments/. Vul de velden in van het blauwe formuliertje. Onder “URL to comment on” zet je de url van de pagina waarop je reactiemogelijkheid komt. Onder “Number of posts” geef je aan hoeveel reacties er in eerste instantie tegelijk getoond moeten worden. De bezoeker die er meer wil zien kan straks altijd in het reactieveld op “toon meer” klikken. Onder “Width” geef je aan hoe breed in pixels de reactiebox op je site moet zijn. Je kunt ten slotte nog kiezen voor een licht of donker kleurenschema. Hierna klik je op “Get code”.


Stap 3
Nu opent zich een venstertje met daarin de code die je naar je website moet kopiëren. Naast de tekst “This script uses the app ID of your app:” zie je de nieuwe app die je zojuist hebt aangemaakt. Als je meerdere Facebook-apps hebt moet je in het dropdown-menuutje de juiste app uitkiezen. De code hieronder bestaat uit twee gedeeltes. Het bovenste vak plaats je net na je <body>-tag in je HTML-code. Het tweede gedeelte, wat begint met <div class=”fb-comments”, plaats je op de plek op je webpagina waar je wilt dat de reactiemogelijkheid komt te staan.

Upload vervolgens je HTML-pagina naar je webserver, en de Facebook-reactiemogelijkheid staat op je website!

Facebook-reacties modereren
Je wilt natuurlijk de mogelijkheid hebben om reacties die niet door de beugel gaan te verwijderen, of spam-berichten weg te halen. Dat kan ook met deze Facebook-plugin, maar daarvoor moet je nog een tweetal codes in de header van je webpagina plaatsen.
Dat zijn de code waarmee je aangeeft dat jijzelf de moderator bent, en de code waarmee je aangeeft dat de reactiemogelijkheid hoort bij de app die je zojuist hebt aangemaakt.

<meta property="fb:app_id" content="je app-id" />
<meta property="fb:admins" content="je eigen Facebook-id"/>

De app-id vind je in de lijst met al je apps op deze pagina. Je eigen Facebook-id is wat lastiger te vinden. Klik op je eigen Facebook-pagina bijvoorbeeld op een foto van jezelf. In de URL in de adresbalk staat nu een reeks getallen waarvan er een je Facebook-id is, bijvoorbeeld: https://www.facebook.com/photo.php?fbid=4279105503421&set=a.1234567890123.2075594.1459786324&type=1&theater. Het laatste getal, na de tweede punt, is je eigen Facebook-id. Vul die en de app-id in tussen de aanhalingstekens in de code hierboven. Plaats beide codes tussen de <head></head>-tags van je webpagina.

Reacties modereren kan vervolgens ofwel direct op de pagina waar je de Facebook-plugin geplaatst hebt, ofwel op Facebook zelf. Ga voor dat laatste naar de url https://developers.facebook.com/tools/comments. Onder de naam van je app vind je hier straks alle reacties terug die bezoekers op je website plaatsen. Je kunt hier ook standaard een melding via Facebook van krijgen. Klik hiervoor op “Edit Settings” aan de rechterkant, en vul onder Moderator je eigen Facebook-naam in. Je kunt hier ook nog ervoor kiezen om eerst alle reacties te modereren voordat ze online op je site verschijnen.

Lukt het niet?
Gaat er toch iets fout bij het installeren van de Facebook Comments? Krijg je bijvoorbeeld geen reacties te zien in de “Moderation Tool”? Dan mist er mogelijk nog iets op je website of in de informatie van je App. Vul de url waarop je de codes hebt toegevoegd eens in op deze debug-tool van Facebook. Klik op Debug en mogelijk geeft Facebook je hier een aanwijzing waar je probleem kan zitten.

Posted in Voorbeelden Tagged Facebook Comments, Facebook reacties op je site, Reageren via Facebook
← Previous Next →

Hoe maak je zelf je eigen site?

  • De basis
    • HTML of Online sitebuilder
    • Kies een HTML-editor
    • HTML
    • CSS
    • JavaScript
    • PHP
    • Een MySQL-database
    • PHP op je eigen computer
    • Je site online zetten met FTP
    • Zelf een webpagina maken – een handleiding
    • Gratis website templates
      • Templates gebruiken
  • Hosting en domeinnaam kiezen
    • Gratis hosting
    • Goedkope hosting
    • Gratis blog maken
    • Een domeinnaam registreren
  • Voorbeelden om je website uit te breiden
    • PHP-includes
    • Slideshow op je site
    • Een lightbox voor foto’s
    • Reacties via Facebook installeren
    • Kleuren kiezen
    • Google Analytics installeren
  • WordPress
    • WordPress installeren
    • WordPress-plugins en thema’s installeren
    • Gratis WordPress-thema’s
    • 10 handige WordPress-plugins
    • WordPress en plugins updaten
  • Bezoekers trekken
    • Hoger in Google
      • Hoger in Google – Opbouw van je site
      • Hoger in Google – Webteksten schrijven
    • Social media marketing
    • Een gratis nieuwsbrief maken
  • Geld verdienen met je website
    • Google Adsense op je website
    • Geld verdienen als affiliate

Copyright © 2021 Je eigen website.