Κωδικός κουμπιού κοινωνικής δικτύωσης. Κουμπιά μέσων κοινωνικής δικτύωσης

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

Κάθε webmaster, αργά ή γρήγορα, σκέφτεται να εγκαταστήσει κουμπιά κοινωνικής δικτύωσης στον ιστότοπό του. Άλλωστε, τώρα κάποιοι άνθρωποι δεν μπορούν να φανταστούν τη ζωή τους χωρίς τα κοινωνικά δίκτυα, γιατί να τους στερήσετε τη δυνατότητά τους να μοιράζονται τα άρθρα σας; Όμως με τον καιρό, πολλές υπηρεσίες κουμπιών κοινωνικής δικτύωσης χάνουν το μυαλό τους και κάνουν ό,τι θέλουν με τους κωδικούς τους, γεμίζοντας ό,τι δεν χρειάζεται. Για αυτήν την παρανοϊκή ιδέα, σε αυτό το άρθρο θα βρείτε κωδικούς για τα πιο καθαρά κουμπιά κοινής χρήσης κοινωνικών δικτύων για τον ιστότοπό σας.

Δεν είναι μυστικό ότι σχεδόν όλες οι υπηρεσίες κουμπιών κοινωνικής δικτύωσης διαρρέουν πληροφορίες σχετικά με τους χρήστες σας όπου χρειάζεται. Ω Θεέ μου! Δεν γίνεται! Μόλις το έμαθα αυτό! - Συγχαρητήρια! Πρέπει να σας χρησιμοποιήσουν με κάποιο τρόπο, για τη δουλειά και τις προσπάθειές τους. Έκαναν καλές υπηρεσίες, με μεγάλη λειτουργικότητα, ευκολία και «ποιότητα». Το μόνο που έχετε να κάνετε είναι να επιλέξετε αυτό που χρειάζεστε και να βάλετε τον κωδικό εκεί που χρειάζεται. Αυτό είναι όλο. Και ποιο είναι το όφελος για αυτούς να κάνουν τέτοιους ελιγμούς στο Διαδίκτυο δωρεάν; Δικαίωμα. Οχι. Έτσι, από καιρό σε καιρό, κάθε τέτοιο γραφείο παγιδεύεται στην απόρριψη δεδομένων σε κάποιο DMP.

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

Λίστα με τις πιο δημοφιλείς υπηρεσίες κουμπιών κοινωνικής δικτύωσης για τον ιστότοπο

share.pluso.ru
uptolike.ru
tech.yandex.ru/share
share42.com
sharethis.com
pip.qip.ru
www.addtoany.com
www.po.st
www.addthis.com
sharebuttons.com

Εάν δεν έχετε αρκετό χρόνο ή είστε πολύ τεμπέλης για να κάνετε περισσότερες από μερικές κινήσεις των χεριών και των φαλαγγών των δακτύλων, τότε μπορείτε να χρησιμοποιήσετε με ασφάλεια αυτές τις υπηρεσίες. Είναι εξαιρετικά για ιστοσελίδες καθώς και για επισκέπτες. Κανείς όμως δεν εγγυάται 100% ασφάλεια των δεδομένων χρήστη, 100% λειτουργία του DNS τους και φόρτωση των τοποθεσιών σας. Εκείνοι. Εάν υπάρχει αποτυχία στους διακομιστές των κουμπιών κοινωνικής δικτύωσης, τότε οι ιστότοποί σας θα φορτώνουν πιο αργά από το συνηθισμένο. Ναι, αυτό συμβαίνει σπάνια, αλλά συμβαίνει. Φυσικά, μπορείτε να εγκαταστήσετε ασύγχρονη φόρτωση αυτών των σεναρίων και να βελτιστοποιήσετε τη δουλειά τους, αλλά αυτά είναι περισσότερα από μερικά βήματα για τα οποία έγραψα για τους τεμπέληδες.

