Σχόλια Facebook για WordPress – Δημιουργία εφαρμογών, ενσωμάτωση κώδικα και μετριασμός

in , , /by

Τα σχόλια στο Facebook κάνουν τις ιστοσελίδες, τα ιστολόγια και τα ηλεκτρονικά καταστήματα πολύ πιο ζωντανά. Οι χρήστες δεν είναι πλέον υποχρεωμένοι να εισάγουν τα δεδομένα τους ή να εγγραφούν. Τοποθετώντας ή ανταλλάσσοντας τα σχόλια του WordPress με τον κωδικό του Facebook, αυξάνεται η αλληλεπίδραση, η αφοσίωση των χρηστών και οι χρόνοι επίσκεψης του ιστότοπου, του ιστολογίου ή του καταστήματός σας. Φυσικά, υπάρχουν επίσης plugins του WordPress για την ενσωμάτωση. Αλλά με λίγη αντιγραφή και επικόλληση μπορείτε επίσης να τα κάνετε όλα μόνοι σας. Σήμερα, όχι με ένα εκπαιδευτικό βίντεο, αλλά με τον κλασικό τρόπο με screenshots, επειδή είναι πολύ γρήγορο, ακόμη και χωρίς διαφημιστική εταιρεία.

Δημιουργία εφαρμογής Facebook για χρήση

Συμβουλή! Εδώ μπορείτε να βρείτε τον Οδηγό XXL για το θέμα των διαφημίσεων στο Facebook. Σε αυτό το άρθρο θα μάθετε:

  1. Δημιουργία εφαρμογής Facebook για χρήση
  2. Δημιουργία και ενσωμάτωση κÏŽδικα σχολίων

Αν δεν έχετε ακόμη δημιουργήσει τη δική σας εφαρμογή στο facebook για προγραμματιστές, αυτό είναι το πρώτο σας βήμα. Απλά εγγραφείτε εδώ και δημιουργήστε μια εφαρμογή:

Δημιουργία και ενσωμάτωση κÏŽδικα σχολίων

Στο επόμενο βήμα, δημιουργείτε τον δικό σας κώδικα. Είναι σημαντικό να το βάλετε στο header.php σας. Υπάρχουν συνήθως δύο τρόποι για να το κάνετε αυτό με το WordPress.

  1. Ο καλύτερος τρÏŒπος είναι να ενσωματÏŽσετε τον κÏŽδικα στο backend του θέματος. Τα περισσÏŒτερα θέματα υποστηρίζουν την ενσωμάτωση απευθείας απÏŒ το backend. ΤÏŒτε δεν χρειάζεται να κάνετε καμία αλλαγή στο θέμα. Τοποθετείτε τον κÏŽδικα εκεί ÏŒπου, για παράδειγμα, βρίσκεται ο κÏŽδικας του Google Analytics.
  2. Απευθείας στο θέμα μέσω του backend του WordPress σας μέσω ΣχεδιασμÏŒς > Επεξεργαστής. Στη συνέχεια, ανοίξτε το header.php και εισάγετε τον κÏŽδικα καθαρά, κατά προτίμηση αμέσως μετά την ετικέτα <body>.
  3. Σύσταση! Καλύτερα να περάσετε απÏŒ το θέμα παιδί σας και να αλλάξετε ένα αντίγραφο του 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(); ?>

  1. Απευθείας στο θέμα μέσω του backend του WordPress σας μέσω ΣχεδιασμÏŒς > Επεξεργαστής. ΤÏŽρα ανοίξτε το αρχείο single.php και αντικαταστήστε τον κÏŽδικα του WordPress ή αφαιρέστε τον.
  2. Σύσταση! Προχωρήστε με τον ίδιο τρÏŒπο εδÏŽ μέσω του παιδικού σας θέματος και αλλάξτε ένα αντίγραφο του 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 στο ιστολÏŒγιο

Όταν τελειώσει, το όλο πράγμα μοιάζει κάπως έτσι!