საკუთარი სოციალური ღილაკები. გააკეთეთ საკუთარი ხელით სოციალური ღილაკები მესამე მხარის სერვისების გარეშე ღილაკი გაზიარდება სოციალურ ქსელებში

გამარჯობა, ბლოგის საიტის ძვირფასო მკითხველებო. როგორც სათაურიდან უკვე მიხვდით, ჩვენ ვისაუბრებთ ეგრეთ წოდებულ სოციალურ ღილაკებზე, რომლებიც სერიოზულად დაგეხმარებიან თქვენს საიტზე სტატიების მოზიდვაში, წარმატებული გარემოებების და თავად სტატიის მაღალი ხარისხის პირობებში, დიდი რაოდენობით. ვიზიტორები სოციალური ქსელებიდან და სერვისებიდან.

სოციალური სიგნალები ასევე გათვალისწინებულია საძიებო სისტემების მიერ თქვენი საიტის რეიტინგისას. მაღალი ხარისხის ანგარიშებზე გაზიარების დიდი რაოდენობა Twitter-ზე, Google+-ზე, Facebook-ზე (შესაძლებელია, რომ VKontakte და სხვა ქსელებიც იყოს გათვალისწინებული) საშუალებას მოგცემთ აწიოთ გარკვეული საფეხურები ზემოთ და, შესაძლოა, შეხვიდეთ ზედა და დარჩით იქ, თუ ქცევითი ფაქტორები არ გაგცემთ.

ზოგადად, არსებობს უამრავი სერვისი, რომელიც გთავაზობთ სკრიპტებს (ღილაკებს) ინტერნეტში სოციალურ ქსელებში შინაარსის გასაზიარებლად, მაგრამ ყველა მათგანს არ უნდა ენდოთ (მათ შეუძლიათ ადვილად გამოგიყენონ ან სხვა გზით ცუდი მიზეზების გამო). და მათ შეუძლიათ უბრალოდ „დაკიდონ საიტი“, თუ მათი კოდი არ არის კარგად განთავსებული და მათი სერვერების გამოთვლითი შესაძლებლობები არ არის ძალიან ძლიერი. მიუხედავად იმისა, რომ არსებობს ღირსეული ვარიანტები, რომლებიც თავისუფალია ამ ხარვეზებისგან, და მე ისინი ჩამოვთვალე ამ პუბლიკაციის ბოლოს.

ასევე შესაძლებელია ღილაკებზე გამოჩნდეს კონკრეტული სოციალური ქსელის გაზიარებების რაოდენობა. უფრო მეტიც, მხედველობაში მიიღება ყველა პოსტი და არა მხოლოდ ამ ბლოკის გამოყენებით გაკეთებული (მონაცემები იტვირთება API-ის საშუალებით). მართალია, ყველა სოციალური ქსელი არ არის მხარდაჭერილი (მხოლოდ facebook, Google+, Moi Mir, Odnoklassniki.ru, VKontakte), მაგრამ ყველაზე მთავარი. სამწუხაროა, რომ Twitter ახლახან ამოიღეს ამ სიიდან, რადგან... მან შეწყვიტა ამ მონაცემების მიწოდება API-ით.

მაგალითად, აქ შეგიძლიათ შეამციროთ სათაურები Twitter-ზე გაზიარებისთვის, რადგან არსებობს მათი სიგრძეზე შეზღუდვა (წაიკითხეთ როგორ გააკეთოთ ეს ქვემოთ), დააკონფიგურიროთ თუ არა გაზიარების მრიცხველების ჩვენება, დააყენოთ მენიუს გაფართოების მიმართულებები სოციალური ქსელის დამატებითი ღილაკებით. , და უფრო მეტი. ზოგადად, ირგვლივ იჭრება და დაათვალიერე.

ზოგადად, მშობლიურ გაზიარების ღილაკებთან შედარებით, რომლებიც გვთავაზობენ სოციალური ქსელების დაყენებას საიტზე (ამის შესახებ წაიკითხეთ ქვემოთ), Yandex ბლოკი იმარჯვებს დატვირთვის სიჩქარეში, კომპაქტურობასა და ინსტალაციისა და კონფიგურაციის სიმარტივეში. მაგალითად, წარსულში ჩემი ოფიციალური Twitter ღილაკი ხშირად არ იტვირთებოდა სერვერთან დაკავშირებული პრობლემების გამო, ამიტომ ჩემი ბლოგის მარცხენა მენიუ, დამზადებული Java სკრიპტით, დიდი ხნის განმავლობაში არ იტვირთებოდა. შესაძლებელია, რომ ეს პრობლემა ახლა მოგვარებულია, მაგრამ ბევრი სკრიპტი ყოველთვის იქნება ერთზე უარესი საიტის დატვირთვის სიჩქარის ოპტიმიზაციის თვალსაზრისით.

ვფიქრობ, Yandex-ს ნაკლებად სავარაუდოა, რომ პრობლემები ჰქონდეს ხელმისაწვდომობასთან დაკავშირებით, რადგან ეს არის შემოსავლიანი კომერციული ორგანიზაცია, რომელიც საკმაოდ მგრძნობიარეა მისი იმიჯის მიმართ. გარდა ამისა, თუ გაქვთ, მაშინ შეგიძლიათ თვალყური ადევნოთ ამ ღილაკებზე დაწკაპუნების სტატისტიკას, რაც შეიძლება სასარგებლო იყოს.

ჩვეულებრივი ზომის ხატებით ბლოკის გარდა, შეგიძლიათ გააკეთოთ ბლოკი მრიცხველებით, ხოლო Yandex ასევე გთავაზობთ ჩამოსაშლელი მენიუს დამატებას დამატებითი სოციალური ქსელებით, რომელიც დაიმალება სპოილერის ქვეშ, რომელიც მდებარეობს ღილაკების საჭირო რაოდენობის ჩვენების შემდეგ. ძირითადი სოციალური ქსელები (როგორიცაა VKontakte, MoiMir, ):

თუ გსურთ ამ ბლოკის ღილაკებს მრიცხველების დამატება (ჩასაშლელი მენიუთი), მაშინ უბრალოდ ჩადეთ კიდევ ერთი ატრიბუტი მის კოდში საიტზე (Div ტეგებს შორის): data-counter="“ და ეს არის ის. როგორც ვთქვი, ეს არ შეიძლება იყოს უფრო მარტივი, შეგიძლიათ გამოიყენოთ მრიცხველები ასევე დაემატება პატარა ღილაკებს, რომლებიც განიხილება ქვემოთ:

Data-services="vkontakte,odnoklassniki,facebook,gplus,twitter,moimir,blogger,digg,reddit,linkedin,lj"

თქვენ ასევე შეგიძლიათ შეცვალოთ ყველა ხატულა მათი პატარა ღილაკების ესკიზებით, რაც პირადად მე გამომადგება ამ ბლოგის ყველა სტატიის ზედა ნაწილში ბლოკის ჩასმისას:

პირველ ნაწილში, გახსნის და დახურვის SCRIPT ტეგები შეიცავს სკრიპტის გზას, რომელიც ჩაიტვირთება Yandex სერვერიდან, ხოლო მეორე ნაწილი შეიცავს თავად ჩასმის კოდს, რომელიც უნდა განთავსდეს თქვენს შაბლონში იმ ადგილას, სადაც ეს ბლოკი გამოჩნდება.

როგორ ჩავსვათ სოციალური ღილაკები Yandex-იდან ვებსაიტზე

ამიტომ, სკრიპტის დარეკვის კოდს ჩავსვამ Div ბლოკთან ერთად იმ ადგილას, სადაც სოციალური მედიის ღილაკები უნდა იყოს ნაჩვენები. ისე, რომ მისი ჩატვირთვა არ იმოქმედებს მთავარი გვერდის დატვირთვის სიჩქარეზე, მე, Yandex-ის დოკუმენტაციაში მოცემული რჩევის შემდეგ, დავამატე მას async="async" ატრიბუტი, რითაც დავიწყე სკრიპტის ასინქრონული დატვირთვა:

პრობლემა შეიძლება წარმოიშვას თქვენი საიტის ძრავის მრავალ ფაილს შორის, რომელიც პასუხისმგებელია Html კოდის ქვედა ნაწილის გენერირებაზე დახურვის ტეგით /BODY ან ის, რომელიც ქმნის Head-ს. ასევე იპოვნეთ ადგილი თემის ფაილებში, სადაც გჭირდებათ კოდის ნაწილის ჩასმა Div ტეგებში (თვითონ ღილაკების განსათავსებლად).

პრინციპში, როგორც WordPress-ში, ასევე Joomla-ში, ეს კეთდება გამოყენებული თემის ერთ-ერთ ფაილში. იმიტომ რომ ეს ბლოგი მუშაობს WordPress-ზე, ამიტომ მე ვისაუბრებ მასზე.

