Για όσους ακολούθησαν τη διάσκεψη προγραμματιστών του Facebook F8, θα πρέπει να γνωρίζετε ότι ο CEO του Facebook Mark Zuckerberg είχε κάνει επίσημη την έναρξη του πρωτοκόλλου Open Graph και των κοινωνικών προσθηκών. Όντας οι διάδοχοι του Facebook Connect, αυτά τα δύο πράγματα πρόκειται να αλλάξουν ολόκληρο το παιχνίδι μπάλας και να φέρουν το web "κοινωνικότητα" σε ένα εντελώς νέο επίπεδο.

Για όσους δεν γνωρίζουν ακόμα, το νέο πρωτόκολλο Open Graph και τα κοινωνικά πρόσθετα είναι ένα σύνολο εργαλείων που έχουν ξεκινήσει πρόσφατα από το Facebook και σας επιτρέπουν να ενσωματώσετε το Facebook βαθιά στον ιστότοπό σας και να κάνετε το site σας πιο κοινωνικό. Τα πράγματα όπως το κουμπί "Όπως" μπορούν πλέον να προστεθούν εύκολα στη σελίδα σας και να επιτρέψουν στους χρήστες σας να μοιράζονται το περιεχόμενό σας στο λογαριασμό τους στο Facebook.

Πώς μπορώ να προσθέσω ένα κουμπί "Like" στον ιστότοπό μου; (Ο εύκολος τρόπος)

Για να προσθέσετε ένα κουμπί "Όπως", απλώς επικολλήστε τον παρακάτω κωδικό iframe σε οποιοδήποτε τμήμα της σελίδας (ή στη θέση όπου θέλετε να εμφανίζεται).

Για να αλλάξετε τη ρύθμιση του κουμπιού "Παρόμοια", μεταβείτε σε αυτή τη σελίδα κουμπιού στο Facebook, προσαρμόστε τη ρύθμιση, αρπάξτε τον κώδικα iframe και επικολλήστε τον στον ιστότοπό σας.

Εναλλακτικά, εγκαταστήστε το Like plugin που μπορεί να αυτοματοποιήσει τα περισσότερα βασικά προϊόντα για εσάς.

Αυτό είναι όλο? Τι γίνεται αν θέλω περισσότερα;

Το ζήτησες. Έτσι, εδώ είστε, η μέθοδος για να ενσωματώσετε το Facebook βαθιά στον ιστότοπό σας (και να μετατρέψετε τον ιστότοπό σας σε κοινωνικό γράφημα).

Υπάρχουν βασικά δύο τρόποι για την υλοποίηση των κοινωνικών plugins του Facebook στην τοποθεσία σας:

  1. iFrame
  2. XFBML

Θα ήθελα να συστήσω τη χρήση του XFBML καθώς σας επιτρέπει να έχετε πρόσβαση σε ολόκληρο το ευρύ φάσμα plugins. Η ακόλουθη μέθοδος θα γίνει χρησιμοποιώντας το πρωτόκολλο XFBML.

1. Καταχωρίστε μια εφαρμογή Facebook

Μην ανησυχείτε, δεν χρειάζεται να μαθαίνετε προγραμματισμό και να μασκάρετε μια διαφήμιση. Το μόνο που χρειάζεται να κάνετε εδώ είναι να εγγραφείτε σε μια εφαρμογή Facebook (Εν ολίγοις, συμπληρώστε μια φόρμα και υποβάλετε την).

Μεταβείτε στη σελίδα δημιουργίας εφαρμογών Facebook και δημιουργήστε μια εφαρμογή (θα πρέπει να συνδεθείτε στο λογαριασμό σας στο Facebook).

Μόλις η εφαρμογή δημιουργηθεί με επιτυχία, θα εμφανιστεί ο πίνακας ελέγχου εφαρμογής. Καταγράψτε το αναγνωριστικό εφαρμογής (θα το χρησιμοποιήσετε αργότερα).

2. Προσθήκη προσαρμοσμένης ετικέτας

Τώρα, μεταβείτε στο φάκελο Theme και ανοίξτε το αρχείο header.php . Αλλάξτε την ετικέτα στα εξής:

 >

3. Προσθήκη προσαρμοσμένων μετα-ετικετών στην ετικέτα σας

Ακόμα στο header.php, προσθέστε την ακόλουθη γραμμή μεταξύ της ετικέτας.

Σημείωση :

  • Θυμηθείτε να αλλάξετε όλο το πεδίο CAPS στη ρύθμιση ιστότοπού σας στις μετα-ετικέτες.
  • Για να μάθετε τι είναι το USER_ID σας στο Facebook, μεταβείτε στο http://graph.facebook.com/your-username . Θα δείτε το αναγνωριστικό χρήστη FB.

  • Ελέγξτε αυτή τη σελίδα για πλήρη εξήγηση των μετα-ετικετών και άλλων μετα-ετικετών που μπορείτε να συμπεριλάβετε

