Η όλη ιδέα προέκυψε από αρκετά γνωστά blogs σε wordpress που χρησιμοποιούν το συγκεκριμένο εργαλείο ώστε να προωθήσουν την fanpage τους και να αυξήσουν τα likes. Κάτι αντίστοιχο υπάρχει για joomla αλλά μόνο σε commercial έκδοση με 5$ οπότε έψαξα και βρήκα έναν τρόπο να το κάνω μόνος και δωρεάν.
Το βοήθημα αφορά joomla 2.5 και είναι πανεύκολο ακόμα και για αρχάριους. Ένα παράδειγμα του τι θα φτιάξουμε θα δείτε σ' αυτό το blog.
Θα φτιάξουμε ένα παράθυρο popup και στην συνέχεια την σελίδα με το περιεχόμενο.
Λοιπόν για το πρώτο μέρος που αφορά την δημιουργία popup σε κάθε επίσκεψη στην σελίδα προνόησε άλλος και μας το δίνει έτοιμο. Στο Joomla JED θα κατεβάσουμε ένα module με όνομα SplashR από εδώ. Αφού το εγκαταστήσουμε με τον γνωστό τρόπο (extensions/extension manager) θα δούμε πως το module έχει μια μερικές επιλογές παραμετροποίησης που θα χρειαστούμε όπως:
-Modal Type: επιλέγουμε Squeezebox. Έχει ένα ωραίο effect και στο fullscreen αλλά δεν κάνει για την δουλειά μας
.-Squeezebox Size, τις διαστάσεις δηλαδή του popup. Εγώ έβαλα 350x400, πρέπει να είναι μεγαλύτερο απο' το iframe του fanbox* που θα πάρουμε αργότερα ώστε να το χωρέσει.
-Enable Frequency, επιλέγουμε YES, αυτό θα καθορίζει την συχνότητα που θα εμφανίζεται το παράθυρο στους επισκέπτες.
-Frequency Type, επιλέγουμε Once per session να εμφανίζει δηλαδή το παράθυρο ΜΟΝΟ μια φορά, την πρώτη κατά την περιαγωγή του χρήστη. Επίσης μέσω της επιλογής Once per X days μπορούμε να ορίσουμε το παράθυρο να εμφανίζεται ανά Χ ημέρες συμπληρώνοντας στο κελί Frequency.
-Splash URL**, εδώ θα βάλουμε σύνδεσμο στην σελίδα που θα σχεδιάσουμε και θα περιλαμβάνει και το facebook fanbox
-Splash Title, το αφήνουμε άδειο γιατί αφορά την λειτουργία σε fullscreen.
-Autohide Timer, βάζουμε 15, δηλαδή σε 15δευτερόλεπτα το παράθυρο θα κλείσει αυτόματα.
-Disable Skip, Νο
Στο δεύτερο μέρος λοιπόν θα φτιάξουμε την σελίδα που θα εμπεριέχει το popup παράθυρο. Ουσιαστικά θέλουμε τον κώδικα iframe του fanbox* και θα τον πάρουμε από εδώ.
Βάλτε την fanpage σας στην επιλογή Facebook Page URL, εγώ έβαλα του freestuff (http://facebook.com/freestuff.gr) για το παράδειγμα μου. Προτεινόμενο width 348 και το height το αφήνουμε καινό γιατί και να το γράψουμε δεν μας περνάει στις διαστάσεις στον κώδικα. Παρακάτω επιλέγουμε το show faces, τα Show stream και Show header θα είναι ανενεργά. Πατάμε get code και επιλέγουμε να πάρουμε τον κώδικα με iframe και θα μας δώσει τον κώδικα
Κώδικας: Επιλογή όλων
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Ffreestuff.gr&width=348&height=258&colorscheme=light&show_faces=true&border_color&stream=false&header=false&appId=223474087774673" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:348px; height:258px;" allowTransparency="true"></iframe>Εδώ θα κάνουμε μια παρέμβαση στο height του κώδικα και όπου λέει 258px θα το κάνουμε 385px, δηλαδή:
Κώδικας: Επιλογή όλων
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Ffreestuff.gr&width=348&height=385&colorscheme=light&show_faces=true&border_color&stream=false&header=false&appId=223474087774673" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:348px; height:385px;" allowTransparency="true"></iframe>Κώδικας: Επιλογή όλων
<!DOCTYPE html>
<html>
<body>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Ffreestuff.gr&width=348&height=385&colorscheme=light&show_faces=true&border_color&stream=false&header=false&appId=223474087774673" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:348px; height:385px;" allowTransparency="true"></iframe>
</body>
</html>
Σας έδωσα την βασική ιδέα, αφιερώστε λίγο χρόνο και εμπλουτίστε την. Προσωπικά έβαλα ένα countdown 15δευτερολέπτων μαζί με κείμενο που λέει "Πατήστε το Χ επάνω δεξιά για κλείσιμο ή περιμένετε 15 δευτερόλεπτα και το παράθυρο θα κλείσει αυτόματα" ώστε να το βλέπει και ο επισκέπτης. Επίσης έφτιαξα και ένα background με χρώμα και λογότυπο και καθώς και 2-3 λόγια πχ Κάντε μας Like και στηρίξτε μας.
Credits για το popup window στον δημιουργό του, Michael Richey . Αξίζει να δείτε τα modules του, είναι όλα έξυπνα, πρακτικά και δωρεάν.