თუ თქვენ მუშაობთ WordPress-თან, მაშინ სკრიპტის გამოძახების კოდის ჩასართავად დაგჭირდებათ ფაილის footer.php გახსნა რედაქტირებისთვის (თქვენ იპოვით დახურულ Body ტეგს ან header.php-ს (იქ იპოვით Head ტეგებს) საქაღალდედან:

/wp-content/themes/საქაღალდის სახელი_with_theme_used/footer.php

ახლა რჩება მხოლოდ Yandex სოციალური ღილაკების კოდის მეორე ნაწილის ჩასმა, რომელიც პასუხისმგებელია ბლოკის მდებარეობაზე ღილაკებით საიტის გვერდებზე, თქვენს ვებსაიტის შაბლონში სწორ ადგილას ან პირდაპირ სტატიაში:

სხვათა შორის, კიდევ ერთხელ გავაკეთებ დაჯავშნას: თუ გსურთ ამ ბლოკიდან რომელიმე ღილაკის ამოღება, აღარ გჭირდებათ Yandex-ის ვებსაიტზე კონსტრუქტორზე გადასვლა. თქვენ შეგიძლიათ უბრალოდ ამოიღოთ მისი ჩანაწერი ამ სიიდან (მას შემდეგ მძიმებთან ერთად, მაგალითად, „vkontakte“). აბა, გესმის...

ასევე, თქვენ ასევე შეგიძლიათ შეცვალოთ ღილაკების პოზიციონირება ბლოკის შიგნით CSS-ის გამოყენებით.

Li.ya-share2__item (ფონი: არცერთი! მნიშვნელოვანი; padding: 0 7px 0 7px! მნიშვნელოვანი;)

იმიტომ რომ მე ვიყენებ განლაგებას, რომელიც ადაპტირებადია მობილური მოწყობილობებისთვის, ამიტომ დაბალი ეკრანის გარჩევადობის მქონე მოწყობილობებს დავამატე მსგავსი ხაზი, სადაც დავაყენე ოდნავ პატარა ჩაღრმავები, მაგრამ ეს არის დეტალები:

Li.ya-share2__item (შეფუთვა:0 3px 0 3px! მნიშვნელოვანი;)

ზოგადად, მსგავსი რამ არის, როდესაც საქმე ეხება ჩემს WordPress ბლოგს. Joomla-ში, ამ ბლოკის ჩასართავად, ალბათ ყველაზე მარტივი იქნება Custom Html Code მოდულის გამოყენება, მისი განთავსება შაბლონის პოზიციაზე სადღაც სტატიის ტექსტის ქვემოთ.

ოფიციალური სოციალური მედიის ღილაკები

თავად ბევრი სოციალური ქსელი ყველას აძლევს შესაძლებლობას ჩამოტვირთოთ ღილაკის კოდი და ხშირად შეგიძლიათ მისი გარეგნობისა და ფუნქციონირების მორგებაც კი. მაგალითად, შეგიძლიათ დააკონფიგურიროთ და მიიღოთ სკრიპტის კოდი პოსტის გაზიარებისთვის.

როგორც ხედავთ, საკმაოდ ბევრი პარამეტრია და VKontakte ღილაკის გარეგნობის გარდა, ასევე შეგიძლიათ დააკონფიგურიროთ მრიცხველის ჩვენება, რომელიც აჩვენებს აქციების რაოდენობას.

თქვენ შეძლებთ მიიღოთ Facebook ღილაკი. ის ძალიან მოქნილად არის მორგებული თქვენს საჭიროებებზე და არ დაგაბნიოთ მასზე არსებული ინგლისური წარწერები, რადგან როდესაც თქვენ განათავსებთ მის კოდს თქვენს ვებსაიტზე, წარწერები ავტომატურად ითარგმნება რუსულად.

ჯობია URL-ის ველში არაფერი ჩადოთ, შემდეგ გაზიარდება გვერდი, რომელზეც ეს კოდი მდებარეობს.

ეს დაახლოებით ასე გამოიყურება:

ეს დაახლოებით ასე გამოიყურება:

და, რა თქმა უნდა, არ შემიძლია არ აღვნიშნო ოფიციალური Twitter ღილაკი, რომელიც შედარებით ცოტა ხნის წინ გამოჩნდა. მისი კონსტრუქტორი მდებარეობს. ბუნებრივია, ის იძლევა რეტვიტების რაოდენობის დათვლის შესაძლებლობას და გექნებათ შესაძლებლობა დააყენოთ მისი გარეგნობა:

შემდეგ მიღებული კოდის ოდნავ მოდერნიზება მოვახდინე ზემოთ აღწერილი პრინციპის მიხედვით, რათა ჩემი გრძელი სათაურები ამოიჭრას და არ შეუქმნას მომხმარებლებს დამატებითი პრობლემები გაზიარებისას.

სხვა ვარიანტები სოციალური მედიის ღილაკების მისაღებად თქვენი ვებსაიტისთვის

როგორც უკვე ვთქვი, არსებობს უამრავი სახის ონლაინ სერვისი, სადაც შეგიძლიათ უფასოდ აიღოთ სკრიპტი სოციალური ქსელის ღილაკებისთვის და განათავსოთ იგი თქვენს ვებსაიტზე. ისინი ყველა განსხვავებულ მიზნებს ატარებენ: „გულიდან“ (როგორც Dimoxa სერვისის შემთხვევაში), შეაგროვონ მონაცემები, რომლებიც აუცილებელია სხვა სერვისების ფუნქციონირებისთვის (როგორც ApTuLike-ის შემთხვევაში) ან მოგებისთვის (ვირუსები და სხვა უკანონო თაღლითები). ტრაფიკი, რომელიც გაქვთ თქვენს საიტზე). ასევე არსებობს უბრალოდ ფასიანი გადაწყვეტილებები, მაგალითად, ქვემოთ ნახსენები მოდულის მსგავსად.

