Απλά γράφοντας αναρτήσεις blog δεν είναι πλέον αρκετές. Πρέπει να διασφαλίσετε ότι το περιεχόμενό σας μπορεί να μοιραστεί εύκολα σε όλα τα μεγάλα δίκτυα κοινωνικών μέσων. Για να γίνει αυτό πιο εύκολο, το Blogger πρόσθεσε πρόσφατα μια επιλογή "share buttons". Η προσθήκη αυτών των κουμπιών στο ιστολόγιό σας στο Blogger είναι αρκετά απλή. Πλοηγηθείτε στον πίνακα ελέγχου του Blogger, επιλέξτε Σχεδίαση, ακολουθήστε την επιλογή Επεξεργασία κάτω από το πλαίσιο " Θέσεις ιστολογίου " και ανοίγει ένα αναδυόμενο παράθυρο. Αυτό το αναδυόμενο παράθυρο θα έχει μια επιλογή " Εμφάνιση κοινών κουμπιών", επιλέξτε αυτό και επιλέξτε Αποθήκευση στο αναδυόμενο παράθυρο και στην επιλογή Αποθήκευση στην κύρια σελίδα.

Δίπλα στην ανάρτησή σας στο blog θα εμφανιστούν τα κουμπιά κοινής χρήσης.

Ωστόσο, τα προεπιλεγμένα κουμπιά κοινής χρήσης είναι αρκετά περιορισμένα όσον αφορά τη λειτουργικότητα, δεδομένου ότι δεν σας επιτρέπουν να επιλέξετε τα κοινωνικά δίκτυα που θέλετε να εμφανίζονται και, πιο σημαντικό, δεν έχουν τα κουμπιά Facebook " Like" ή Twitter " Tweet ", τα οποία έχουν γίνει πανταχού παρόντα ο ιστός.

Επομένως, σε αυτό το άρθρο θα περιγράψω πώς να προσθέσετε κουμπιά κοινής χρήσης στο blog σας από μια ποικιλία κοινωνικών δικτύων πολυμέσων, ειδικά από το Facebook και το Twitter.

Ρύθμιση AddThis

Υπάρχουν διάφοροι τρόποι να προσθέσετε κουμπιά κοινής χρήσης στο ιστολόγιό σας, συμπεριλαμβανομένης μιας ποικιλίας υπηρεσιών ιστού και ακόμη και από τις επίσημες τοποθεσίες Facebook και Twitter, ωστόσο προτιμώ να χρησιμοποιώ το AddThis καθώς είναι απλό και εξαιρετικά διαμορφώσιμο.

Αφού εγγραφείτε για ένα λογαριασμό, επιλέξτε "Get AddThis " από την κύρια σελίδα για να ξεκινήσετε την προσαρμογή των κουμπιών σας.

Στη συνέχεια θα παρουσιαστεί κάποιος κώδικας HTML για προσθήκη στον ιστότοπό σας. Εάν προσθέσετε αυτόν τον κώδικα στο ιστολόγιό σας, τα κουμπιά κοινής χρήσης θα μοιάζουν με την προεπισκόπηση . Ωστόσο, εάν θέλετε να προσαρμόσετε περαιτέρω τα κουμπιά σας, επιλέξτε " Προσαρμογή> ".

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

Τώρα πρέπει να επικολλήσετε αυτόν τον κώδικα στο ιστολόγιό σας στο Blogger. Για να το κάνετε αυτό, μεταβείτε στον πίνακα ελέγχου του ιστολογίου σας, επιλέξτε Σχεδίαση, ακολουθήστε με την Επεξεργασία HTML . Θα εμφανιστεί ο πλήρης κώδικας HTML για το ιστολόγιό σας. Στη συνέχεια, επιλέξτε Expand Widget Templates .

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

Μόλις τοποθετήσετε τον κώδικα στην επιθυμητή τοποθεσία σας, επιλέξτε Αποθήκευση προτύπου και προβολή του ιστολογίου σας.

Προσαρμογή των κουμπιών κοινής χρήσης AddThis

Υποσχέθηκα νωρίτερα ότι το AddThis σάς επιτρέπει να προσαρμόσετε τα κουμπιά σας πέρα ​​από τους περιορισμούς αυτών στο Blogger. Για να το κάνετε αυτό, θα πρέπει να επεξεργαστείτε τον κώδικα HTML του AddThis.

Ο προεπιλεγμένος κωδικός έχει ως εξής:

 var addthis_config = {"data_track_clickback": true}. 

Γενικές λειτουργίες

Το πρώτο τμήμα του κώδικα ελέγχει τις γενικές λειτουργίες των κουμπιών. Σας συνιστούμε να προσθέσετε τα παρακάτω σε αυτήν την ετικέτα:

Η expr:addthis:title='data:post.title' του κώδικα εμφανίζει αυτόματα τον τίτλο της ανάρτησής σας σε ό, τι μοιράζεστε. Έτσι, για παράδειγμα, εάν κάνετε κλικ στο κουμπί κοινής χρήσης Twitter, το στοιχείο Tweet θα διαμορφωθεί για να εμφανίσει τον τίτλο της τρέχουσας ανάρτησης ιστολογίου. Ομοίως, το τμήμα expr:addthis:url='data:post.url' εξασφαλίζει ότι η μόνιμη διεύθυνση URL της τρέχουσας ανάρτησης ιστολογίου επισυνάπτεται στο κοινόχρηστο περιεχόμενό σας.

Έτσι, εάν επιλέγετε την επιλογή ανταλλαγής Twitter, το tweet για την ανάρτηση θα μοιάζει με αυτό:

Κάνετε το Tech πιο εύκολο http://t.co/nCLRCEE μέσω του @AddThis

Πρώτον, εμφανίζεται ο τίτλος της ανάρτησης ιστολογίου, στη συνέχεια η διεύθυνση URL και τέλος το αρχικό tweeter.

Πρόσθετα κουμπιά

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

Για να αλλάξετε ένα κουμπί κοινής χρήσης απλά τροποποιήστε αυτήν την ετικέτα με το όνομα της υπηρεσίας που θέλετε να εμφανίσετε. Για παράδειγμα:

 μια κατηγορία = 'addthis_button_tweet' tw: via = 'abhiroopbasuu' /> 

Αυτό θα εμφανίσει το κουμπί Tweet και το κουμπί " Παρόμοια " στο Facebook αντί των προεπιλεγμένων κουμπιών "Προτιμώμενα". Επιπλέον, το τμήμα tw:via='abhiroopbasuu' εξασφαλίζει ότι όταν κάποιος μοιράζεται τις δημοσιεύσεις μου χρησιμοποιώντας το Twitter, η ανάρτηση εμφανίζεται ως προερχόμενη από το όνομα χρήστη μου (αντί για @AddThis).

Τελικός κώδικας

Ο κωδικός μου AddThis, ο οποίος περιλαμβάνει τις ρυθμίσεις από τα παραπάνω, έχει ως εξής:

 var addthis_config = {"data_track_clickback": true}. 

Στο blog μου εμφανίζεται ως εξής:

συμπέρασμα

Οι επιλογές προσαρμογής στο AddThis είναι απεριόριστες και υποστηρίζουν έναν τεράστιο αριθμό υπηρεσιών. Είναι αδύνατο να περιγράψω κάθε συνδυασμό, ωστόσο θα συνιστούσα να δοκιμάσετε μερικές διαφορετικές επιλογές και να δείτε τι λειτουργεί και τι φαίνεται καλό.