Πώς να ενσωματώσετε το Twitter σε ένα Iframe

Το Twitter παρέχει ενσωματωμένα widget που εισάγουν περιεχόμενο Twitter σε ένα ενσωματωμένο πλαίσιο σε μια άλλη ιστοσελίδα μέσω ενός σεναρίου. Ο ιστότοπος του Twitter αποκλείει την άμεση εμφάνιση iframe μέσω του ασφαλούς πρωτοκόλλου μεταφοράς υπερκειμένου, το οποίο εμποδίζει κάποιον να κάνει απευθείας iframe σε οποιαδήποτε δεδομένη σελίδα στο Twitter. Αντ 'αυτού, τα γραφικά στοιχεία του Twitter πρέπει να δημιουργηθούν μέσω του αντίστοιχου λογαριασμού Twitter για να ενσωματωθούν σε έναν ιστότοπο εντός ενός iframe.

Σελίδες εντός σελίδων

Τα Iframes είναι μια δυνατότητα εντός HTML που επιτρέπει σε έναν προγραμματιστή Web να ενσωματώνει περιεχόμενο από έναν ιστότοπο ή μια ιστοσελίδα εντός άλλου. Μέσα στο HTML, υπάρχουν και άλλες εντολές που μπορούν να χρησιμοποιηθούν για τη δημιουργία πλαισίων που χωρίζουν μια ιστοσελίδα σε χωριστά φόρτωση περιεχομένου: η ετικέτα iframe δημιουργεί ένα κλειστό πλαίσιο. Τα γραφικά στοιχεία του Twitter χρησιμοποιούν την κατασκευή iframe για την εμφάνιση περιεχομένου που φιλοξενείται στο Twitter σε άλλους ιστότοπους για να εμφανίζονται σαν να είναι μια συνεκτική ιστοσελίδα.

Widgets Iframe Twitter

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

Δημιουργία γραφικών στοιχείων Twitter

Για να δημιουργήσετε widget Twitter, συνδεθείτε στον ιστότοπο Twitter με τον προσωπικό σας λογαριασμό, κάντε κλικ στο εικονίδιο "γρανάζι" και επιλέξτε "Ρυθμίσεις". Επιλέξτε τη διάκριση Widgets από το μενού στην αριστερή πλευρά και κάντε κλικ στην επιλογή "Δημιουργία νέου". Επιλέξτε "Χρονολόγιο χρήστη", "Αγαπημένα", "Λίστα" ή "Αναζήτηση" ανάλογα με το είδος της ενότητας που θέλετε να δημιουργήσετε. Για να ρυθμίσετε το "Χρονολόγιο χρήστη" και "Αγαπημένα", εισαγάγετε το όνομα χρήστη του λογαριασμού και κάντε κλικ στο "Δημιουργία widget" για να δημιουργήσετε τον κωδικό widget. Για να ρυθμίσετε ένα widget "Λίστα", επιλέξτε την ήδη δημιουργημένη λίστα που θέλετε να χρησιμοποιήσετε και κάντε κλικ στην επιλογή "Δημιουργία widget". Για να δημιουργήσετε ένα widget αναζήτησης, εισαγάγετε το hashtag που θέλετε να παραθέσετε στην ενότητα "Ερώτημα αναζήτησης" και κάντε κλικ στην επιλογή "Δημιουργία widget".

Εφαρμογή Widget Twitter

Και οι τέσσερις τύποι widget Twitter δημιουργούν έναν κώδικα ενσωμάτωσης HTML και JavaScript που μπορείτε να χρησιμοποιήσετε για να τοποθετήσετε το γραφικό στοιχείο σε ιστοσελίδες. Για να χρησιμοποιήσετε τον κωδικό, αντιγράψτε τον από το πεδίο στον ιστότοπο του Twitter και επικολλήστε τον στον κώδικα σελίδας του ιστότοπου. Το αυτόνομο σενάριο θα φορτωθεί στη σελίδα και θα εισαγάγει ένα iframe που περιέχει τα περιεχόμενα του widget.

Ενσωμάτωση Tweets τρίτων

Μπορείτε να δημιουργήσετε κωδικούς ενσωμάτωσης για μεμονωμένα tweets από οποιονδήποτε λογαριασμό χρησιμοποιώντας την επιλογή "Ενσωμάτωση". Για να χρησιμοποιήσετε τη δυνατότητα ενσωμάτωσης tweet, μεταβείτε στη σελίδα χρονολογίου του λογαριασμού Twitter και εντοπίστε το tweet που θέλετε να ενσωματώσετε. Τοποθετήστε το δείκτη του ποντικιού πάνω από το tweet, κάντε κλικ στο "Περισσότερα" και επιλέξτε "Ενσωμάτωση Tweet". Ο ιστότοπος εμφανίζει ένα πλαίσιο που περιέχει τον κώδικα ενσωμάτωσης, το οποίο μπορεί να αντιγραφεί και να επικολληθεί σε άλλο ιστότοπο για να εμφανιστεί το tweet.