ძნელი სათქმელია, რა უნდა აირჩიოს ამ ჯიშიდან. მე ვიტყვი რამდენიმე სიტყვას იმის შესახებ, რისი გამოცდა მქონდა და რაზეც ადრე დავწერე.

ზოგადად, შეხედეთ, შეადარეთ და თავად შეარჩიეთ.

Წარმატებას გისურვებ! მალე შევხვდებით ბლოგის საიტის გვერდებზე

შეიძლება დაგაინტერესოთ

ჩვენ ვქმნით ღილაკებს სოციალურ ქსელებში დასამატებლად და სანიშნეებისთვის WordPress ბლოგისთვის (პლაგინების და სკრიპტების გარეშე) სავარაუდოდ - ცალკე სოციალური ღილაკები საიტისთვის
ღილაკები მობილური საიტებისთვის Uptolike-დან + მესინჯერებში ბმულების გაზიარების შესაძლებლობა UpToLike - სოციალური ღილაკების შემქმნელი თქვენი საიტისთვის გაფართოებული ფუნქციონირებით
Uptolike Share Buttons - უფასო მოდული WordPress-ზე სოციალური მედიის ღილაკების დასამატებლად
uSocial - თქვენი ვებსაიტის სოციალური ღილაკების ახალი სერვისის მიმოხილვა
ვიზიტორთა ტრაფიკის მოზიდვა თქვენს ვებსაიტზე SMO მეთოდების გამოყენებით (ფორუმები, სოციალური ქსელები, გამოწერის ჯგუფები) როგორ დავამატოთ თქვენს ვებსაიტს ბლოკი ღილაკებით, რომლებიც მიდის თქვენს გვერდებზე ან ჯგუფებში სოციალურ ქსელებში, ასევე RSS არხზე
Google+1 და მე მომწონს Vkontakte-დან და Facebook-დან - როგორ დავამატო მოწონების ღილაკები თქვენს ვებსაიტზე

06.12.14 10.2 კ

არ კბენს? და მათ უკვე დიდი თანხა დახარჯეს ვიზიტორების კვებაზე. დაყენებული გაქვთ სოციალური მედიის ღილაკები საიტისთვის? Ნათელია! დაავადების ყველა სიმპტომი აშკარაა - საიტი ასოციალურია. ვუმკურნალებთ.

რატომ სჭირდება ვებსაიტს სოციალური მედიის ღილაკები?

ვებგვერდის გვერდებზე სოციალური ღილაკების არსებობა არ არის მხოლოდ სავალდებულო ატრიბუტი, ან მოდის აქსესუარი. უპირველეს ყოვლისა, სოციალური ღილაკები ეხმარება რესურსის მფლობელს დაზოგოს ფული ვებსაიტის პოპულარიზაციაზე. ამ შემთხვევაში, ხელშეწყობა ხდება ვიზიტორების დახმარებით. ხოლო მფლობელს შეუძლია მხოლოდ შეავსოს თავისი საიტი ხარისხიანი შინაარსით და დაელოდოს ახალი მომხმარებლების შემოდინებას:


მაგრამ ეს ღილაკები საჭიროა არა მხოლოდ ვებსაიტების მფლობელებს. მათი განთავსება მნიშვნელოვანია თავად სოციალური ქსელებისთვისაც. თითოეული ეს ღილაკი არის ბმული, რომელიც მიდის სოციალურ პორტალში. და ამ ბმულების გაცვლის წყალობით, შენარჩუნებულია მომხმარებლის აქტივობის მაღალი დონე თავად სოციალურ ქსელებში. სწორედ ამიტომ პოპულარული სოციალური ქსელები აწვდიან საიტებს მზა კოდებით მათი ღილაკებისთვის.

რა არის ჩვეულებრივი სოციალური ღილაკი?

მაგალითად, ავიღოთ სკრიპტი VKontakte სოციალური ღილაკისთვის. მისი კოდი:

კოდის ეს ნაწილი უნდა განთავსდეს საიტის გვერდის ე.წ. ეს კოდი განსაზღვრავს სკრიპტის მისამართს, რომელიც უნდა შესრულდეს სოციალური ღილაკის დაჭერისას. აქ არის კოდის მეორე ნაწილი, რომელიც პასუხისმგებელია ღილაკის გამოსახულების ჩვენებაზე:

კოდის მეორე ნაწილი უნდა განთავსდეს გვერდის იმ ნაწილში, სადაც გამოჩნდება ღილაკი:


ღილაკის გარეგნობა მარტივად შეიძლება დარეგულირდეს. ამისათვის თქვენ უნდა გადახვიდეთ სპეციალური ტექნიკური დახმარების განყოფილებაში სოციალური ქსელის ვებსაიტზე. აქ შეგიძლიათ დააყენოთ ღილაკის სტილი, რომლის მიხედვითაც წარმოიქმნება მისი კოდი. მარტივი განსახლების პარამეტრები

