iFrame Widgets

Τα iFrame widgets είναι μικρά, διαδραστικά στοιχεία που εμφανίζουν συγκεκριμένο περιεχόμενο ή λειτουργίες στον ιστότοπό σας χωρίς να απαιτείται περίπλοκος προγραμματισμός. Στην περίπτωσή μας, αυτά τα iFrame widgets προβάλλουν απευθείας τα προφίλ στη σελίδα σας. Μπορούν να ενσωματωθούν ευέλικτα σε οποιοδήποτε σημείο και προσφέρουν στους επισκέπτες σας άμεση επισκόπηση προφίλ χωρίς να χρειάζεται να εγκαταλείψουν την πλατφόρμα σας. Η ενσωμάτωση γίνεται μέσω JavaScript, επιτρέποντας στα iFrame widgets να ενσωματωθούν ομαλά στον υπάρχοντα σχεδιασμό του ιστότοπού σας. Με τη χρήση των iFrame εξασφαλίζεται ότι το περιεχόμενο φορτώνεται ανεξάρτητα από τη δομή της υπόλοιπης σελίδας και παράλληλα παρέχεται ασφαλής και εύκολη υλοποίηση

Η ενσωμάτωση του widget στον ιστότοπό σας γίνεται μέσω JavaScript. Με λίγες γραμμές κώδικα μπορείτε να τοποθετήσετε το widget στο επιθυμητό σημείο. Απλώς προσθέτετε το παρεχόμενο HTML-tag στον HTML κώδικα της σελίδας σας


    <script src="https://sta-cdn.paid.sex/public/ept.latest.js"></script>

Με την υλοποίηση Target μπορείτε να καθορίσετε ακριβώς σε ποιο σημείο του ιστότοπού σας θα εμφανίζεται το widget ή άλλο περιεχόμενο. Για αυτό, εισάγεται ένας μικρός δοχείο DIV στον HTML κώδικα, που λειτουργεί ως σημείο στόχευσης για το widget. Μέσω JavaScript το widget φορτώνεται και εμφανίζεται σε αυτό το δοχείο


    <div id="target"></div>

Κατά την ενσωμάτωση του widget μπορείτε να ρυθμίσετε διάφορες παραμέτρους για να προσαρμόσετε την εμφάνιση και το περιεχόμενο. Ακολουθούν οι σημαντικότερες παράμετροι του αντικειμένου P6Embed:

id: Καθορίζει σε ποιο HTML στοιχείο θα εμφανιστεί το widget. Χρησιμοποιήστε εδώ το id του DIV container, π.χ. target
ety: Ορίζει τον τύπο ή την κατηγορία του widget, π.χ. et1. Αυτή η τιμή ελέγχει ποιος τύπος εμφάνισης φορτώνεται
bsw: Καθορίζει το πλάτος του widget σε pixels. Παράδειγμα: 500 ορίζει το πλάτος στα 500px
bsh: Καθορίζει το ύψος του widget σε pixels. Παράδειγμα: 600 ορίζει το ύψος στα 600px
eun: Καθορίζει το όνομα προφίλ που θα εμφανιστεί στο widget. Παράδειγμα: 'PROFILE_NAME'
border: Ορίζει το είδος του πλαισίου του widget. Παράδειγμα: '1px solid #000' δημιουργεί μαύρο πλαίσιο με πάχος 1px

Με αυτές τις παραμέτρους μπορείτε να προσαρμόσετε ευέλικτα το widget στο σχεδιασμό και τις ανάγκες του ιστότοπού σας. Μετά τη ρύθμιση, το widget εμφανίζεται με την κλήση της μεθόδου .render():


    new P6Embed({
        id:  'target',     // where to place the iframe
        ety: 'et1',        // __ety
        bsw: 500,          // __bsw (width)
        bsh: 600,          // __bsh (height)
        eun: 'PROFILE_NAME',   // __eun (profile name)
        border: '1px solid #000'
    }).render();

Με την πλήρη υλοποίηση μπορείτε να ενσωματώσετε το widget στον ιστότοπό σας με ένα βήμα. Τοποθετείτε πρώτα το στοιχείο στόχο όπου θα φορτωθεί το widget και στη συνέχεια προσθέτετε τον JavaScript κώδικα που αρχικοποιεί το widget. Με αυτόν τον τρόπο ενεργοποιούνται αυτόματα τόσο η εμφάνιση όσο και η λειτουργικότητα, ώστε το widget να είναι αμέσως διαδραστικό. Αυτή η μέθοδος διασφαλίζει ότι το widget φορτώνεται σωστά και εφαρμόζονται όλοι οι ρυθμισμένοι παράμετροι όπως πλάτος, ύψος, όνομα προφίλ ή πλαίσιο


<div id="target"></div>
<script type="text/javascript">
    new P6Embed({
        id:  'target',     // where to place the iframe
        ety: 'et1',        // __ety
        bsw: 500,          // __bsw (width)
        bsh: 600,          // __bsh (height)
        eun: 'PROFILE_NAME',   // __eun (profile name)
        border: '1px solid #000'
    }).render();
</script>

Όλα τα Παραδείγματα

Για να δείξουμε τη λειτουργία και τις δυνατότητες προσαρμογής των widgets, ακολουθούν μερικά πρακτικά παραδείγματα. Κάθε παράδειγμα δείχνει πως μπορεί να εμφανίζεται το widget στον ιστότοπό σας και πώς οι διαφορετικές παράμετροι επηρεάζουν την εμφάνιση και τη συμπεριφορά

Δεν απαιτείται ρητή συγκατάθεση, καθώς η πλατφόρμα μας χρησιμοποιεί ψευδωνυμοποίηση δεδομένων. Προσωπικές πληροφορίες δεν αποθηκεύονται άμεσα, εξασφαλίζοντας την ανωνυμία των χρηστών και αποτρέποντας την άμεση ταυτοποίηση. Με την ενσωμάτωση σε εξωτερικούς ιστότοπους, η επεξεργασία δεδομένων γίνεται επίσης με ψευδωνυμοποίηση, προστατεύοντας έτσι το απόρρητο των χρηστών

iFrame Widgets

Όλα τα Παραδείγματα

Μικρό Widget

Παράδειγμα:

Μεσαίο Widget

Παράδειγμα:

Μεγάλο Widget

Παράδειγμα: