Κουμπί Cool! Κουμπί ανάρτησης Odnoklassniki για το Blogger Blogspot. Πώς να παρακολουθείτε ένα συμβάν τάξης. Οφέλη της χειροκίνητης τοποθέτησης

Το κουμπί «Class» θα επιτρέψει στους επισκέπτες του ιστότοπού σας να επισημάνουν το αγαπημένο τους υλικό και να το μοιραστούν με φίλους στο Odnoklassniki.

Θα σας βοηθήσει να κατανοήσετε τι αρέσει περισσότερο στο κοινό σας και ταυτόχρονα να προσελκύσετε νέους επισκέπτες στον ιστότοπό σας.

Αν έχετε το δικό μας παλιό κουμπί"Cool", συνιστούμε να το αλλάξετε σε νέο, έστω και μόνο επειδή λειτουργεί πολύ πιο γρήγορα.

Σύνδεσμος κατασκευής κουμπιού "Class".

Κατά την κοινή χρήση οποιουδήποτε πόρου στην Odnoklassniki, ενδέχεται να αντιμετωπίσετε προβλήματα με την επεξεργασία περιεχομένου πολυμέσων.

Περιορισμοί σε κοινόχρηστες εικόνες:

• ελάχιστο μέγεθος:
  • για web: 128x128
  • για κινητό: 50x50
• ελάχιστος λόγος διαστάσεων: 0,5

Επίσης, για μη αξιόπιστους τομείς, ο grabber δεν επεξεργάζεται εικόνες και βίντεο. Για να ξεκινήσει ο grabber να επεξεργάζεται τέτοιους συνδέσμους, πρέπει να χρησιμοποιήσετε ένα από τα πρωτόκολλα σήμανσης σελίδας:

• Ανοίξτε το πρωτόκολλο γραφήματος.
  Αυτή η μέθοδος σάς επιτρέπει να καθορίσετε ετικέτες og:title, og:description, og:image και og:video μέσα στην ετικέτα σελίδας, οι οποίες θα υποδείξουν στον αρπαγό ποιο περιεχόμενο στη σελίδα θα χρησιμοποιήσει.

Τα αιτήματα αποστέλλονται από τις ακόλουθες διευθύνσεις:

https://connect.ok.ru/offer
    ?url =URL_TO_SHARE
    &τίτλος =ΤΙΤΛΟΣ
    &imageUrl =IMAGE_URL

Απαιτείται μόνο η παράμετρος url, οι υπόλοιπες παράμετροι είναι προαιρετικές.

• Δυνατότητα να μάθετε τον αριθμό των "κλάσεων" για τη σελίδα σας χωρίς να εγκαταστήσετε ένα κουμπί:

https://connect.ok.ru/dk
    ?st.cmd =extLike
    &tp=json
    &αναφορά =URL_TO_SHARE

Ενσωμάτωση πολλαπλών γραφικών στοιχείων

Όταν ενσωματώνετε πολλά γραφικά στοιχεία σε μία σελίδα, μπορείτε να χρησιμοποιήσετε τον κώδικα:

