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

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

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

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

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

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

Დადებითი და უარყოფითი მხარეები

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

ნაკლოვანებები

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

სოციალური ღილაკის სერვისების მიმოხილვა

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

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

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

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

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

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

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

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

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

1. კონტაქტში
2. ფეისბუქი
3. Twitter
4. Google Plus
5. კლასელები
6. Ჩემი სამყარო
7. LiveJournal
8. LinkedIn
9. Tumblr
10. pinterest
    • ვაიბერი
    • whatsapp
    • ტელეგრამა
    • ესემესი
      • სანიშნეები
      • ბეჭედი
      • ფოსტა

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

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

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

ინსტრუქცია, თუ როგორ დააინსტალიროთ სოციალური ქსელის ღილაკები საიტზე

uSocial-ის სოციალური ღილაკების განსათავსებლად თქვენს საიტზე, თქვენ უნდა შეასრულოთ რამდენიმე მარტივი ნაბიჯი:

Ნაბიჯი 1

ნაბიჯი-2

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

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

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

ნაბიჯი-3

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

ნაბიჯი-4

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

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

როგორ გავზარდოთ სოციალური ბარის ეფექტურობა?

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

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

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

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

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

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

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

ინსტრუმენტები მიკრომონაცემებთან მუშაობა.

თუ გეშინიათ, რომ ინტერნეტით გიყურებენ, გამორთეთ კომპიუტერი.

საიდუმლო არ არის, რომ სოციალური ღილაკების თითქმის ყველა სერვისი ავრცელებს ინფორმაციას თქვენი მომხმარებლების შესახებ, სადაც მათ ეს სჭირდებათ. Ღმერთო ჩემო! Შეუძლებელია იყოს! მე ახლახან გავიგე ამის შესახებ! - გილოცავ! მათ ასევე უნდა გამოიყენონ თქვენ, თავიანთი საქმისთვის და ძალისხმევისთვის. გააკეთეს კარგი სერვისები, დიდი ფუნქციონალურობით, მოხერხებულობით და „ხარისხით“. თქვენ უბრალოდ უნდა აირჩიოთ ის, რაც გჭირდებათ და განათავსოთ კოდი სადაც გჭირდებათ. Და სულ ეს არის. და რა სარგებლობა მოაქვს მათ ინტერნეტში ასეთი მანევრების უფასოდ გაკეთებას? უფლება. არა. ასე რომ, დროდადრო, თითოეული ასეთი ოფისი აწვება მონაცემთა გადინებას ზოგიერთ DMP-ში.

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

საიტისთვის ყველაზე პოპულარული სოციალური ღილაკების სერვისების სია

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

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

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

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

ისინი ასე გამოიყურებიან:

სტანდარტის მიხედვით არის კონფიგურირებული ექვსი სოციალური ქსელი: Facebook, VKontakte, Odnoklassniki, My World, Google Plus, Twitter. 30-ზე მეტი მათგანია სკრიპტის პარამეტრებში, მაგრამ ეს ყველაფერი დაყენებულია ცალკე სურვილისამებრ. ამ ღილაკების უპირატესობები, როგორც ავტორები აცხადებენ, რასაც მე სრულად ვეთანხმები:

1. შესანიშნავი ჩვენება ნებისმიერ მოწყობილობაზე (დიახ, ისინი რეაგირებენ ნებისმიერი ეკრანის ზომაზე)
2. სუფთა კოდი - სწრაფი და უსაფრთხო საიტი (ჩატვირთულია მხოლოდ სკრიპტი, CSS და ფონტი, რომლებიც მხოლოდ თქვენს სერვერზეა)
3. მობილური მესინჯერების ყველა გაზიარების ტექნოლოგია ერთ სკრიპტში (ყველა სახის ტელეგრამა)
4. SEO მეგობრული - ბმულების გარეშე
5. არ შეიცავს სურათებს

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

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

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

შეგიძლიათ ჩამოტვირთოთ ღილაკების არქივი .

ამ ღილაკების დაყენება ძალიან მარტივია. არქივში მხოლოდ ოთხი ფაილია: Font, CSS, JS და TXT.

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

2). შემდეგ ატვირთეთ JS თქვენს სერვერზე და გადაიტანეთ იგი თქვენს საიტზე კოდით სადმე, მაგრამ მე გირჩევთ გვერდის ბოლოში:

