Πώς θα φτιάξετε νέα tabs για τη Σελίδα σας στο Facebook χρησιμοποιώντας iframes

Για να δημιουργήσετε μια νέα καρτέλα με δικό σας περιεχόμενο, θα χρειαστούν τρία βασικά βήματα: πρώτα θα πρέπει να φτιάξετε αυτή καθαυτή τη σελίδα σας και να την ανεβάσετε σε κάποιον server. Στη συνέχεια θα δημιουργήσετε μια εφαρμογή(app) στο Facebook (μην ανησυχείτε, είναι πιο εύκολο από όσο ακούγεται). Τέλος, θα πρέπει να συνδέσετε την εφαρμογή με την σελίδα σας. Πάμε όμως να τα δούμε ένα-ένα:

Βήμα 1: Δημιουργία της σελίδας

Δεν θα επεκταθούμε πολύ σε αυτό το σημείο, αφού είναι κάτι που εξαρτάται αποκλειστικά από εσάς. Θεωρώντας ως δεδομένο ότι έχετε τουλάχιστον τις βασικές γνώσεις HTML και CSS, το μόνο επιπλέον που χρειάζεται να γνωρίζετε είναι πως το μήκος της σελίδας σας δεν θα πρέπει να ξεπερνά τα 500px, ώστε να χωρά στο περιβάλλον χρήσης του Facebook. Δείτε, για παράδειγμα, τη σελίδα της ενότητας «Κοινωνικά δίκτυα» από τη fanpage του Freeweird, για να καταλάβετε καλύτερα τις προτεινόμενες διαστάσεις.

Βήμα 2: Δημιουργία Facebook App

Για να δημιουργήσετε μια νέα εφαρμογή θα πρέπει να επισκεφθείτε τη σελίδα developers.facebook.com/apps και να επιλέξετε το κουμπί “Create New App” που θα βρείτε επάνω δεξιά.

Εκεί θα δώσετε στο “App Display Name” το όνομα με το οποίο θέλετε να εμφανίζεται η εφαρμογή στους χρήστες και στο “App Namespace” το όνομα με το οποίο αυτή θα χρησιμοποιείται από τις διάφορες εφαρμογές του Facebook (βλ. Canvas και Open Graph). Αφού συμφωνήσετε με τους όρους χρήσης και επιλέξετε “Συνέχεια”, θα χρειαστεί να συμπληρώσετε ένα τυπικό Captcha για να αποδείξετε ότι είσαστε άνθρωποι και θα δημιουργηθεί η εφαρμογή σας.

Σημείωση: Για να αποκτήσετε τη δυνατότητα να δημιουργείτε εφαρμογές στο Facebook, θα πρέπει προηγουμένως να έχετε επιβεβαιώσει τον λογαριασμό σας προσθέτοντας στα στοιχεία σας το κινητό σας τηλέφωνο ή τον αριθμό της πιστωτικής σας κάρτας (το ξέρω ότι είναι ενοχλητικό, αλλά είναι επίσης υποχρεωτικό).

Αφού η εφαρμογή σας δημιουργηθεί, θα χρειαστεί να συμπληρώστε, εκτός από τα Display Name και Namespace που δηλώσατε ήδη, τα παρακάτω επιπλέον πεδία, όπως τα βλέπετε και στην εικόνα που ακολουθεί:

Όπως ίσως μπορείτε να καταλάβετε και μόνοι σας, το «κλειδί» εδώ είναι να επιλέξετε το “Page Tab” στην περιοχή “Select how your app integrates with Facebook” και να εισάγετε εκεί το όνομα με το οποίο θέλετε να εμφανίζεται η καρτέλα, την διεύθυνση στην οποία βρίσκεται στον server σας, καθώς και την ασφαλή (https) έκδοση της σελίδας. Αυτό το τελευταίο αποτελεί πρόσφατη απαίτηση του Facebook και ένας γρήγορος και ανέξοδος τρόπος για να ανταπεξέλθετε είναι η εφαρμογή social-server που αναλαμβάνει να κάνει δωρεάν τη μετατροπή για λογαριασμό σας και να σας δώσει το απαραίτητο URL.

Πατώντας “Αποθήκευση” έχετε τελειώσει και με αυτό το βήμα και το μόνο που μένει πλέον είναι να συνδέσετε την εφαρμογή σας με την Σελίδα σας.

Σημείωση: Η εφαρμογή διαθέτει αρκετές ακόμη επιλογές τις οποίες μπορείτε να πειράξετε, ειδικά στην περιοχή Settings / Advanced. Αυτά, ωστόσο, μπορείτε να τα εξερευνήσετε και μόνοι σας, αφού ακόμη κι αν δεν τα πειράξετε η καρτέλα θα είναι σε θέση να βγει στον αέρα.

Το παραπάνω άρθρο είναι αρκετά παλιό, αφού δημοσιεύτηκε στις 31 Οκτωβρίου 2011. Εάν κάποια από τις πληροφορίες που αναφέρονται σε αυτό δεν ισχύει πια, ενημερώστε με μέσω της φόρμας επικοινωνίας για να το τροποποιήσω.

Συντάκτης άρθρου: Γιώργος Σαρηγιαννίδης

Ο Γιώργος Σαρηγιαννίδης είναι απόφοιτος του τμήματος Επικοινωνίας, Μέσων και Πολιτισμού του Παντείου και κάτοχος μεταπτυχιακού διπλώματος από το ίδιο τμήμα. Αυτή τη στιγμή εργάζεται ως freelancer σύμβουλος σε έργα διαδικτύου και intranets, με κύρια αντικείμενα την Αρχιτεκτονική της Πληροφορίας, την κατασκευή ιστοσελίδων και την διαχείριση περιεχομένου. Έχει ειδικευτεί στη μελέτη και τον αρχιτεκτονικό σχεδιασμό portals, intranets και δικτυακών εφαρμογών, ενώ στο παρελθόν έχει ασχοληθεί και με τη δημοσιογραφία.