Σχόλια Facebook για WordPress – Δημιουργία εφαρμογών, ενσωμάτωση κώδικα και μετριασμός
Τα σχόλια στο Facebook κάνουν τις ιστοσελίδες, τα ιστολόγια και τα ηλεκτρονικά καταστήματα πολύ πιο ζωντανά. Οι χρήστες δεν είναι πλέον υποχρεωμένοι να εισάγουν τα δεδομένα τους ή να εγγραφούν. Τοποθετώντας ή ανταλλάσσοντας τα σχόλια του WordPress με τον κωδικό του Facebook, αυξάνεται η αλληλεπίδραση, η αφοσίωση των χρηστών και οι χρόνοι επίσκεψης του ιστότοπου, του ιστολογίου ή του καταστήματός σας. Φυσικά, υπάρχουν επίσης plugins του WordPress για την ενσωμάτωση. Αλλά με λίγη αντιγραφή και επικόλληση μπορείτε επίσης να τα κάνετε όλα μόνοι σας. Σήμερα, όχι με ένα εκπαιδευτικό βίντεο, αλλά με τον κλασικό τρόπο με screenshots, επειδή είναι πολύ γρήγορο, ακόμη και χωρίς διαφημιστική εταιρεία.
Δημιουργία εφαρμογής Facebook για χρήση
Συμβουλή! Εδώ μπορείτε να βρείτε τον Οδηγό XXL για το θέμα των διαφημίσεων στο Facebook. Σε αυτό το άρθρο θα μάθετε:
- Δημιουργία εφαρμογής Facebook για χρήση
- Δημιουργία και ενσωμάτωση κÏδικα σχολίων
Αν δεν έχετε ακόμη δημιουργήσει τη δική σας εφαρμογή στο facebook για προγραμματιστές, αυτό είναι το πρώτο σας βήμα. Απλά εγγραφείτε εδώ και δημιουργήστε μια εφαρμογή:
Δημιουργία και ενσωμάτωση κÏδικα σχολίων
Στο επόμενο βήμα, δημιουργείτε τον δικό σας κώδικα. Είναι σημαντικό να το βάλετε στο header.php σας. Υπάρχουν συνήθως δύο τρόποι για να το κάνετε αυτό με το WordPress.
- Ο καλÏτερος τρÏπος είναι να ενσωματÏσετε τον κÏδικα στο backend του θÎματος. Τα περισσÏτερα θÎματα υποστηρίζουν την ενσωμάτωση απευθείας απÏ το backend. ΤÏτε δεν χρειάζεται να κάνετε καμία αλλαγή στο θÎμα. Τοποθετείτε τον κÏδικα εκεί Ïπου, για παράδειγμα, βρίσκεται ο κÏδικας του Google Analytics.
- Απευθείας στο θÎμα μÎσω του backend του WordPress σας μÎσω ΣχεδιασμÏς > Επεξεργαστής. Στη συνÎχεια, ανοίξτε το header.php και εισάγετε τον κÏδικα καθαρά, κατά προτίμηση αμÎσως μετά την ετικÎτα <body>.
- ΣÏσταση! ΚαλÏτερα να περάσετε απÏ το θÎμα παιδί σας και να αλλάξετε Îνα αντίγραφο του header.php, τÏτε δεν θα Îχετε προβλήματα με την ενημÎρωση του θÎματος.
Μπορείτε να δημιουργήσετε τον κωδικό σας εδώ:
Έτσι μοιάζει ο παραγόμενος κώδικας. Το appID είναι τότε το ατομικό σας ID.
<div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0], if (d.getElementById(id)) return, js = d.createElement(s); js.id = id, js.src = "//connect.facebook.net/de_DE/sdk.js#xfbml=1&version=v2.8&appId=1453051238274088", fjs.parentNode.insertBefore(js, fjs), }(document, 'script', 'facebook-jssdk'));</script>
ΣτιγμιÏτυπα απÏ το σεμινάριο των προγραμματιστÏν
Ακολουθούν όλα τα βήματα σε μεμονωμένα στιγμιότυπα οθόνης:
Ανταλλαγή της λειτουργίας σχολίων του WordPress και του Facebook
Εκτός από το σενάριο, θα λάβετε επίσης ένα μικρό πλαίσιο div για να το ενσωματώσετε στο μπροστινό μέρος της σελίδας. Η διαδικασία εδώ είναι παρόμοια με το σενάριο. Μόνο ότι επεξεργάζεστε το single.php. Εάν εργάζεστε με κάποιο θέμα, ο κώδικας μπορεί επίσης να πρέπει να τοποθετηθεί στο comments.php ή κάτι παρόμοιο. Όπως στο παράδειγμά μου. Μπορείτε να τοποθετήσετε τον κώδικα παντού στη σελίδα σας ή μόνο σε μεμονωμένες σελίδες. Αντικαθιστούμε απευθείας τη λειτουργία σχόλιο. Αν θέλετε τα σχόλια σε μεμονωμένες σελίδες, απλά εισάγετε τον κώδικα απευθείας στις αναρτήσεις του ιστολογίου κ.λπ. Με αυτόν τον τρόπο αλλάζετε τη λειτουργία σχολιασμού συνολικά.
Σημαντικό, πρέπει να αντικαταστήσετε το URL (στην περίπτωσή μου http://lukinski.com) για την παγκόσμια παραλλαγή με:
<?php echo get_permalink(); ?>
- Απευθείας στο θÎμα μÎσω του backend του WordPress σας μÎσω ΣχεδιασμÏς > Επεξεργαστής. ΤÏρα ανοίξτε το αρχείο single.php και αντικαταστήστε τον κÏδικα του WordPress ή αφαιρÎστε τον.
- ΣÏσταση! Προχωρήστε με τον ίδιο τρÏπο εδÏ μÎσω του παιδικοÏ σας θÎματος και αλλάξτε Îνα αντίγραφο του single.php.
<div class="fb-comments" data-href="<?php echo get_permalink(); ?>" data-numposts="5"></div>
Ορίστε.
ΣτιγμιÏτυπα της ανταλλαγής κÏδικα
Στο παράδειγμά μου, ο κώδικας των σχολίων δεν ήταν στο single.php, αλλά σε ένα ενιαίο comments.php. Αντέγραψα αυτό στο θέμα παιδί μου και στη συνέχεια αντικατέστησα ολόκληρο τον κώδικα των σχολίων με τα νέα σχόλια του Facebook. Εάν εργάζεστε στο single.php, βεβαιωθείτε ότι έχετε αφαιρέσει μόνο τον κώδικα σχολίων. Στο παράδειγμα, όπως είπα, αντικαταστάθηκε ολόκληρο το comments.php.
Λειτουργία σχολιασμοÏ στο Facebook στο ιστολÏγιο
Όταν τελειώσει, το όλο πράγμα μοιάζει κάπως έτσι!