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

in /by

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

Overview hide
Δημιουργία εφαρμογής Facebook για χρήση
Δημιουργία και ενσωμάτωση κώδικα σχολίων
Ανταλλαγή της λειτουργίας σχολίων του WordPress και του Facebook
Λειτουργία σχολιασμού στο Facebook στο ιστολόγιο

Δημιουργία εφαρμογής 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 στο ιστολόγιο

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

Blog