Πώς να προσθέσετε ένα κουμπί Like στις καρτέλες σας στο Facebook: Social Media Examiner

Αναρωτηθήκατε ποτέ πώς ορισμένες σελίδες στο Facebook προσθέστε κουμπιά Like στις προσαρμοσμένες καρτέλες τους? Μην κοιτάς πια.

Πολλοί με ρώτησαν πώς ιστότοποι όπως το Threadless μπορούν να προσθέσουν πολλά κουμπιά Like και σχόλια στη σελίδα θαυμαστών τους, επιτρέποντας στους επισκέπτες να αγοράσουν, να τους αρέσει και να σχολιάζουν οποιοδήποτε μπλουζάκι στην καρτέλα Shop.

Λοιπόν, αποδεικνύεται ότι είναι πραγματικά πολύ εύκολο, χρησιμοποιώντας το fb: σχόλια FBML tag.

Χρησιμοποιώντας fb: σχόλια, μπορείς προσθέστε ένα κουμπί Like και κουτιά σχολίων σε πολλά μέρη στις καρτέλες σας στο Facebook και, προαιρετικά, το καθένα μπορεί να συνοδεύεται από μια ενότητα σχολίων χρήστη. Αυτό παρέχει περισσότερες δυνατότητες στους θαυμαστές να αλληλεπιδρούν και να μοιράζονται το περιεχόμενό σας.

The Threadless Fan Page - Πώς το κάνουν αυτό;

ο Σελίδα ανεμιστήρα χωρίς νήματα Η καρτέλα "Shop" εμφανίζει μια επιλογή από έξι μπλουζάκια από τον κατάλογό τους και οι επισκέπτες μπορούν να παραγγείλουν, να τους αρέσουν και / ή να σχολιάσουν το καθένα.

Η αριστερή στήλη στην παραπάνω εικόνα είναι μια εικόνα προϊόντος και μια αναπτυσσόμενη επιλογή. Μόλις ένας χρήστης κάνει μια επιλογή και κάνει κλικ στο "Προσθήκη στο καλάθι", ανακατευθύνεται στον ιστότοπο Threadless.com για να ολοκληρώσει την αγορά.

Το περιεχόμενο της σωστής στήλης δημιουργείται χρησιμοποιώντας το fb: σχόλια Ετικέτα FBML:

Οι παράμετροι και οι τιμές που χρησιμοποιούνται για fb: σχόλια

• xid: Αυτό είναι το μοναδικό αναγνωριστικό για αυτήν την παρουσία του fb: σχόλιαετικέτα. Πρέπει να συμπεριλάβετε μια τιμή και προτείνω να χρησιμοποιήσετε κάτι σύντομο και περιγραφικό. Περιορίζεστε σε αλφαριθμητικούς χαρακτήρες, ενωτικά, το σύμβολο ποσοστού, τελείες και κάτω παύλες. Ο χρήστης δεν θα δει αυτό το περιεχόμενο. είναι μόνο για τη δημιουργία μιας τιμής στην οποία μπορούν να έχουν πρόσβαση οι προγραμματιστές για σκοπούς προγραμματισμού.

  Μερικά παραδείγματα είναι:
  xid = "Προϊόν-205"
  xid = "Προϊόν-Μπλε-Παπούτσια
  xid = "Tan_50%"

• κουτί: Πιθανότατα θα θέλετε "αληθινό" για αυτήν την τιμή, υποδεικνύοντας ότι ο χρήστης μπορεί να δημοσιεύσει ένα σχόλιο.
• κερί: Θα θέλατε "ψευδές" για αυτό, που σημαίνει ότι ένας χρήστης δεν μπορεί να διαγράψει κανένα από τα σχόλια.
• ΑΝΤΙΣΤΡΟΦΗ: Η ρύθμιση σε "true" τοποθετεί το πλαίσιο "Προσθήκη σχολίου" κάτω από τα αναρτημένα σχόλια, όπως γίνεται στη σελίδα Threadless.
• επιστροφή: Αυτή είναι η πιο σημαντική αξία! Αυτή είναι η διεύθυνση URL που αρέσει στον χρήστη όταν κάνει κλικ στο κουμπί "Μου αρέσει". Εάν ο χρήστης επιλέξει το πλαίσιο "Δημοσίευση σχολίου στο προφίλ μου στο Facebook", το σχόλιο θα εμφανιστεί στον τοίχο του ως "[Χρήστης] αρέσει [ετικέτα τίτλου ιστότοπου] στο [URL]." Μπορείτε να έχετε οποιαδήποτε έγκυρη διεύθυνση URL για το "επιστροφήΠαράμετρος. Η Threadless έχει τη σελίδα του προϊόντος στον ιστότοπό της ως "επιστροφή" αξία.

Χρήση CSS για απόκρυψη ανεπιθύμητων στοιχείων στο fb: σχόλια ετικέτα

Μπορείτε εύκολα να αποκρύψετε αυτό το στοιχείο από την εμφάνιση. Χρησιμοποιώντας το Πρόσθετο Firefox "Firebug" (πρέπει να έχετε για κωδικοποιητές!), αποφάσισα ότι το μικρό λογότυπο του Facebook και το κείμενο "Facebook social plugin" περιλαμβάνονται σε ένα DIV που έχει εκχωρήσει την τάξη "υπότιτλος_αριστερά", Και αυτό το DIV μπορεί να κρυφτεί, σε όλα τα προγράμματα περιήγησης, με CSS.

Για να αποκρύψετε αυτό το περιεχόμενο, απλώς προσθέτετε:

.subtitle_left {display: none;}

στο φύλλο στυλ σας, το οποίο κρύβει το DIV:

Θέλετε απλώς το κουμπί Like; Χρησιμοποιήστε το CSS για να αποκρύψετε το πλαίσιο σχολίων

Αν θέλεις μόνο το κουμπί "Μου αρέσει" και όχι το πλαίσιο σχολίων, μπορείτε να χρησιμοποιήσετε το "οθόνη: κανένα"Ιδιότητα CSS για απόκρυψη του ανεπιθύμητου πλαισίου σχολίων.

Επειδή όλες οι δυνατότητες σχολίων περιέχονται σε ένα DIV που αντιστοιχεί στην τάξη "σχόλιο_σώμα"(Ευχαριστώ και πάλι, Firebug!), Απλώς προσθέστε τον ακόλουθο κανόνα CSS στο φύλλο στυλ σας:

.comment body {display: none;}

Το αποτέλεσμα:

Προσθήκη πολλαπλών παρουσιών του κουμπιού "Like"

Μπορείτε να έχετε όσες εμφανίσεις του fb: σχόλια FBML ετικέτα στην προσαρμοσμένη καρτέλα σας όπως θέλετε. Απλώς βεβαιωθείτε ότι κάθε ένα έχει ένα μοναδικό "xid" αξία.

Η παροχή περισσότερων επιλογών στους χρήστες από το να αρέσει η σελίδα σας ή / και η κοινή χρήση της σημαίνει περισσότερη αφοσίωση χρηστών και περισσότερες αναφορές της επωνυμίας σας που εμφανίζονται στους τοίχους των χρηστών.

Δοκιμάστε το και πείτε μας πώς λειτουργεί. Αφήστε τις ερωτήσεις και τα σχόλιά σας στο παρακάτω πλαίσιο.