Φυσικά, υπάρχουν κώδικες μέσων κοινωνικής δικτύωσης στο Διαδίκτυο που τοποθετούνται μέσα στον ιστότοπό σας και δεν διαρρέουν πληροφορίες πουθενά, αλλά πολλοί από αυτούς περιέχουν εξωτερικούς συνδέσμους προς τα ίδια κοινωνικά δίκτυα. Στους webmasters δεν αρέσουν οι εξωτερικοί σύνδεσμοι και ως εκ τούτου, για τους πιο παρανοϊκούς webmasters, έχω συλλέξει έτοιμους κωδικούς με βάση το σενάριο του goodshare.ru, για το οποίο πραγματικά τους ευχαριστώ.

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

Μοιάζουν με αυτό:

Έξι κοινωνικά δίκτυα έχουν ρυθμιστεί σύμφωνα με το πρότυπο: Facebook, VKontakte, Odnoklassniki, Moi Mir, Google Plus, Twitter. Υπάρχουν περισσότερα από 30 από αυτά στις ρυθμίσεις του σεναρίου, αλλά όλα αυτά μπορούν να εγκατασταθούν ξεχωριστά εάν το επιθυμείτε. Τα πλεονεκτήματα αυτών των κουμπιών, όπως αναφέρουν οι συγγραφείς, με τα οποία συμφωνώ απόλυτα:

Εξαιρετική οθόνη σε οποιαδήποτε συσκευή (Ναι, προσαρμόζονται σε οποιοδήποτε μέγεθος οθόνης)

Καθαρός κώδικας - γρήγορος και ασφαλής ιστότοπος (φορτώνονται μόνο το σενάριο, το CSS και η γραμματοσειρά, τα οποία βρίσκονται μόνο στον διακομιστή σας)

Όλες οι τεχνολογίες κοινής χρήσης των κινητών messenger σε ένα σενάριο (όλα τα είδη τηλεγραφημάτων)

Φιλικό προς το SEO - χωρίς συνδέσμους

Δεν περιέχει εικόνες

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

Για παράδειγμα, μπορείτε να το τοποθετήσετε σε άδεια μπλοκ DIV ή σε Span ή σε εικόνες ή σε άδειους συνδέσμους και σχεδόν οποιοδήποτε στοιχείο του ιστότοπου μπορεί να μετατραπεί σε αυτά τα κουμπιά. Στο παράδειγμά μου, χρησιμοποίησα ένα σενάριο για κενά Div.

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

Μπορείτε να κατεβάσετε το αρχείο των κουμπιών στο .

Η εγκατάσταση αυτών των κουμπιών είναι πολύ εύκολη. Υπάρχουν μόνο τέσσερα αρχεία στο αρχείο: Γραμματοσειρά, CSS, JS και TXT.

1). Πρέπει να ανεβάσετε τη γραμματοσειρά σε οποιονδήποτε φάκελο στον διακομιστή σας, μπορείτε να την αποθέσετε στο ίδιο σημείο με το JS ή το CSS σας.

2). Στη συνέχεια, ανεβάστε το JS στον διακομιστή σας και εμφανίστε το στον ιστότοπό σας χρησιμοποιώντας κώδικα οπουδήποτε, αλλά προτείνω στο κάτω μέρος της σελίδας:

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

ΣΗΜΑΝΤΙΚΟ: (για όσους αφαίρεσαν μέρος του κώδικα Jquery) το σενάριο του κουμπιού πρέπει να φορτωθεί μετά το σενάριο Jquery.

3). Μετά την εγκατάσταση του JS και της γραμματοσειράς, θα πρέπει να προσθέσετε CSS στον ιστότοπό σας. Απλώς αντιγράψτε ολόκληρο το περιεχόμενο του αρχείου soc.css σε ένα από τα πρόσθετα CSS στον ιστότοπο.

ΣΗΜΑΝΤΙΚΟ: Στη γραμμή 82 του αρχείου soc.css, αλλάξτε τη διεύθυνση URL στη θέση γραμματοσειράς σας!

4). Μετά από όλα αυτά, αντιγράψτε τον κώδικα HTML από το αρχείο HTML.TXT στον ιστότοπό σας όπου θέλετε να δείτε αυτά τα υπέροχα κουμπιά.

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

Και μπορείτε να ελέγξετε τη λειτουργία του σεναρίου ακριβώς κάτω από αυτές τις γραμμές, γιατί είναι αυτό που είναι εγκατεστημένο στο blog μου.

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