არსებობს სპეციალიზებული სერვისები, რომლებიც საშუალებას გაძლევთ ერთდროულად განათავსოთ ღილაკები ყველა პოპულარული სოციალური ქსელისთვის თქვენს ვებსაიტზე. ეს ბევრად უფრო ადვილია, ვიდრე სკრიპტების ჩასმა თითოეული მათგანისთვის ცალკე. მოდით შევხედოთ ამ სერვისებიდან ყველაზე პოპულარულს:

ბევრი მოდული სოციალური ღილაკების ჯგუფური ინსტალაციისთვის შეიქმნა პოპულარული CMS-ებისთვის. მოდით შევხედოთ WordPress მოდულის სოციალური გაზიარების ღილაკების დაყენების მაგალითს.

ამ გაფართოების დადებითი ასპექტები არის მთლიანად რუსულენოვანი ინტერფეისი, დაყენების სიმარტივე და "მორგებული" პოპულარული სოციალური ქსელებისთვის Runet:

WordPress-ისთვის სოციალური ღილაკების მოდულის დაყენების პროცედურა.

1) გადადით საიტის ადმინისტრაციულ პანელზე. მარცხნივ, აირჩიეთ ჩანართი "Plugins", "ახლის დამატება".
2) "დააინსტალირეთ დანამატები" გვერდზე, შეიყვანეთ გაფართოების სახელი საძიებო ველში და დააწკაპუნეთ ღილაკზე "მოდულების ძებნა":

ასევე შეიქმნა მრავალი დანამატი ამ ძრავისთვის სოციალური ღილაკებით მუშაობისთვის. მოდით შევხედოთ გაფართოების ინსტალაციის პროცესს SocButtons-ის გამოყენებით. ამ მოდულის მახასიათებლები:

  • მხარს უჭერს ძრავის ყველა ყველაზე პოპულარულ ვერსიას;
  • მარტივი დაყენება;
  • გარეგნული მახასიათებლები დაყენებულია თითოეული ღილაკისთვის ცალ-ცალკე;
  • მსუბუქი სამონტაჟო პაკეტი.

Პროცედურა:

1) გადადით Joomla-ს საიტის ადმინისტრაციულ ნაწილში და აირჩიეთ „გაფართოების მენეჯერის“ ხატულა.
2) აქ ჩვენ განვსაზღვრავთ გაფართოების ჩამოტვირთვის წყაროს:


3) გაფართოების დაყენების შემდეგ გადადით „Plugin Manager“-ზე და გაააქტიურეთ ახლად დაყენებული გაფართოება. ამისათვის დააწკაპუნეთ მწვანე ხატულაზე გვერდის ზედა ნაწილში:
4) კონფიგურაციისთვის დააწკაპუნეთ გაფართოების სახელზე სიაში. ამ დანამატში, ჩვენების პარამეტრები დაყენებულია თითოეული სოციალური ღილაკისთვის ცალკე:
კიდევ რამდენიმე დადასტურებული გაფართოება Joomla-სთვის:
  • სოციალური სანიშნე – ეს მოდული არსებობს რამდენიმე ვერსიით. თითოეული საშუალებას გაძლევთ განათავსოთ სოციალური პანელი გარკვეულ მდგომარეობაში (ჰორიზონტალურად, ვერტიკალურად ან თუნდაც გახადოთ ის მცურავი);
  • JL Like – ეს დანამატი არ ატვირთავს დამატებით გარე სკრიპტებს და საშუალებას გაძლევთ შეინახოთ ხმების სტატისტიკა სოციალური ქსელებიდან.
სკრიპტი თუ მოდული?

მოდულის დაყენება ყველაზე მარტივი და სწრაფი ვარიანტია. ყველაზე ხშირად, მისი ინსტალაციის შემდეგ, მთელი საიტი გამართულად მუშაობს. მაგრამ ყველაფერი შეიძლება დაიშალოს ძრავის ვერსიის უფრო ახალზე განახლებისთანავე.

აქ არის ფრაზა "ვის სურს შეიძინოს პროგრამული უზრუნველყოფა აქციაზე 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: ( title: "ტესტის შედეგი: დრაკონი თითქმის შენი ძლიერი მხარეა! დრაკონოლოგიას ჯერ ვერ ასწავლი, მაგრამ სწორ გზაზე!")))));
1. აქ ya_share_normal არის ელემენტის ID გვერდზე (), რომელშიც გამოჩნდება ბლოკი სოციალური ღილაკებით, ბმული არის ბმული, პლუს სერვისშიSpecific-ში Twitter-ისთვის მივუთითებთ სათაურს, რომელიც განსხვავდება og-ში მოცემულისგან: სათაურის მეტა ტეგი.

ამრიგად, დავალებისთვის „3 განსხვავებული ტესტის შედეგი პლუს საერთო ბმული ტესტის გარეთ გვერდისკენ“ გვექნება 4 ტეგი:

და JavaScript კოდის 4 ბლოკი, როგორც ზემოთ.

როგორ შევცვალოთ სოციალური ქსელის მიერ ქეშირებული სათაური და აღწერა.
1. ფეისბუქისთვის არის საუკეთესო გზა: გადადით მათ დებაგერზე

ინტერნეტში ალბათ არ დარჩენილა ისეთი საიტები, რომლებიც არ შეიცავს გამოქვეყნების ღილაკებიმასალები სოციალურ ქსელებში. ამ უკანასკნელებმა დიდი ხანია და მტკიცედ დაიკავეს ადგილი ჩვენს ცხოვრებაში. იქ ვურთიერთობთ, ვიცნობთ ერთმანეთს, ხელს ვუწყობთ ბიზნესს, ვკითხულობთ ახალ ამბებს და ა.შ. სრული ასორტიმენტი. გასაკვირი არ არის, რომ ვებმასტერები ცდილობენ გააფართოვონ თავიანთი საიტები სოციალურ ქსელებში ნებისმიერი ხელმისაწვდომი საშუალებით. ყოველივე ამის შემდეგ, არსებობს უამრავი პოტენციური ტრაფიკი, რომელიც აბსოლუტურად ყველას სჭირდება. ვიზიტორთა ნაკადი ნიშნავს ფულს, რეპუტაციას, ზრდას. ყველაფერი მის გარშემოა აგებული. გემრიელი ნაჭერი.

სოციალური ღილაკები აუცილებელია, ეს აშკარაა. კითხვა სხვაა - რომელი აირჩიოს?ჩვენ გამოვცადეთ ის თქვენთვის TOP 5 სხვადასხვა სერვისისაიტებზე ღილაკის კოდის დასამატებლად. მიზანია ოპტიმალურის გამოვლენა და დეტალურად ჩვენება. დავიწყოთ შესარჩევი ეტაპით.

საუკეთესო სოციალური ღილაკების სერვისის არჩევა

შედარებისთვის კანდიდატების არჩევანი ტრივიალური აღმოჩნდა - ავიღეთ ყველაზე პოპულარული სერვისები, რომელიც ნებისმიერ ადამიანს, ვინც საერთოდ იცნობს ვებგვერდის შექმნის თემას, სმენია. არ არის იშვიათი, რომელიც პოპულარობას იძენს, მხოლოდ გამოცდილი მოხუცები.

სერტიფიცირებული გუნდის შემადგენლობა ასეთია:

შერჩეული სოციალური სერვისების ტესტირების შედეგად - uSocial იყო ლიდერი. ახლა თქვენ გსურთ მიიღოთ ჩვენი არჩევანის დასაბუთება. რა თქმა უნდა, უსაფუძვლო არ დავრჩებით.

uSocial ღილაკების მახასიათებლები

მივცეთ ზოგიერთი ფაქტი, რომელმაც დაგვარწმუნა, რომ გადაწყვეტილება სწორი იყო.


ნაბიჯი-2

ჩვენ ვაგროვებთ სოციალური ღილაკების კომპლექტს. შეუძლია აირჩიოს ნაჩვენებიასოციალური ქსელის სერვისები, ღილაკების ფორმა და სტილი.

აქ შეგიძლიათ გაააქტიუროთ ღილაკი "Up", ჩართოთ მობილური მოწყობილობების მხარდაჭერა, დაუკავშიროთ სერვისები Viber, WhatsApp, Telegram, SMS.

ნაბიჯი-4

თქვენი uSocial პირადი ანგარიშიდან სოციალური ზოლის დაყენების შემდეგ, შეგიძლიათ ნახოთ მოწონებების და ხელახალი გამოქვეყნების სტატისტიკაშერჩეული პერიოდისთვის, როგორც ერთდროულად ყველა სოციალური ქსელისთვის, ასევე შერჩეულისთვის. მონაცემები ნაჩვენებია მკაფიო გრაფიკებში ან სქემებში.

თუ სოციალური მეტათეგები სწორად არის შევსებული, პოსტებს სოციალური სერვისები სწორად აღიქვამენ, რადგან მათში მითითებულია მასალის ტიპი, შესაბამისი სათაური და სასურველი სურათის ბმული. ეს ყველაფერი ზრდის ხელახალი გამოქვეყნების ეფექტურობას: თქვენი მასალა სწორად იქნება ინდექსირებული სოციალური სერვისების მიერ.

მაგალითები მიკრო მარკირების კოდიპოპულარული სოციალური ქსელებისთვის (კოდი უნდა დაიწეროს ტეგამდე):

1. ფეისბუქიდა კონტაქტშიგამოიყენეთ Open Graph პროტოკოლი:





3. ამისთვის Twitterკოდი ასე გამოიყურება:



4. ამისთვის Google+Ისე:

- ბმული ავტორის პროფილზე Google+-ზე
- საიტის დასახელება
- ნაწყვეტი ტექსტი (40 სიმბოლომდე)
- საიტის აღწერა
- გზა გამოსახულების ფაილამდე