! συνάρτηση (d, id, did, st) (var js = d. createElement ("script"); js. src = "https://connect.ok.ru/connect.js"; js. onload = js. onreadystatechange = συνάρτηση () ( if (! this . readyState || this . readyState == "loaded" || this . readyState == "complete" ) ( if (! this . executed ) ( this . executed = true ; setTimeout (συνάρτηση () (onOkConnectReady ()), 0 ) )) d appendChild (js ); συνάρτηση onOkConnectReady () ( ΟΚ . CONNECT . insertGroupWidget ("mineGroupWidgetDivId" , "50582132228315" , "(πλάτος:250,ύψος:335)"); OK ://site" , "(width:125,height:25,st:"oval",sz:12,ck:1)" ) Πώς να παρακολουθήσετε ένα συμβάν τάξης

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

ok_shared$__okShare1

Ένα συμβάν στη σελίδα που έχει ενσωματώσει το γραφικό στοιχείο μπορεί να παρακολουθηθεί ως εξής: κώδικας javascript:

συνάρτηση listenForShare () ( if (window . addEventListener ) ( window . addEventListener ( "message" , onShare , false ); ) else ( window . attachEvent ( "onmessage" , onShare ); ) ) λειτουργία onShare (e ) ( var args = e .

Καλημέρα, αγαπητοί αναγνώστες. Όχι πολύ καιρό πριν, στις 11 Οκτωβρίου, δημοσίευσα ως ενιαίο μπλοκ. Ωστόσο, η αναφορά στο κοινωνικό δίκτυο Odnoklassniki έπαιξε ρόλο σκληρό αστείο, και πολλοί χρήστες προέρχονται από μηχανές αναζήτησης ακριβώς με την ελπίδα να βρουν αυτό το κουμπί.

Αποφάσισα να διορθώσω τον εαυτό μου και να αφιερώσω ένα ξεχωριστό άρθρο στην τοποθέτηση του κουμπιού Τάξη! από την Odnoklassniki. Από τη μία πλευρά, η εγκατάσταση ενός κουμπιού δεν είναι δύσκολη, αλλά υπάρχουν ορισμένες προϋποθέσεις που πρέπει να πληρούνται.
Ως εκ τούτου, σκέφτηκα ότι ήταν καλύτερο να μιλήσω για αυτό με περισσότερες λεπτομέρειες.
Επιτρέψτε μου να κάνω κράτηση αμέσως:

Ο κωδικός του κουμπιού Η κλάση που περιγράφεται σε αυτό το άρθρο έχει ήδη προσαρμοστεί για την πλατφόρμα Blogger/Blogspot.

Εάν θέλετε το κουμπί να βρίσκεται αμέσως στο τέλος των άρθρων, τότε, κατά κανόνα, τοποθετούμε τον κωδικό του κουμπιού αμέσως μετά τη γραμμή:

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

εδώ είναι ο κωδικός του κουμπιού

Πριν προσθέσετε κώδικα κουμπιού στο πρότυπο, επιλέγετε πάντα το πλαίσιο "Επέκταση προτύπων γραφικών στοιχείων"

Η Odnoklassniki έχει την ευκαιρία να εγκαταστήσει το 4 ΔΙΑΦΟΡΕΤΙΚΟΙ ΤΥΠΟΙκουμπιά

Κουμπί μετρητή	Μεγάλο κανονικό κουμπί	Μικρό κανονικό κουμπί	Δικό κουμπί

Λοιπόν, πώς να προσθέσετε ένα κουμπί Class ως spinner στο Blogger/Blogspot

Βήμα πρώτο.
Ανοίξτε το πρότυπο ιστολογίου και βρείτε:

Πριν από αυτή τη γραμμή εισάγουμε τον κωδικό:

Βήμα δυο. Για να μετρήσουμε «ψήφων», βρίσκουμε τον κωδικό:

και αλλάξτε το εντελώς σε αυτό:

ή προσωπικά, στο πρότυπό μου η ετικέτα σώματος ήταν ως εξής:

σε αυτήν την περίπτωση, αντικαταστήστε τον κωδικό με αυτή τη σειρά:

Λάβετε υπόψη ότι αφήσαμε την προηγούμενη τιμή class="loading" και προσθέσαμε μια νέα τιμή onload="ODKL.init();"

Βήμα τρίτο. Ρύθμιση του κωδικού κουμπιού Class.
Βρείτε το μέρος όπου θέλετε να εγκαταστήσετε το κουμπί Class και επικολλήστε τον κωδικό του κουμπιού:

0

Σε καμία περίπτωση δεν πρέπει να αλλάξει τίποτα σε αυτόν τον κώδικα. Αποθηκεύστε το πρότυπο.
Αν θέλετε ένα κουμπί όπως αυτό
Για να το εγκαταστήσετε, ακολουθήστε το Βήμα Ένα που περιγράφεται παραπάνω (εισαγάγετε συνδέσμους προς απαραίτητα αρχείαστην κεφαλίδα του προτύπου), παραλείψτε το δεύτερο βήμα, δεν χρειάζεται. Ας προχωρήσουμε στο τρίτο βήμα - τοποθετώντας τον κωδικό για το κουμπί Class.

Τάξη!

Εάν θέλετε ένα τέτοιο κουμπί, τότε ο κωδικός θα είναι αυτός:

Όπως μπορείτε να δείτε, δεν υπάρχει απολύτως τίποτα περίπλοκο. Βασικά, όλοι αυτοί οι κωδικοί δεν διαφέρουν πολύ, εκτός από την τιμή της κλάσης, η οποία μας λέει πώς πρέπει να μοιάζει το κουμπί.

Εάν δεν σας αρέσει το τυπικό κουμπί Class, τότε μπορείτε να το αντικαταστήσετε με τη δική σας εικόνα. Και σε αυτήν την περίπτωση, επιλέγουμε, για παράδειγμα, τον τύπο του κουμπιού από τη δεύτερη επιλογή, όπου class="odkl-klass", και αμέσως μετά τον κωδικό του κουμπιού εισάγουμε:

Εκείνοι. όλα μαζί θα πρέπει να μοιάζει με αυτό:

Τάξη!
.odkl-klass (φόντο: url (διεύθυνση της εικόνας σας) χωρίς επανάληψη; )

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

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

ΥΣΤΕΡΟΓΡΑΦΟ. Όλοι όσοι εγκατέστησαν ένα μπλοκ κουμπιών για τον εαυτό τους κοινωνικά δίκτυα, και θέλει να εισαγάγει το κουμπί Odnoklassniki σε αυτό το μπλοκ, όπως το δικό μου, τότε θα πρέπει να κάνετε:
1. Βήμα πρώτο,
2. ανοίξτε αυτό το αρχείο,
3. Επικολλήστε τον κώδικα από το αρχείο στο σημείο που θέλετε να βρίσκεται το κουμπί.
Αποθήκευση προτύπου.

Το γεγονός είναι ότι από όλα τα κουμπιά που προσφέρονται στους συνεργάτες της Odnoklassniki, αυτό εξυπηρετεί τα περισσότερα βολικό εργαλείογια τους επισκέπτες. Χάρη σε αυτό το εργαλείο, όλοι οι φίλοι μπορούν να δουν στη ροή ενδιαφέρουσα σύνδεση, και ο κάτοχος ενός πόρου με ένα τέτοιο κουμπί παίρνει κάτι περισσότερο.

Ουσιαστικά, το κουμπί "Cool!" είναι ένας μοναδικός δείκτης που σηματοδοτεί το επίπεδο ενδιαφέροντος για το υλικό που δημοσιεύεται στον ιστότοπο (βίντεο, φωτογραφίες, άρθρα). Πως μεγάλη ποσότηταΜόλις κάνετε κλικ σε αυτό, τόσο πιο χρήσιμες/αστείες είναι οι δημοσιευμένες πληροφορίες, αναλόγως. Έχοντας επίγνωση των προτιμήσεων των επισκεπτών σας, το να κάνετε τον ιστότοπό σας ακόμα πιο δημοφιλή είναι πλέον ευκολότερο! Παρεμπιπτόντως, το κουμπί "Class!" Μπορεί να είναι με ή χωρίς πάγκο.

Υπάρχουν ορισμένες δυνατότητες εγκατάστασης ενός τέτοιου εργαλείου σε πόρους στην περίπτωση Joomla, WordPress, DLE.

Η εγκατάσταση αυτού του κουμπιού στο Joomla είναι τόσο εύκολη όσο το ξεφλούδισμα αχλαδιών – μόνο 5 λεπτά χρόνου και χωρίς ταλαιπωρία!

Έτσι, στη διαχείριση προτύπων στον πίνακα διαχείρισης, επιλέξτε Τρέχον πρότυποΚαι ΕπεξεργασίαHTML, όπου πρέπει να εισαγάγετε τον ακόλουθο κώδικα html στην αρχή της σελίδας. Μετά από αυτό, στον ιστότοπο του παρόχου φιλοξενίας στο φάκελο όπου είναι εγκατεστημένο το Joomla, βρίσκουμε το έγγραφο public_html-components-com_jcomments-tpl-default με το αρχείο tpl_index.php. Εδώ είναι το τελευταίο σημείο των «περιπέτειών» μας, οπότε προσθέτουμε τον κώδικα html:

Κουμπί "Cool!" έτοιμο για χρήση!

Για να τοποθετήσετε το κουμπί "Class!" με στατιστικά στοιχεία πρέπει να ενεργοποιήσετε συνδέσμους προς Javascript και Αρχεία CSSστον τίτλο της σελίδας και επικολλήστε το στην κατάλληλη θέση σελίδα HTMLκωδικός κουμπιού.

Θυμηθείτε ότι ο κωδικός για αυτό το κουμπί, σε αντίθεση με το συνηθισμένο κουμπί "Cool!", δεν μπορεί να τροποποιηθεί, επειδή το περιεχόμενο μέσα θα αντικατασταθεί. Επιπλέον, το όνομα Κλάση CSSπρέπει να είναι πρωτότυπο αφού χρησιμοποιείται ως χαρακτηριστικό κουμπιού.

Για να εμφανιστεί το παράθυρο με στατιστικά στοιχεία αφού ολοκληρωθεί η φόρτωση της σελίδας, θα χρειαστεί να καλέσετε το παράθυρο ODKL.init().

Στο WordPress διαδραστικό εργαλείο"Τάξη!" εγκατασταθεί διαφορετικά.

Το κανονικό πρόσθετο Social Share Buttons είναι διαθέσιμο για λήψη και εγκατάσταση στον επίσημο ιστότοπο του WordPress (από τον πίνακα διαχείρισης του WordPress). Χωρίς επεξεργασία κώδικα, όλες οι κινήσεις του σώματος περιορίζονται στο πάτημα κουμπιών και τίποτα περισσότερο!

Λοιπόν, ας πάμε στον πίνακα διαχείρισης του WordPress Πρόσθετα – Προσθήκη νέου, όπου μέσα μπαρα αναζήτησηςεισαγάγετε τα κουμπιά κοινοποίησης κοινωνικών δικτύων (ήταν το πρώτο στη λίστα προσθηκών μου!). Επόμενο – κάντε κλικ στον σύνδεσμο Εγκαθιστώκαι μετά την εγκατάσταση – Ενεργοποιήστε το πρόσθετο. στο wp.

Η περιγραφόμενη διαδρομή εγκατάστασης πρόσθετων είναι η πιο εύκολη, αν, φυσικά, περιλαμβάνονται στον κατάλογο των προσθηκών του WordPress.

Τώρα το ενεργοποιημένο πρόσθετο χρειάζεται ρυθμίσεις: μενού Επιλογέςκαι σύνδεσμος Κουμπιά κοινής χρήσηςθα μας ανακατευθύνει στις ρυθμίσεις του plugin. Το πρώτο πράγμα που πρέπει να προσέξετε είναι ποια κουμπιά έχουν οριστεί από προεπιλογή (το πρόσθετο έχει 8 επιλογές κουμπιών σε διαφορετικά σχέδια!). Το επόμενο βήμα είναι να επιλέξουμε το κουμπί Odnoklassniki που χρειαζόμαστε και να το εγκαταστήσουμε συγκεκριμένο μέρος. Δεν νομίζω ότι θα υπάρχουν προβλήματα με αυτό, αλλά αν έχετε ερωτήσεις, ρωτήστε!

Για DLE ( Μηχανή DataLife) Κουμπί "Class!" εγκατεστημένος ως εξής:

Κουμπί "Cool!" με στατιστικά:

Περιλαμβάνουμε συνδέσμους προς αρχεία Javascript και CSS στην κεφαλίδα της σελίδας στο αρχείο main.tpl μεταξύ των ετικετών και τις εισάγουμε. Περαιτέρω βήματα για την εμφάνιση του κουμπιού στατιστικών εκτελούνται στο shortstory.tpl ή fullstory.tpl επικολλώντας τον κώδικα όπου χρειάζεται:

Ένα απλό κουμπί "Class!" δημιουργείται με την εισαγωγή του κώδικα:

Τάξη!

Για να τα ολοκληρώσουμε, βρίσκουμε την ετικέτα ανοίγματος στο αρχείο main.tpl, την οποία αλλάζουμε στην έκφραση

ΟΚ όλα τελείωσαν τώρα! Σας εύχομαι καλή επιτυχία στην εγκατάσταση του κουμπιού.

Αυτό απέχει πολύ από το πρώτο άρθρο που θίγει κουμπιά κοινωνικής δικτύωσηςΣε σύνδεση. Και γιατί όλα; Ναι, γιατί δεν μπορείτε να πάτε πουθενά χωρίς αυτά. Αυτή τη φορά θα φτιάξουμε μόνοι μας κουμπιά social media, δηλ. χωρίς τη χρήση προσθηκών και υπηρεσιών τρίτων, όπως τα socialtools.

Οφέλη της χειροκίνητης τοποθέτησης

Τις περισσότερες φορές, οι άνθρωποι έρχονται σε αυτήν τη μέθοδο όταν δεν θέλουν να εξαρτώνται από υπηρεσίες τρίτων. Ας πούμε ότι κατέβηκε το ίδιο UpToLike ή SocialTools, αντίστοιχα, κατέβηκαν και τα κουμπιά στο site σας, αφού όλα τα αιτήματα περνούν από αυτό. Εδώ ξεκινούν οι εργασίες για την επιτάχυνση του ιστολογίου, τη φόρτωση της σελίδας κ.λπ. Γενικά, για όσους χρειάζονται αυτή τη μέθοδο, ας εξετάσουμε τις παραλλαγές.

Πηγαίνουμε στην επίσημη ιστοσελίδα του αντιπροσώπου, δηλ. εδώ

https://about.twitter.com/ru/resources/buttons

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

Η αρχή της τοποθέτησης δεν διαφέρει από την προηγούμενη. Μεταβείτε στη σελίδα τεκμηρίωσης για τη δημοσίευση συνδέσμων VKontakte χρησιμοποιώντας τον σύνδεσμο:

Επιλέγουμε επίσης ένα σχέδιο, το οποίο μπορεί να είναι είτε με πάγκο είτε χωρίς. Όλα είναι κατόπιν αιτήματος και διακριτικής σας ευχέρειας. Ως αποτέλεσμα, παίρνουμε έτοιμο κωδικό για τοποθέτηση. Εδώ είναι το στιγμιότυπο οθόνης:

Εδώ οι ρυθμίσεις είναι πιο ενδιαφέρουσες. Μεταβείτε στην τεκμηρίωση της νέας κατηγορίας κουμπιών στη διεύθυνση:

http://apiok.ru/wiki/pages/viewpage.action?pageId=42476656

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

Η τεκμηρίωση είναι όλη στα αγγλικά, οπότε για όσους έχουν προβλήματα με αυτήν τη γλώσσα, δεν θα είναι τόσο εύκολο. Ωστόσο, το μόνο που χρειάζεστε είναι να λάβετε τον κώδικα από αυτήν τη σελίδα:

Κάντε κλικ στο κουμπί «Λήψη κωδικού» και λάβετε τον απαραίτητο κωδικό για εισαγωγή στον ιστότοπο.

Πολύ παρόμοια διαχείριση και σχεδίαση με την Odnoklassniki. Οι ρυθμίσεις είναι απολύτως ίδιες, και αν έχετε καταλάβει τις προηγούμενες, τότε δεν θα υπάρχουν προβλήματα ούτε με αυτές. Παίρνουμε το κουμπί εδώ:

http://api.mail.ru/sites/plugins/share/

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

Μια απλούστερη επιλογή - Όλα σε Ένα

Τα βρήκατε όλα δύσκολα; Ίσως επειδή όλα αυτά τα κουμπιά πρέπει να ληφθούν, κώδικας και σενάρια πρέπει να τοποθετηθούν στον ιστότοπο, αλλά αν το καταλαβαίνετε αυτό, τότε είναι μόνο θέμα λίγων λεπτών. Όλα τα σενάρια μπορούν να τοποθετηθούν σε ένα αρχείο και να συνδεθούν στο σωστό μέρος. Αλλά αν σας φαίνεται ακόμα περίπλοκο, υπάρχει μια ευκολότερη επιλογή. Για να γίνει αυτό θα πρέπει πάλι να πάμε υπηρεσία τρίτωνκαι κατεβάστε μια έτοιμη βιβλιοθήκη που συνδέει όλα όσα χρειάζεστε σε μία αρχείο javascript, καθώς και εξόδους σε όμορφο σχέδιοδιά μέσου τελειωμένο αρχείο στυλ css. Ας μεταβούμε σε αυτήν την υπηρεσία:

http://sapegin.github.io/social-likes/ru/

Παίζοντας με τις ρυθμίσεις, επιλέγοντας απαιτούμενο ποσόκοινωνικά δίκτυα, κάντε εμφάνιση, προβολή και στη συνέχεια κατεβάστε την τελική έκδοση των αρχείων κάνοντας κλικ στο κουμπί "Κουμπιά λήψης" στο κάτω μέρος. Το αρχείο θα περιέχει 3 αρχεία, 2 από τα οποία έχουν ήδη περιγραφεί παραπάνω, και το 3ο χρησιμεύει ως παράδειγμα για την εισαγωγή μπλοκ div στον ιστότοπο.

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

ΣΕ ΠρόσφαταΈχει γίνει μόδα η εγκατάσταση κουμπιών μέσων κοινωνικής δικτύωσης σε ιστότοπους και ιστολόγια, και αυτό δεν προκαλεί έκπληξη. Πρώτον, τα κουμπιά σάς επιτρέπουν να αυξήσετε τα «μου αρέσει» και τις «καρδιές», γεγονός που έχει θετική επίδραση στην προώθηση άρθρων στα κοινωνικά δίκτυα. Δεύτερον, υπάρχουν ξεχωριστοί τύποι κουμπιών που σας επιτρέπουν να μοιράζεστε συνδέσμους προς μεμονωμένες σελίδεςιστότοπος στα κοινωνικά δίκτυα - αυτό προσελκύει επιπλέον επισκέπτες από Vkontakte, Facebook, Odnoklassniki, Twitter κ.λπ. Τρίτον, άρθρα που έλαβαν ένας μεγάλος αριθμός απόΤα "μου αρέσει" και οι "καρδιές" είναι ιδιαίτερα αξιόπιστα από τους αναγνώστες του ιστότοπου.

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

• Σε επαφή με
• Facebook
• Συμμαθητές
• Google "+1"
• Κελάδημα
• Ο κόσμος μου

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

1.1. Κουμπί "Αποθήκευση" VKontakte 1.1.1

Το κουμπί είναι αρκετά ευέλικτο, η επιγραφή σε αυτό μπορεί να αλλάξει σε ό,τι θέλετε (η προεπιλογή είναι "αποθήκευση").

Πρώτα, πρέπει να μεταβείτε στη σελίδα με, όπου θα λάβετε τον κώδικα σεναρίου που θα πρέπει να εγκαταστήσετε στον ιστότοπό σας για να εμφανιστεί το κουμπί.

Εδώ μπορείτε να επιλέξετε ένα από τα 5 στυλ: κουμπί, κουμπί χωρίς μετρητή, σύνδεσμος, σύνδεσμος χωρίς εικονίδιο, εικονίδιο.

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

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

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

1.1.2 Κουμπί "Μου αρέσει".

Η δεύτερη επιλογή για το κουμπί είναι το γραφικό στοιχείο "Μου αρέσει". Θα είναι ευκολότερο να το εγκαταστήσετε στον ιστότοπο, επειδή... στο τέλος θα λάβετε μόνο ένα κομμάτι κώδικα που θα πρέπει να τοποθετηθεί στο σωστό μέροςιστοσελίδα.

Για να διαμορφώσετε το κουμπί, μεταβείτε στο αυτός ο σύνδεσμος. Εδώ πρέπει επίσης να συμπληρώσετε μια σειρά από παραμέτρους.

Όνομα ιστότοπου – εδώ είναι προτιμότερο να αναφέρετε το σύντομο και πραγματικό όνομα του ιστότοπού σας.

Διεύθυνση ιστότοπου - πληκτρολογήστε τη διεύθυνση αρχική σελίδατον ιστότοπό σας.

Ο κύριος τομέας του ιστότοπου - υποδείξτε τον κύριο καθρέφτη του ιστότοπου (μπορεί να βρεθεί ως παράμετρος του χειριστή "Host"), εάν δυσκολεύεστε να το κάνετε αυτό, αφήστε το προτεινόμενο VKONTAKTE.

Οι παραλλαγές κουμπιών είναι διαφορετικά στυλ του κουμπιού και το επηρεάζουν εμφάνιση.

Το ύψος του κουμπιού είναι οι γεωμετρικές διαστάσεις του κουμπιού "Μου αρέσει".

Όνομα κουμπιού – υπάρχουν δύο διαθέσιμες επιλογές (μου αρέσει, είναι ενδιαφέρον).

Ο κωδικός εισαγωγής είναι ο κωδικός που απαιτείται για την εμφάνιση του κουμπιού για το κοινωνικό δίκτυο VKontakte.

1.2 Facebook

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

URL προς Like – URL της σελίδας για το κουμπί (αν δεν συμπληρωθεί το πεδίο, θα ληφθεί η διεύθυνση της σελίδας στην οποία βρίσκεται το κουμπί).

Κουμπί αποστολής – περιλαμβάνει η παρουσία ενός σημάδι επιλογής νέα ευκαιρία– στείλτε έναν σύνδεσμο στο Facebook (θα εμφανιστεί πρόσθετο κουμπί- "στείλετε"). Όταν είναι ενεργοποιημένο, θα εμφανιστούν δύο κουμπιά ταυτόχρονα.

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

Πλάτος – πλάτος κουμπιού σε pixel.

Εμφάνιση προσώπων – όταν είναι ενεργοποιημένη, θα εμφανίζονται τα avatar των ατόμων που έχουν ήδη κάνει κλικ σε αυτό το κουμπί.

Γραμματοσειρά – τύπος γραμματοσειράς κουμπιού.

Χρωματικός συνδυασμός – φόντο του χώρου δίπλα στο κουμπί (άσπρο και μαύρο).

Ρήμα για εμφάνιση – όνομα κουμπιού (μου αρέσει, το προτείνω).

Λήψη κώδικα – ένα κουμπί που δημιουργεί τον κώδικα σεναρίου.

1.3 Η Odnoklassniki και ο κόσμος μου

Αυτά τα κοινωνικά δίκτυα έχουν κερδίσει μεγάλη δημοτικότητα Διαδίκτυο ρωσικής γλώσσας, ένας τεράστιος αριθμός ανθρώπων ζει εκεί, επομένως δεν πρέπει να αμελήσετε να εγκαταστήσετε το κουμπί "Class" από την υπηρεσία Odnoklassniki και το κουμπί "Like" από τον ιστότοπο My World.

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

Μέγεθος ύψους – γεωμετρικό μέγεθος κουμπιών.

Εμφάνιση – εμφάνιση του πλαισίου των κουμπιών.

– επιλογή κουμπιών (όπως, κατηγορία)

Μετρητής – ενεργοποιήστε και απενεργοποιήστε το πάτημα του κουμπιού μετρητή (στα δεξιά, στο επάνω μέρος – η θέση του μετρητή).

Κείμενο στα κουμπιά – επιλέξτε ένα από τα τρία διαθέσιμα ονόματα για τα κουμπιά.

Ενσωμάτωση κώδικα – κώδικας σεναρίου που θα πρέπει να εγκατασταθεί στον ιστότοπο.

1.4 Google "+ 1"

Ένα νέο κοινωνικό δίκτυο που απέκτησε τεράστιο κοινό σε σύντομο χρονικό διάστημα. Είναι δύσκολο να φανταστεί κανείς έναν ιστότοπο χωρίς το κουμπί "+1", γιατί... όχι μόνο σας επιτρέπει να προσθέσετε συνδέσμους σε ένα κοινωνικό δίκτυο και να αυξήσετε τον αριθμό των "συν", αλλά μπορεί επίσης να επηρεάσει τα αποτελέσματα του ιστότοπου στο TOP μηχανή αναζήτησης Google.

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

1.5 Twitter

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

Πρώτα πρέπει να επιλέξετε το επιθυμητό κουμπί(μας ενδιαφέρει η πρώτη επιλογή – το κουμπί «αποστολή συνδέσμου»).

Μετά από αυτό, θα εμφανιστεί μια φόρμα στη σελίδα με πολλά πεδία που πρέπει να συμπληρωθούν.

Αποστολή συνδέσμου – επιλέξτε τη σελίδα στην οποία βρίσκεται το κουμπί ή οποιαδήποτε άλλη.

Κείμενο – επιλέξτε το κείμενο που θα εμφανίζεται δίπλα στο κουμπί (ΟΧΙ ΣΤΟ ΙΔΙΟ ΚΟΥΜΠΙ).

Εμφάνιση μετρητή – ενεργοποιήστε ή απενεργοποιήστε τη μέτρηση του αριθμού των πατημάτων κουμπιών.

Χρήση – επιλογή μεθόδου για την προσθήκη μηνύματος συνδέσμου στο Twitter (δεν επηρεάζει τίποτα).

Ετικέτα – επιλέξτε μια ετικέτα που θα δημοσιευτεί στο Twitter (δεν επηρεάζει τίποτα).

Μεγάλο κουμπί – αυξάνει το γεωμετρικό μέγεθος του κουμπιού.

Αρνηθείτε να προσαρμόσετε το Twitter - αρνηθείτε τα στυλ Twitter (καλύτερα να αφήσετε το πλαίσιο μη επιλεγμένο).

Γλώσσα – επιλέξτε τη γλώσσα του κουμπιού.

Στα δεξιά, θα δημιουργηθεί ένας κωδικός που πρέπει να προστεθεί στον ιστότοπο.

1.6 Ya.ru

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

Μέγεθος – μικρό ή μεγάλο μέγεθοςκουμπιά.

Στυλ – επιλέξτε ανάμεσα σε ένα κουμπί ή ένα εικονίδιο.

Παρουσία μετρητή – ενεργοποιήστε ή απενεργοποιήστε τον μετρητή πίεσης κουμπιών.

Η εμφάνιση του κουμπιού είναι ένα παράδειγμα για το πώς θα μοιάζει το κουμπί.

Τίτλος – επιλέξτε έναν τίτλο για τη σελίδα (προσαρμοσμένο ή τον τίτλο της τρέχουσας σελίδας).

Ενσωμάτωση κώδικα – ο απαιτούμενος κωδικός που προστίθεται στον ιστότοπο.

2. Έτοιμα κουμπιάγια το site

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

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

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

Κωδικός - απαιτούμενο σενάριο, το οποίο πρέπει να προστεθεί στον ιστότοπο.

2.2 Κουμπιά PLUSO

Πρόσφατα, ο σχεδιαστής των κουμπιών κοινωνικών δικτύων - PLUSO - έχει κερδίσει μεγάλη δημοτικότητα. Μπορείτε να μεταβείτε στον ιστότοπο χρησιμοποιώντας αυτόν τον σύνδεσμο.

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

Πρώτα πρέπει να επιλέξετε το στυλ των κουμπιών και των μετρητών από πολλά που προσφέρονται (οριζόντια, κάθετα, έγχρωμα, άχρωμα κ.λπ.).

Στη συνέχεια, πρέπει να διαμορφώσετε έναν αριθμό ρυθμίσεων επιλέγοντας

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

Ο κώδικας θα δημιουργηθεί σύμφωνα με τις παραμέτρους που καθορίσατε και μετά θα πρέπει να εισαχθεί στον ιστότοπο.

Σ λαγός42

Μια άλλη υπηρεσία που σας επιτρέπει να σχεδιάζετε κουμπιά για τον ιστότοπό σας είναι το Share42.com/ru.

Αυτή η γεννήτρια σάς επιτρέπει να προσαρμόσετε το μέγεθος των κουμπιών, να προσδιορίσετε τα επιθυμητά κοινωνικά δίκτυα από έναν τεράστιο αριθμό διαθέσιμων και επίσης να επεξεργαστείτε την εμφάνιση των εικονιδίων.

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

Τύπος πίνακα με εικονίδια – εμφάνιση ενός μπλοκ κουμπιών (η επιλογή «κάθετη αιώρηση» είναι πολύ ενδιαφέρουσα).

Περιορίστε τον ορατό αριθμό εικονιδίων – επιλέξτε τον αριθμό των κουμπιών που εμφανίζονται (άλλα θα κρύβονται πίσω από τον σύνδεσμο).

Κωδικοποίηση τοποθεσίας – επιλέξτε την κωδικοποίηση του ιστότοπού σας.

Προσθέστε ένα εικονίδιο για τον ιστότοπο Share42.com - ίσως πρέπει να το αποεπιλέξετε.

Εμφάνιση μετρητών – ενεργοποίηση μετρητή κλικ κουμπιών (μόνο όταν εκτελείται το jQuery).

Εγκατάσταση αυτού του σεναρίουαρκετά περίπλοκο, αλλά περιγράφεται βήμα προς βήμα στον ίδιο τον ιστότοπο του Share42.

3. Πώς να εγκαταστήσετε κουμπιά στον ιστότοπο

Εάν ο κωδικός που πρέπει να τοποθετηθεί στον ιστότοπο αποτελείται από δύο μέρη (όπως συμβαίνει με το κουμπί VKontakte), τότε κάθε τμήμα εγκαθίσταται ξεχωριστά. Εάν ο κωδικός δεν χωρίζεται σε δύο μέρη, τότε αυτό το βήμαμπορείτε να το παραλείψετε.

Το πρώτο μέρος του κώδικα πρέπει να προστεθεί μεταξύ των ετικετών και. Για να το κάνετε αυτό, μεταβείτε στο Πίνακας διαχείρισης WordPressκαι μεταβείτε στον επεξεργαστή προτύπων.

Στον επεξεργαστή προτύπων πρέπει να βρείτε το αρχείο "Header" (header.php), αν δεν υπάρχει, τότε - "Κύριο πρότυπο" (index.php). Τώρα πρέπει να βρείτε την ετικέτα ή. Αν μέσα καθορισμένα αρχείαδεν υπάρχουν τέτοιες ετικέτες (όλα τα θέματα είναι διαφορετικά, αυτό μπορεί κάλλιστα να συμβαίνει), τότε θα πρέπει να ανοίξετε όλα τα αρχεία για επεξεργασία και να αναζητήσετε την ετικέτα σε καθένα από αυτά. Για αναζήτηση, μπορείτε να χρησιμοποιήσετε τη συντόμευση πληκτρολογίου "Ctrl+F".

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

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

Τις περισσότερες φορές, τα κουμπιά προστίθενται πριν από το άρθρο ή στο τέλος. Πιο εύκολη, φυσικά, είναι η δεύτερη επιλογή. Θα το εξετάσουμε.

Πρέπει να βρείτε το μέρος όπου τελειώνει το άρθρο (το κύριο μέρος κειμένου της σελίδας). Για να το κάνετε αυτό, πρέπει να επεξεργαστείτε το αρχείο "Single entry" (single.php).

Τώρα πρέπει να βρείτε τον χειριστή που είναι υπεύθυνος για την εμφάνιση του κύριου περιεχομένου του άρθρου. Στην περίπτωσή μου, αυτό είναι το "the_content", αμέσως μετά τοποθετείται ο κωδικός του κουμπιού.

Ομοίως, μπορείτε να τοποθετήσετε τον κώδικα στην αρχή του άρθρου, απλά πρέπει να βρείτε μια θέση μεταξύ του τίτλου και του κειμένου του άρθρου.