Этот скрипт состоит из двух частей, первая — это Jquery, вторая — сам код кнопок. Если у вас уже подключается Jquery на сайте, то вы можете удалить первую часть кода и сократить тем самым размер файла.

ВАЖНО : (для тех, кто убрал часть код Jquery) скрипт кнопок должен загружаться после скрипта Jquery.

3). После установки JS и шрифта, вам следует добавить CSS себе на сайт. Просто скопируйте все содержимое файла soc.css в один из ваших подключаемых CSS на сайте.

ВАЖНО : В 82 строке файла soc.css поменяйте URL на свое местоположение Шрифта!

4). После всего этого, скопируйте HTML код из файла HTML.TXT к себе на сайт, где вы хотите видеть эти замечательные кнопки.

В структуре скрипта есть возможность установки счетчиков шаринга соц.сетей, но более подробнее вы можете почитать у них в документации на сайте.

А саму работу скрипта вы можете проверить чуть-ниже этих строк, ведь именно он установлен у меня на блоге.

Спасибо за внимание, если будут вопросы по установке, пиши комментарии.

С вами был, ленивый Staurus.

Всем привет! Сегодня речь пойдет о пяти самых интересных сервисах, на которых просто и быстро можно выбрать внешний вид социальных кнопок для сайта и получить соответствующий код.

Галочками отметьте нужные пункты и выберете внешний вид блока. Код генерируется автоматически.

Google +1

Google +1 позволяет пользователям проголосовать за страницу вашего портала и рассказать о ней своим друзьям в социальной сети Google+. Чем больше голосов она соберет, тем лучше к ней будет относится Google, поэтому старайтесь выбирать размер для нее по-больше и располагать на видном месте.

Настройте размер и внешний вид кнопки, выберете русский язык. Расширенные настройки вам вряд ли пригодятся. Как видите, получит социальные кнопки от Яндекс и Google очень легко и быстро. Буквально два клика мыши, и все готово!

AddThis.com предлагает разместить оранжевую кнопку Share (или оранжевый +), содержащую огромное количество всевозможных социальных сетей, закладок и сервисов. Самые популярные социалки можно вынести из общего списка и поместить отдельно рядом с Share. Помимо этого, сервис предлагает аналитику и статистику по активности читателей. Для доступа к ней на addthis.com следует зарегистрироваться.

Если вы все правильно сделали и папка со скриптом действительно загружена в корневой каталог, то ее адрес будет http://vash_site.ru/share42/. Укажите его в пункте 3 раздела «Установка скрипта на сайт».

На четвертом шаге вам предлагается выбрать своего сайта, если вы ее используете. В зависимости от отмеченного пункта, код ниже несколько изменятся.

Теперь необходимо код из шага №5 вставить к себе на сайт. Для горизонтального блока социальных кнопок все просто — куда вставите, там он и отобразиться. С плавающим вертикальным несколько сложнее.

В последней строчке кода следует указать расстояние в пикселях от начала страницы (в примере 150) и от верха видимой области (в примере 20) до плавающей панели.

Если не знаете, куда именно вставить код, на выручку всегда придет методом «научного тыка» — рано или поздно у вас все получится, и панелька отобразиться на нужном месте.

Последнее, что следует сделать, это скопировать стили из шага №6 в файл стилей вашего сайта — с расширением.css. Чаше всего этот файл носит название style.css.

А теперь гвоздь программы — социальные кнопки с счетчиками, которые я использую в настоящий момент на своем блоге! Смотрятся просто шикарно! Доступны два размера — маленький и крупный. Между прочим, на икони с счетчиками люди нажимают гораздо охотнее. Это я даже по себе заметил.

О том, как их установить на свой блог, читайте в разделе «Важная информация»:

Первый код отвечает за функционал кнопок, его вставляем перед закрывающим тегом head, который в темах для WordPress располагается в шаблоне header.php.

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

ყურადღება მიაქციეთ data-yashareType="small" ატრიბუტს. აქ მითითებულია ხატების ზომა: პატარა - პატარა, დიდი - დიდი. ყველაფერი გენიალური მარტივია.

როგორ დავამატოთ სოციალური ღილაკის კოდი საიტზე

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

ღილაკის კოდი შედგება ორი ნაწილისგან:

1. ტეგებს შორის ჩასმული სკრიპტი, რომელიც ასე გამოიყურება:

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

სულ ესაა, მადლობა ყურადღებისთვის. Თავს მიხედე!