Ήμουν μαζί σου, τεμπέλης Σταύρος.

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

Υπηρεσίες που χρησιμοποίησα σε ιστότοπους πελατών και στο ιστολόγιό μου - και . Αυτές οι υπηρεσίες καθιστούν αρκετά εύκολη την υλοποίηση της εργασίας.

Ποιο είναι το πλεονέκτημα των δικών κουμπιών κοινωνικής δικτύωσης έναντι των υπηρεσιών και των προσθηκών;

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

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

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

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

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

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

Εισαγωγή ενός μπλοκ κουμπιών κοινωνικής δικτύωσης στον πηγαίο κώδικα

Θα εξετάσουμε την κλασική επιλογή, όταν τα κουμπιά βρίσκονται μετά το άρθρο.

Αυτό μπορεί να γίνει είτε ανοίγοντας το αρχείο που είναι υπεύθυνο για την έξοδο άρθρων (single.php) και προσθέτοντας ένα μπλοκ κουμπιών κοινωνικής δικτύωσης στον πηγαίο κώδικα. Εναλλακτικά, αυτό μπορεί να γίνει μέσω του αρχείου λειτουργιών του θέματος (functions.php).

Θα σας δείξω και τις δύο επιλογές και εσείς επιλέξτε αυτή που σας ταιριάζει.

Εισαγωγή μπλοκ στον πηγαίο κώδικα single.php

Προειδοποίηση: Πριν ξεκινήσετε οποιαδήποτε ενέργεια, δημιουργήστε ένα αντίγραφο ασφαλείας του αρχείου single.php!

Ανοίξτε τον πίνακα διαχείρισης του WordPress – «Εμφάνιση» – «Επεξεργαστής» – «Μοναδική καταχώρηση (single.php)».

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

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

Φυσικά, θα υπάρχουν κάποιες διαφορές στα πρότυπά σας, αλλά είμαι σίγουρος ότι θα το καταλάβετε, δεν υπάρχει τίποτα περίπλοκο σε αυτό. Και επιπλέον, έχετε ένα αντίγραφο ασφαλείας, δεν υπάρχει τίποτα να φοβάστε.

Και εδώ είναι ο κώδικας html για το μπλοκ των κουμπιών κοινωνικής δικτύωσης:

""sharer","toolbar=0,status=0,width=700,height=400");" href="javascript: void(0)" class="facebook">&subject=","sharer","toolbar=0,status=0,width=700,height=400");" href="javascript: void(0)" class="livejournal">""sharer","toolbar=0,status=0,width=700,height=400");" href="javascript: void(0)" class="twitter ">""sharer","toolbar=0,status=0,width=700,height=400");" href="javascript: void(0)" class="odnoklassniki">&target=blog","shaer","toolbar=0,status=0,width=930,height=500");" href="javascript: void(0)" class="evernote">""sharer","toolbar=0,status=0,width=812,height=585");" href="javascript: void(0)" class="digg">. Κάθε σύνδεσμος έχει τη δική του κλάση, μέσω της οποίας εκχωρείται η εικόνα του κουμπιού.

Αυτό ολοκληρώνει την εισαγωγή μέσω του πηγαίου κώδικα. Και μετά πρέπει να συνδέσετε στυλ css.

Εισαγωγή μπλοκ στον πηγαίο κώδικα single.php μέσω λειτουργιών θέματος

Προειδοποίηση: πριν ξεκινήσετε την εργασία, δημιουργήστε ένα αντίγραφο ασφαλείας του αρχείου functions.php σας!

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