4. Προσθήκη javascript sdk

Για να χρησιμοποιήσετε το XFBML, πρέπει να προσθέσετε το javascript SDK στην ετικέτα σας.

Προσθέστε τις ακόλουθες γραμμές αμέσως μετά την ετικέτα.

Τώρα, θα χρειαστεί να αντικαταστήσετε το " ID APP ID " με το αναγνωριστικό εφαρμογής που μόλις δημιουργήσατε.
5. Επιλέξτε τις κοινωνικές προσθήκες που θέλετε να χρησιμοποιήσετε 
Πηγαίνετε στον ιστότοπο κοινωνικών προσθηκών του Facebook, θα δείτε μια σειρά από εργαλεία που μπορείτε να εφαρμόσετε στον ιστότοπό σας.
Όπως κουμπί : Εμφάνιση ενός "Like" κουμπί στον ιστότοπό σας. Το πιο συνηθισμένο plugin. 
Συστάσεις : Προβάλετε εξατομικευμένες προτάσεις χρηστών για σελίδες στον ιστότοπό σας που μπορεί να σας αρέσουν. 
Σύνδεση με πρόσωπα : Επιτρέψτε στους χρήστες να εγγραφούν στον ιστότοπό σας με το λογαριασμό τους στο Facebook. εμφανίζει επίσης μια λίστα φίλων του χρήστη που έχουν εγγραφεί και για τον ιστότοπό σας. 
Σχόλια : Να επιτρέπεται στους χρήστες να σχολιάζουν τον ιστότοπό σας. Τα σχόλια θα αναρτηθούν και στον τοίχο των χρηστών του Facebook. 
Feed Feed Activity : δείχνει στους χρήστες τι κάνουν οι φίλοι τους στον ιστότοπό σας μέσω των "αρέσει" και των σχολίων. 
Like Box : Αυτό ήταν γνωστό στο παρελθόν ως το Fan box. 
Facepile : Εμφανίζει εικόνες προφίλ των φίλων του χρήστη που έχουν ήδη εγγραφεί για τον ιστότοπό σας. 
Ζωντανό ρεύμα : Επιτρέπει στους χρήστες σας να μοιράζονται δραστηριότητα και σχόλια σε πραγματικό χρόνο καθώς αλληλεπιδρούν κατά τη διάρκεια ενός ζωντανού συμβάντος.
6. Διαμορφώστε τα κοινωνικά πρόσθετα 
Επιλέξτε το κοινωνικό plugin που θέλετε να χρησιμοποιήσετε στον ιστότοπό σας. Σε αυτό το παράδειγμα, θα χρησιμοποιήσω το κουμπί "Όπως", καθώς είναι το πιο συνηθισμένο μεταξύ όλων.
Κάντε κλικ στον σύνδεσμο Like Button
Διαμορφώστε τις ρυθμίσεις κουμπιού "Όπως". Αφήστε κενό το πεδίο URL. Κάντε κλικ στο κουμπί " Λήψη κώδικα " στο τέλος για να πάρετε τον πηγαίο κώδικα.
Επισημάνετε και αντιγράψτε τον κώδικα XFBML
Επικολλήστε τα στα μέρη (είτε στην περιοχή widgets είτε στο αρχείο single.php ) όπου θέλετε να εμφανιστεί το κουμπί "Like".
Κάνετε το ίδιο για οποιεσδήποτε άλλες κοινωνικές προσθήκες που χρησιμοποιείτε.
Αυτό είναι!
Εφαρμογή κοινωνικών προσθηκών στο MakeTechEasier 
Κουμπί "Όπως" για κάθε θέση μετά
Όπως κιβώτιο στην πλαϊνή μπάρα
Συστήστε το πλαίσιο στο υποσέλιδο
βιβλιογραφικές αναφορές 
Ακολουθούν μερικές χρήσιμες συνδέσεις για την αναφορά σας:
  • Το πρωτόκολλο Facebook OpenGraph
  • Facebook Javascript SDK
  • Κοινωνικά πρόσθετα Facebook
  • Εργαλειοθήκη του Facebook
Εάν βρείτε αυτή τη θέση χρήσιμη, μην ξεχάσετε να την " αρέσει " και να τη μοιραστείτε με τους φίλους σας. Ενημερώστε μας στα σχόλια πώς χρησιμοποιήσατε τα κοινωνικά πρόσθετα στον ιστότοπό σας.