De ultieme gids voor het implementeren van Facebook-reacties op uw blog

Het gebruik van Facebook-reacties op uw blog biedt uw lezers een manier om ogenblikkelijk commentaar te geven op berichten, en om ze te delen zonder werk te hoeven doen. Als je denkt dat dit type reactiesysteem bij je publiek past, lees dan verder om erachter te komen hoe je het kunt implementeren de goede weg.


Stap 1: maak een Facebook-app

Voordat u de Facebook Comments-code daadwerkelijk genereert en deze op uw blog implementeert, moet u een app voor uw site maken.

  1. Ga naar developers.facebook.com
  2. Klik Apps
  3. Klik Maak een nieuwe app
  4. Voer een in Weergavenaam app en namespace

Op het volgende scherm ziet u de nieuw gemaakte app's App-ID en App geheime sleutel. U hebt de geheime sleutel niet nodig, maar de app-ID wordt later gebruikt. Neem er nota van.

Onder deze toetsen, ga je gang en vul de contact email en App domein (het domein van je blog). Ga naar beneden en klik op Website. Vul hetzelfde domein in dat u hebt gebruikt voor het App Domain. Klik Wijzigingen opslaan.


Stap 2: Voeg de Facebook Comments Code toe aan uw thema

In deze zelfstudie zullen we Facebook-opmerkingen naast het standaard WordPress-reactiesysteem implementeren in plaats van het te vervangen. Als je wilt, kun je naar de code-generator voor reacties op Facebook gaan om de code te krijgen die je nodig hebt voor het invoegen van het reactiesysteem; Ik heb het hier echter opgenomen, zodat je het gewoon kunt kopiëren. Je zult echter een paar delen ervan moeten aanpassen; Ik zal opmerken welke delen die voor elk blok zijn.

Het onderstaande codeblok moet in uw thema's worden geplaatst header.php het dossier. Zoek de opening label en plak het blok er direct onder. Vervang op de zesde regel 'Uw app-ID hier' door uw app-ID.

 

Terwijl je nog steeds in je bent header.php bestand, ga naar de sectie en plak dit blok code ergens. Het zorgt ervoor dat het systeem voor reacties op Facebook op je blogberichten weet dat het eigendom is van de app die je eerder hebt gemaakt. Vervang het bit "Uw app-ID hier" door uw app-ID (laat de aanhalingstekens staan).

 

Het volgende codeblok moet in uw thema's worden geplaatst comments.php het dossier. Omdat we Facebook-reacties implementeren naast WordPress-opmerkingen, u plakt het gewoon op de plaats waar u het vak Facebook Comments wilt laten verschijnen en u zult geen van de originele code verwijderen.

 

Als je je Facebook Comments-code genereert via de link die ik je eerder heb gegeven, in plaats van deze alleen uit deze tutorial te halen, vergeet dan niet om de data-href attribuut van de originele URL naar , anders zullen Facebook-commentaren niet werken.

U kunt ook de data-num-berichten, data-byte, en data-colorscheme attributen naar wens. De eerste bepaalt hoeveel opmerkingen er op elk bericht worden getoond voordat een gebruiker op 'Meer zien' moet klikken, de tweede bepaalt de breedte van het reactiesysteem (stel het in op iets kleiner dan de breedte van uw inhoudsgebied) en de laatste is het kleurenschema, dat kan worden ingesteld op "licht" of "donker".


Stap 3: Geef de Gecombineerde Facebook- en WordPress-opmerking voor opmerkingen weer

Je thema heeft waarschijnlijk meerdere gebieden waarop het aantal reacties op een bericht wordt weergegeven. Standaard wordt alleen het aantal WordPress-opmerkingen weergegeven. Omdat je naast Commentaren met WordPress nu ook Facebook-opmerkingen implementeert, wil je de som van de reacties van beide systemen op elk bericht weergeven.

Om dit te doen, open eerst je thema's functions.php het dossier. Plak de onderstaande code onderaan het bestand en sla deze op.

 // Krijg gecombineerde FB en WordPress comment count functie full_comment_count () global $ post; $ url = get_permalink ($ post-> ID); $ filecontent = file_get_contents ('https://graph.facebook.com/?ids='. $ url); $ json = json_decode ($ filecontent); $ count = $ json -> $ url-> comments; $ wpCount = get_comments_number (); $ realCount = $ count + $ wpCount; if ($ realCount == 0 ||! isset ($ realCount)) $ realCount = 0;  return $ realCount; 

Notitie: Deze code is gebouwd op basis van een functie die is geschreven door Viceprez op de WordPress Stack Exchange. Ik heb eenvoudig een paar regels aan zijn oorspronkelijke functie toegevoegd die het aantal reacties van WordPress-commentaar toevoegen. Bedankt Viceprez!

Nu u de functie aan uw thema hebt toegevoegd, kunt u deze gebruiken om de oorspronkelijke functies voor het tellen van opmerkingen in uw thema te vervangen. In mijn thema worden de opmerkingen genoemd met behulp van deze code:

 

Uw thema kan deze functie gebruiken om het aantal reacties weer te geven, of misschien niet. Als je eenmaal hebt gevonden wat dan ook doet toon het, vervang het door deze code:

 

Er zullen waarschijnlijk meerdere plaatsen binnen uw thema zijn die u nodig heeft om deze code in te voegen. Hier is een lijst met de meest voorkomende:

  • De comments.php het dossier
  • Dichtbij de top van je single.php het dossier
  • De index.php - het wordt in de lus geplaatst die elke post aanroept
  • Alle archiefbestanden zoals archive.php, category.php, author.php, etc. Hierin bevindt het zich in de lus die ook elke post aanroept.
  • Op search.php
  • Op page.php als u opmerkingen op pagina's toestaat

Als de opmerking telt in uw comments.php is diplayed als een zin, in plaats van alleen een cijfer, kunt u de onderstaande code gebruiken in plaats van de functieopdracht voor één regel om woorden als "geen opmerkingen" en "één opmerking" toe te staan. Ik heb de mijne aangepast om uitnodigend te zijn - ik zou aanraden hetzelfde te doen in plaats van generiek te zijn :)

 Nog geen reacties - begin de discussie!';  else if ($ commentCount == 1) echo '
Eén reactie tot nu toe - voeg de jouwe toe!
'; else echo '
'. $ commentCount. 'opmerkingen tot nu toe - voeg de jouwe toe!
'; ?>

Stap 4: Ontvang onmiddellijke meldingen van nieuwe reacties

Het laatste deel van de zelfstudie laat je zien hoe je Facebook-meldingen kunt krijgen wanneer iemand opmerkingen op je blog plaatst.

Eerst moet je toegang krijgen tot je deelvenster voor opmerkingen modereren. U kunt dit doen door de volgende URL in uw browser te plakken en "Uw app-ID hier" te vervangen door uw app-ID. Misschien wil je deze pagina ook toevoegen aan je bladwijzers als je er eenmaal bent.

https://developers.facebook.com/tools/comments/?id=Je app-ID hier

Als je eenmaal in je paneel voor opmerkingenbeheer bent, tik je op instellingen knop in de rechterbovenhoek. Er verschijnt een venster en u zou een venster moeten zien moderators veld in het midden ervan. Voeg jezelf gewoon toe als moderator en je krijgt notaties wanneer iemand een blogbericht plaatst.


Conclusie

Als u alle stappen in deze zelfstudie hebt gevolgd, moet uw blog nu Facebook-opmerkingen hebben die naast het standaard WordPress-reactiesysteem zijn geïmplementeerd. Ik geloof dat dit een ideale opstelling is, omdat het je lezers het beste van beide werelden biedt; Facebookcommentaar is waarschijnlijk het handigste reactiesysteem dat er is, als een lezer is ingelogd op Facebook (waarschijnlijk is dit), dan zijn er absoluut geen authenticatie- of identificatievelden om in te vullen. Ze kunnen gewoon commentaar wegschrijven. Als een lezer echter geen Facebook wil gebruiken of zijn link wil toevoegen of de voordelen van CommentLuv wil ontvangen, kunt u hem nog steeds WordPress-opmerkingen laten gebruiken.

Je hebt nu ook een aantal reacties per bericht dat de som van de reacties van elk systeem laat zien, en aangezien je een moderator bent voor je app, ontvang je onmiddellijk meldingen van nieuwe reacties. Ik hoop dat je geniet van je nieuwe en verbeterde commentaaroplossing!