/* Εισαγωγή κουμπιών κοινωνικής δικτύωσης */ add_action("comments_template","soc_button"); συνάρτηση soc_button() ( ?> ","sharer","toolbar=0,status=0,width=700,height=400");" href="javascript: void(0)" class="facebook">&subject=","sharer","toolbar=0,status=0,width=700,height=400");" href="javascript: void(0)" class="livejournal">""sharer","toolbar=0,status=0,width=700,height=400");" href="javascript: void(0)" class="twitter">""sharer","toolbar=0,status=0,width=700,height=400");" href="javascript: void(0)" class="odnoklassniki">&target=blog","shaer","toolbar=0,status=0,width=930,height=500");" href="javascript: void(0)" class="evernote">""sharer","toolbar=0,status=0,width=812,height=585");" href="javascript: void(0)" class="digg">. Διαφορετικά ο ιστότοπος θα σταματήσει να λειτουργεί.

Επεξηγήσεις σχετικά με τον κώδικα: το μέρος όπου θα εμφανίζονται τα κουμπιά κοινωνικών δικτύων καθορίζεται μέσω του κλειδιού API comments_template. Αυτό το κλειδί καθορίζει τη θέση πριν από τα σχόλια. Ο ίδιος ο κώδικας του κουμπιού κοινωνικής δικτύωσης περικλείεται στα backtags PHP ανοίγματος και κλεισίματος. Στον κωδικό τα σημείωσα με κόκκινο. Αυτό είναι όλο το κόλπο της εισαγωγής κώδικα html στην php, μέσω των συναρτήσεων θέματος.

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

Μεταφόρτωση εικόνων κουμπιών στον διακομιστή

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

Το sprite που χρησιμοποιώ ως παράδειγμα είναι μόνο 3,97 kb και περιέχει μόνο τα απαραίτητα κουμπιά. Και επειδή πρόκειται για sprite, τότε υπάρχει μόνο ένα αίτημα στη βάση δεδομένων, και όχι για κάθε κουμπί ξεχωριστά.

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

Σύνδεση στυλ CSS

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

Ανοίξτε λοιπόν το αρχείο style.css, το οποίο είναι υπεύθυνο για το σχεδιασμό του ιστότοπού σας. Και εισάγετε αυτά τα στυλ:

Κοινή χρήση ενός ( οθόνη: inline-block; κατακόρυφη στοίχιση: inherit; περιθώριο: 5px 0 0 2px; padding: 0px; μέγεθος γραμματοσειράς: 0px; πλάτος: 40px; ύψος: 40px; background: url("http://test ..png ") χωρίς επανάληψη κύλισης 0px 0px διαφανές;) .share a.vkontakte ( background: url("http://test..png") no-repeat scroll -168px 0px transparent; ) .share a.google ( background: url("http://test..png") no-repeat scroll -252px 0px transparent; ) .share a.livejournal ( background: url("http://test..png") no-repeat scroll -336px 0px transparent; ) .share a.twitter ( background: url("http://test..png") no-repeat scroll -42px 0px transparent; ://test..png ") χωρίς επανάληψη κύλισης -294px 0px διαφανές; ) .share a.odnoklassniki ( φόντο: url("http://test..png") χωρίς επανάληψη κύλισης -126px 0px διαφανές; ) .share a.pinterest ( background: url("http://test..png") no-repeat scroll -210px 0px transparent; ) .share a.liveinternet ( background: url("http://test..png ") χωρίς επανάληψη κύλισης -378px 0px διαφανές. ) .share a.evernote ( φόντο: url("http://test..png") χωρίς επανάληψη κύλισης -420px 0px διαφανές; ) .share a.bookmark ( background: url("http://test.. png ") no-repeat scroll -462px 0px transparent; ) .share a.email ( background: url("http://test..png") no-repeat scroll -504px 0px transparent; ) .share a.print ( φόντο: url("http://test..png ") χωρίς επανάληψη κύλιση -546px 0px διαφανές ) .share a.digg ( background: url("http://test..png") χωρίς επανάληψη κύλιση - 588px 0px transparent;

Επεξηγήσεις για τον κώδικα: η κλάση.share ορίζει τη γενική εμφάνιση του μπλοκ, το μέγεθος κάθε κουμπιού, εσοχές και ορίζει ένα ενιαίο φόντο. Στη συνέχεια, κάθε σύνδεσμος έχει τη δική του κλάση και σε κάθε τέτοιο σύνδεσμο εκχωρείται ο τύπος κουμπιού μέσω της ιδιότητας φόντου. Τα κουμπιά κατασκευάζονται ως sprite CSS και κάθε κουμπί έχει πλάτος και ύψος 40 εικονοστοιχεία και ένα περιθώριο 2 εικονοστοιχείων μεταξύ τους, το οποίο σας επιτρέπει να προσδιορίσετε με ακρίβεια την εικόνα για κάθε κουμπί. Δηλαδή, το πρώτο κουμπί υποδεικνύεται ως 0, και το δεύτερο ως 42, και ούτω καθεξής. Στον κωδικό, αυτές οι τιμές υποδεικνύονται με πορτοκαλί χρώμα. Ο σύνδεσμος προς το sprite επισημαίνεται επίσης με πορτοκαλί χρώμα.

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

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

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

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

τότε ο σύνδεσμος στο κοινωνικό δίκτυο θα μοιάζει με αυτό:

Εδώ "Σήμερα είναι τα γενέθλια του allsoft.ru - 8 χρόνια :)" είναι το κείμενο που έγραψε ο χρήστης, τα υπόλοιπα είναι πληροφορίες από μετα-ετικέτες. Μπορείτε να διαβάσετε περισσότερα για αυτές τις μετα-ετικέτες στη σελίδα του Facebook developers.facebook.com/docs/share, και άλλα κοινωνικά δίκτυα τα καταλαβαίνουν επίσης αρκετά καλά.

Πώς λειτουργεί γενικά αυτός ο μηχανισμός:
1. Όταν ο χρήστης κάνει κλικ στο κουμπί, το γραφικό στοιχείο μεταδίδει έναν σύνδεσμο προς τη σελίδα στον διακομιστή κοινωνικής δικτύωσης.
2. Διακομιστής κοινωνικής δικτύωσης Το ίδιο το δίκτυο έχει πρόσβαση σε αυτόν τον σύνδεσμο και διαβάζει πληροφορίες σχετικά με τη σελίδα - τίτλος, περιγραφή, εικόνα.
3. Διακομιστής κοινωνικής δικτύωσης Το δίκτυο αποθηκεύει προσωρινά τις πληροφορίες σελίδας στο πλάι του και τις εμφανίζει σε σελίδες κοινωνικών δικτύων

Πώς να στείλετε διαφορετικές περιγραφές για μια σελίδα.
Για παράδειγμα, κατά τη δημιουργία μιας διαφημιστικής σελίδας στο allsoft.ru με ένα χιουμοριστικό τεστ, ήταν απαραίτητο να μεταδοθούν διαφορετικές περιγραφές στα κοινωνικά δίκτυα για τον διαφορετικό αριθμό πόντων που σημείωσε ο χρήστης στο τεστ. Εφόσον το κοινωνικό δίκτυο λαμβάνει μια περιγραφή μιας σελίδας κάνοντας κλικ σε έναν σύνδεσμο, απαιτούνται διαφορετικοί σύνδεσμοι για διαφορετικές περιγραφές. Επιπλέον, το Twitter επιτρέπει μόνο 140 χαρακτήρες, επομένως χρειάζεται ξεχωριστή, συντομότερη περιγραφή.

Νέο Ya.share(( στοιχείο: "ya_share_normal", elementStyle: ( "type": "none", "quickServices": ["facebook","twitter","odnoklassniki","vkontakte","moimir"] ) σύνδεσμος: "http://allsoft.ru/promo/allsoft8let/?share=normal", serviceSpecific: ( twitter: ( τίτλος: "Αποτέλεσμα δοκιμής: Ο Δράκος είναι σχεδόν το δυνατό σου σημείο! Δεν μπορείς ακόμα να διδάξεις Δραγονολογία, αλλά στο σωστό δρόμο!" ) ) ));
1. Εδώ ya_share_normal είναι το αναγνωριστικό του στοιχείου στη σελίδα (), στο οποίο θα εμφανιστεί το μπλοκ με τα κουμπιά κοινωνικής δικτύωσης, ο σύνδεσμος είναι ο σύνδεσμος, ενώ στο serviceSpecific for Twitter υποδεικνύουμε τον τίτλο, ο οποίος διαφέρει από αυτό που υπάρχει στο og: μετα-ετικέτα τίτλου.

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

και 4 μπλοκ κώδικα JavaScript όπως παραπάνω.

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

τότε ο σύνδεσμος στο κοινωνικό δίκτυο θα μοιάζει με αυτό: