Προσθέστε σύνδεσμοι με δυνατότητα εγγραφής στο περιεχόμενο σας με το InlineTweet.js
Θα δείτε αυτή τη δυνατότητα πολλά σε μεγάλους ιστότοπους όπως το TechCrunch και το Mashable. Θα διαβάζετε ένα άρθρο και θα παρατηρήσετε ότι ολόκληρη η πρόταση είναι επισημάνθηκε σαν σύνδεσμος.
Ωστόσο, όταν κάνετε κλικ στο κουμπί θα ανοίξτε ένα παράθυρο τιτίβισμα ζητώντας σας να μοιραστείτε αυτό το απόσπασμα κειμένου με τους ακόλουθους του Twitter. Είναι ένας πολύ καλός τρόπος οδηγεί την επισκεψιμότητα στον ιστότοπό σας και να ενθαρρύνουν περισσότερα κοινωνικά μερίδια.
Για να αντιγράψετε αυτό το αποτέλεσμα στον ιστότοπό σας, δοκιμάστε InlineTweet.js. Μπορεί να σας εξοικονομήσει ώρες χρόνου ρύθμισης, προσθέτοντας αυτή τη λειτουργία στη σελίδα σας.
Αυτό το δωρεάν JavaScript plugin είναι εξαιρετικά εύκολο στην εγκατάσταση και έχει ακόμη και ένα δωρεάν plugin για το WordPress αν προτιμάτε αυτή τη διαδρομή.
Το δεν απαιτεί εξαρτήσεις JavaScript, έτσι μπορείτε να εκτελέσετε αυτό το sans-jQuery.
Όλο το περιεχόμενο λειτουργεί απευθείας μέσω χαρακτηριστικών δεδομένων, έτσι θα τα ρυθμίσετε ένα προς ένα, με βάση το περιεχόμενό σας. Φυσικά, το plugin WordPress κάνει αυτό πολύ πιο εύκολο, οπότε αν προτιμάτε να έχετε περισσότερο έλεγχο, αυτή είναι μια εξαιρετική επιλογή.
Στην κύρια σελίδα σεναρίου, θα βρείτε μερικά αποσπάσματα κώδικα αποδεικνύοντας πώς λειτουργεί αυτό.
Απλά πρέπει να συμπεριλάβετε το σενάριο JS στη σελίδα σας και να αντιγράψετε μερικά CSS στο φύλλο στυλ σας (μόνο 3 μπλοκ). Από εκεί, μπορείτε προσάρτηση κωδικών HTML σαν αυτό:
Το Lorem Khaled Ipsum είναι ένα σημαντικό κλειδί για την επιτυχία ο μόνο το απαραίτητο στοιχείο εδώ είναι η κορυφή δεδομένα-inline-tweet Χαρακτηριστικό. Αυτό είναι το μόνο πράγμα που χρειάζεστε για να λειτουργήσετε το αποτέλεσμα, Όλα τα υπόλοιπα είναι προαιρετικά.
Αλλά, αυτές οι επιπλέον επιλογές κάνουν τη διαφορά γιατί προσθήκη χαρακτηριστικών στο αυτόματο δημιουργούμενο tweet:
Δεδομένα-inline-tweet-μέσω- προσθέτει ένα @ όνομα στο tweetΣτοιχεία-inline-tweet-tags- προσθέτει ετικέτες στο tweet (αν υπάρχει δωμάτιο)Δεδομένα-inline-tweet-url- περιλαμβάνει μια διεύθυνση URL με δυνατότητα κλικ στο tweet σας
Η εγκατάσταση μπορεί να είναι δύσκολη και γι 'αυτό σας προτείνω να χρησιμοποιήσετε το plugin WordPress, αν μπορείτε.
Αλλά, δεν είναι όλα τόσο άσχημα αν απλά αντιγράφετε / επικολλάτε τα περιεχόμενα σε οποιοδήποτε κείμενο θέλετε να tweetable. Και για ένα δωρεάν plugin, αυτό το πράγμα είναι πολύ ελαφρύ.
Ρίξτε μια ματιά στη σελίδα επίδειξης για να δείτε αυτό σε δράση και κοιτάξτε στο GitHub repo εάν θέλετε να μάθετε περισσότερα.