ხელსაწყოებიმიკრო მარკირებასთან მუშაობისთვის.

  • ხატების დამატება პროფილებსა და ჯგუფებში სოციალურ ქსელებში
  • საიდუმლო არ არის, რომ მრავალი წელია არსებობს სოციალური ქსელის სპეციალური ღილაკები, რომელთა დაყენება ვებსაიტზე საშუალებას გაძლევთ ნახოთ ტრაფიკის ზრდა და ამავდროულად ხელი შეუწყოთ თქვენი რესურსისთვის PR კამპანიის შემუშავებას. მასალების გაზიარება უზრუნველყოფს პოტენციური მომხმარებლების, მკითხველებისა და აბონენტების გიგანტურ აუდიტორიას.

    სოციალური ქსელის გაზიარების ხელსაწყოების დაყენებით, საძიებო სისტემებიდან საიტისადმი ნდობის დონე იზრდება. მეთოდი ასევე კარგად მუშაობს, როგორც ორგანული ძიების შედეგების პოპულარიზაციის ნაწილი მიკრო დაბალი სიხშირის მოთხოვნებისთვის, თუ თქვენ დაამატებთ უნიკალურ კომენტარებს წილს.

    ჩვენი სტატია გეტყვით, თუ როგორ უნდა აირჩიოთ, სწორად დააინსტალიროთ და დაამატოთ მოსახერხებელი და ლამაზი სოციალური ღილაკები თქვენს ვებსაიტზე; რა სერვისები გვთავაზობს მათ მომსახურებას და რა არის მათი უპირატესობები; როგორ დაამატოთ კოდი და თავად მოარგოთ სოციალური მედიის ღილაკები.

    გაზიარება სოციალური მედიის საშუალებით ღილაკები საშუალებას გაძლევთ გაზარდოთ საიტის ტრაფიკი 20%-მდე!

    სერვისების უპირატესობები და უარყოფითი მხარეები

    ეფექტური გაზიარების ხელსაწყოების დამატება შესაძლებელია ორი გზით:

    მრავალფუნქციური სერვისი მომხმარებლებს სთავაზობს პერსონალიზაციისა და დიზაინის უამრავ შესაძლებლობებს, არ საჭიროებს სპეციალურ უნარებს და აქვს ინტუიციური ინტერფეისი ლამაზი ელემენტების შესაქმნელად.

    ყველა სერვისი არის პლატფორმა, სადაც მონაცემების შეყვანის შემდეგ იქმნება კოდი, რომელიც უნდა განთავსდეს ვებგვერდზე.

    ამ "დამხმარეების" მთავარი უპირატესობები მოიცავს:

    • ინტეგრაციის სიმარტივე და სწავლის სიმარტივე;
    • ყველა შესაბამისი სოციალური ქსელის დაუყოვნებლივ დაფარვის შესაძლებლობა. ქსელები "ერთი დარტყმით";
    • ღილაკების გარეგნობის არჩევის ცვალებადობა და მათი ესთეტიკური მიმზიდველობა;
    • ბლოკის ზოგადი სტილისა და გეომეტრიის შენარჩუნება, არჩეული სოციალური ქსელების მიუხედავად.

    გადასვლის სტატისტიკა მოხერხებულად კონტროლდება Yandex.Metrica-სა და Google Analytics-ში.

    და მაინც არაფერია სრულყოფილი. სოციალური ღილაკების სერვისებს, ოფიციალური გადაწყვეტილებებისგან განსხვავებით, აქვს მთელი რიგი უარყოფითი მხარეები:

    • შემცირებული გვერდის ჩატვირთვის სიჩქარე, რამაც შეიძლება უარყოფითად იმოქმედოს როგორც საიტის რეიტინგზე ძიების შედეგებში, ასევე გაყიდვების მოცულობაზე;
    • წარუმატებლობა და შეცდომები სერვერების მუშაობაში, რაც იწვევს ღილაკების ჩატვირთვის ხანგრძლივ პერიოდს ან მათ დროებით მიუწვდომლობას;
    • რეკლამის პერიოდული გამოჩენა;
    • AJAX-ის საშუალებით მუშაობის სტაბილური ალგორითმის ნაკლებობა;
    • ბრაუზერების მეხსიერების შესაძლო გამოყენება;
    • საეჭვო ტრაფიკის არსებობა;
    • მომხმარებლის მონაცემების უსაფრთხოების გარანტიების შეუსრულებლობა.
    • სხვადასხვა პლატფორმის დანამატები შეიძლება განსხვავდებოდეს დიზაინითა და ზომით, რაც ართულებს მათ ერთ გვერდზე ჰარმონიულად თანაარსებობას;
    • პროცესი უფრო მეტხანს გრძელდება და მოითხოვს მოსამზადებელ ნაბიჯებს და html-ის საბაზისო ცოდნას.
    სოციალური ღილაკის სერვისების მიმოხილვა

    ინტერნეტში არის უამრავი სერვისი, რომელთაგან თითოეულს აქვს საკუთარი მახასიათებლები და მუდმივად ახარებს მომხმარებლებს სოციალური ქსელის ღილაკების დაყენების და საიტზე მათი განხორციელების სისტემის გაუმჯობესებით. მოდით შევხედოთ ყველაზე პოპულარულ დიზაინერებს.

    Yandex სოციალური მედიის ღილაკები

    გარეგნობის პარამეტრები:

    გაზიარებისთვის ხელმისაწვდომი ქსელების სია:

    სოციალური ქსელის ღილაკების ჩვენების ძირითადი დაყენება Yandex-დან და მზა კოდით:

    ბლოკის დასაყენებლად საჭიროა გენერირებული კოდის ჩასმა საიტის html კოდში სასურველ ადგილას. შესაძლებელია ატრიბუტებთან უფრო ზუსტად მუშაობა, სკრიპტის ასინქრონული დატვირთვის დაყენება და ა.შ. (იხილეთ დოკუმენტაცია).

    პლუსო

    ცნობილი სერვისის ცნობილი ანალოგი რუსულ სეგმენტში. დიზაინერი გამოირჩევა ელემენტების მიმზიდველი დიზაინით, მოსახერხებელი ფუნქციონალობით და სასარგებლო პარამეტრების არსებობით.

    გადახედვის ფანჯარა და დამატებითი პარამეტრები:

    მარტივი მანიპულაციების გაკეთება საჭირო სოციალური ქსელების შესარჩევად. ქსელები, ხატები და მათი პარამეტრები, შეგიძლიათ იხილოთ კოდი:

    (function() ( if (window.pluso)if (typeof window.pluso.start == "ფუნქცია") დაბრუნდება; if (window.ifpluso== განუსაზღვრელია) (window.ifpluso = 1; var d = დოკუმენტი, s = d.createElement("script"), g = "getElementsByTagName"; https" : "http") + "://share.pluso.ru/pluso-like.js"; var h=d[g]("სხეული"); (s); )))();

    სერვისის სწორად ჩვენებისთვის, თქვენ უბრალოდ უნდა დააკოპიროთ მიღებული სკრიპტი თანდართული მონაცემებით და დააინსტალიროთ იგი ვებსაიტის განლაგებაში არჩეულ ადგილას.

    გაზიარების ინსტრუმენტებთან ერთად, შესაძლებელს ხდის სპეციალური სერვისის ელემენტების დაყენებას: „ბეჭდვა“, „სანიშნე“ და ა.შ.

    ტოლი

    ვიზიტორებს შეუძლიათ აირჩიონ 4 ტიპის ღილაკი, რომელთაგან ერთი არის ვიჯეტი (გვერდის მიმართ განსხვავებული პოზიციებით).

    სოციალური ღილაკის სკრიპტი ასე გამოიყურება:

    ვიჯეტთან მუშაობის კოდი უფრო რთულია:

    window.informerPosition = (vert:"top",hor:"left")

    ინსტალაციისთვის, უბრალოდ მოათავსეთ მონაცემები შაბლონში.

    Pip.Qip.ru

    სოციალური ღილაკების დაყენების "მყისიერი" კოდის გენერირების სერვისების წარმომადგენელი - Pip.Qip. სიმარტივე აქ მხოლოდ ხაზს უსვამს კომფორტს.

    სასურველი კოდის მისაღებად გჭირდებათ:

  • მიუთითეთ ადგილის ტიპი განთავსებისთვის;
  • აირჩიეთ სტილი სიიდან;
  • დააწკაპუნეთ "მე უკვე მინდა!" – და იხილეთ დასრულებული კოდი გვერდის ბოლოში.
  • რჩება მხოლოდ მისი განთავსება საიტის კოდში.

    სოციალური მედიის ღილაკების ხელით დამატება

    სოციალური ღილაკების რა თქმა უნდა მოსახერხებელი, მაგრამ არა ყოველთვის მისაღები სერვისების ალტერნატივა არის თავად სოციალური ქსელები. ქსელები, რომლებიც შესაძლებელს ხდის ღილაკების ხელით დამატებას ვებსაიტზე დანამატებისა და API-ების გამოყენებით.

    ცნობილი VKontakte ქმნის გაზიარების ღილაკების კოდებს ამ მისამართზე.

    ვიჯეტის გამოყენებით შეგიძლიათ აირჩიოთ მომავალი ღილაკის ტიპი და „გამკაცრდეთ“ მრიცხველი („სტილის“ ელემენტი), მოიფიქროთ ორიგინალური სახელი („ტექსტი“) და მიიღოთ სასურველი კოდი.

    კოდის პირველი ნაწილი უნდა განთავსდეს ტეგის შიგნით:

    მეორე - ღილაკის მდებარეობამდე:

    ოფიციალური Facebook ღილაკების მოპოვების მეთოდი კიდევ უფრო მარტივი და ნათელია. საიტზე შეგიძლიათ გამოიყენოთ

    გააზიარეთ