Ijtimoiy tarmoq vidjetlari. Guruhlar, sahifalar va jamoalar uchun vidjet ijtimoiy piktogramma

Mahalliy tugma dizaynerlari va skriptlarini ko'rib chiqish ijtimoiy tarmoqlar veb-saytlar, shuningdek, xorijiy analoglar uchun. Qisqa, aniq va vizual.

2. Oson yo'l saytga havolalar olish - QIP.RU
Saytga tugmani joylashtiring va tashrif buyuruvchilarga o'zlarining sevimli sayt materiallarini xatcho'plarga, bloglarga va ijtimoiy tarmoqlarga qo'shish imkoniyatini bering. Uch qadam: tugmani qaerga joylashtirish (veb-sayt, Blogger yoki WordPress), tugmalar uslubi (tayyor variantlar) va tugmani olish.

3. Ijtimoiy tarmoqlarga kontent qo'shish tugmalari - Pluso
Tugmalarni joylashtiring va tashrif buyuruvchilarga o'zlarining sevimli sahifalarini ijtimoiy tarmoqlarda baham ko'rish, shuningdek chop etish, elektron pochta xabarlarini yuborish va xatcho'plar qo'shish imkoniyatini bering.

4. Ijtimoiy faollik xizmati - UpToLike
Rang, shakl, o'lcham va maxsus effektlarni o'rnatish qobiliyatiga ega shaxsiy ijtimoiy media tugmalari. Qo'shimcha funktsiyalar PicShare tasvir almashish vidjeti, "Iqtibos" funktsiyasi va moslashtirilgan Quyidagi funksiyadir.

5. Bitta tugma! — barcha xatcho‘plar va ijtimoiy tarmoq xizmatlari uchun
Ko'rish tugmachasini tanlang. Tugma qayerda o'rnatiladi: veb-sayt, Blogger yoki WordPress. Tugma qo'shing.

1. Sayt uchun chiroyli ijtimoiy tugmalar - goodshare.js
Deyarli har qanday qurilmada tugmalarni ko'rsatish. Toza kod. Qisqacha hujjatlar. SEOga mos.

2. Ijtimoiy xatcho'plar va tarmoq tugmalari uchun skript - Share42
Saytda foydalanmoqchi bo'lgan xizmatlarning o'lchamini tanlang va belgilarni belgilang. Istagan variantlarni tanlang. U qanday ko'rinishini va/yoki yuklab olishini ko'ring tayyor skript. Skriptni WordPress, Drupal va hokazo saytlarga o'rnating.

3. JQuery-dan foydalangan holda ijtimoiy tarmoqlar uchun chiroyli "yoqdi" tugmalari - Social Likes
Hisoblagichlar bilan "yoqdi" tugmalari uchun skript yagona uslub ijtimoiy tarmoqlar uchun: Facebook, Twitter, VKontakte, Odnoklassniki, My World, Google+ va Pinterest.

1. Ulashish tugmalari - AddThis
Ulashish tugmalari tarqatilgan kontent orqali boshqa manbalar va ijtimoiy tarmoqlardan tashrif buyuruvchilarni jalb qilish orqali saytingiz auditoriyasini oshirishga yordam beradi.

4. Ijtimoiy almashish - Po.st
Ijtimoiy tarmoqlarda baham ko'rishdan ko'proq foyda oling. Xizmat tashrif buyuruvchilar uchun ijtimoiy tarmoqlarda almashish jarayonini osonlashtiradi, bu ko'payadi organik trafik sayt.

5. Har qanday veb-sayt uchun almashish tugmalari - AddToAny
Har qanday veb-sayt uchun ijtimoiy media tugmalari kodini oling. Tugmalarning turi va uslubini tanlang, elektron pochta va boshqa variantlarni belgilang yoki platformalardan birini tanlang: WordPress, Drupal, Tumblr, Joomla, Elgg, WordPress.com, Blogger, TypePad yoki FeedFlare. Tugma kodini oling.

Internetda mavjud bo'lmagan saytlar qolmagan bo'lsa kerak joylashtirish tugmalari ijtimoiy tarmoqlardagi materiallar. Ikkinchisi bizning hayotimizda uzoq va mustahkam o'rin egalladi. Biz u erda muloqot qilamiz, bir-birimiz bilan tanishamiz, biznesni targ'ib qilamiz, yangiliklarni o'qiymiz va hokazo. To'liq spektr. Veb-ustalar ijtimoiy tarmoqlarda o'z saytlarining mavjudligini har qanday vositalar bilan kengaytirishga intilishlari ajablanarli emas. Axir, har bir kishiga kerak bo'lgan tonna potentsial trafik mavjud. Mehmonlar oqimi pul, obro', o'sishni anglatadi. Hamma narsa uning atrofida qurilgan. Mazali luqma.

Ijtimoiy tugmalar kerak, bu aniq. Savol boshqacha - qaysi birini tanlash kerak? Biz buni siz uchun sinab ko'rdik TOP 5 ta turli xizmatlar veb-saytlarga tugma kodini qo'shish uchun. Maqsad optimalni aniqlash va uni batafsil ko'rsatishdir. Keling, saralash bosqichidan boshlaylik.

Taqqoslash uchun nomzodlarni tanlash ahamiyatsiz bo'lib chiqdi - biz oldik eng mashhur xizmatlar, bu haqda veb-sayt yaratish mavzusi bilan tanish bo'lgan har qanday odam eshitgan. Mashhurlik kasb etayotgan noyoblar yo'q, faqat tajribali qariyalar.

Sertifikatlangan jamoaning tarkibi quyidagicha:

Tanlangan ijtimoiy xizmatlarni sinovdan o'tkazish natijasida - uSocial yetakchi edi. Endi siz bizning tanlovimiz uchun mantiqiy ma'lumot olishni xohlaysiz. Albatta, biz asossiz qolmaymiz.

beraylik ba'zi faktlar, kim bizni qarorning to'g'ri ekanligiga ishontirdi.

Biz ijtimoiy tugmalar to'plamini birlashtirmoqdamiz. Siz tanlashingiz mumkin ko'rsatilgan ijtimoiy tarmoq xizmatlari, tugmalarning shakli va uslubi.

Bu erda siz "Yuqoriga" tugmasini faollashtirishingiz, qo'llab-quvvatlashni yoqishingiz mumkin mobil qurilmalar, Viber, WhatsApp, Telegram, SMS xizmatlarini ulang.

USocial shaxsiy hisobingizdan ijtimoiy panelni o'rnatganingizdan so'ng, siz ko'rishingiz mumkin yoqtirishlar va repostlar statistikasi tanlangan davr uchun bir vaqtning o'zida barcha ijtimoiy tarmoqlar uchun ham, tanlanganlar uchun ham. Ma'lumotlar aniq grafik yoki diagrammalarda ko'rsatiladi.

Agar ijtimoiy meta-teglar to'g'ri to'ldirilgan bo'lsa, xabarlar to'g'ri qabul qilinadi ijtimoiy xizmatlar, chunki ular materialning turini, tegishli sarlavhani va kerakli rasmga havolani ko'rsatadi. Bularning barchasi repostning samaradorligini oshiradi: sizning materialingiz ijtimoiy xizmatlar tomonidan to'g'ri indekslanadi.

Misollar mikro belgilash kodi mashhur ijtimoiy tarmoqlar uchun (kod tegdan oldin yozilishi kerak):

1. Facebook Va VKontakte Open Graph protokolidan foydalaning:

3. uchun Twitter kod shunday ko'rinadi:

4. uchun Google+ Shunday qilib:

- Google+ dagi muallif profiliga havola
- sayt nomi
- parcha matni (40 belgigacha)
- sayt tavsifi
- rasm fayliga yo'l

Asboblar mikro belgilash bilan ishlash uchun.

Barchamiz o'z loyihamiz ustida ishlayotib, o'quvchilarimizga imkon qadar tez va to'liq ma'lumot yetkazishni xohlaymiz. Shuning uchun, biz bularning barchasini har doim ko'rinadigan joyda - yon panelda joylashtirishga harakat qilamiz. Va shuning uchun har doim etarli joy yo'q. Shuningdek, u erda barcha ijtimoiy tarmoqlar uchun vidjetlarni joylashtirishimiz kerak. Shuning uchun siz "Ijtimoiy karusel" xizmatidan - barcha ijtimoiy tarmoq vidjetlaridan birida foydalanishingiz kerak. Biz uning barcha afzalliklari va sozlash xususiyatlari haqida quyida gaplashamiz.

Ko'pincha biz blogda turli xil reklama bannerlarini, sheriklik ma'lumotlarini, obunalarimizni, axborot mahsulotlarimizni, ustunlar, maqolalar va sharhlar haqidagi ma'lumotlarni joylashtirish muammosiga duch kelamiz. Va, albatta, hozirda juda mashhur ijtimoiy media vidjetlarini joylashtirish. Va ma'lumotlarning barcha ko'chkisi ko'rinadigan joyga joylashtirilishi kerak. Va ko'pincha bu joy yon panelga aylanadi.

Klassik tarzda hamma ikki ustunli shablonlardan foydalanadi (maydon va yon panel bilan o'ng tomoni). Menimcha, ustunlar sonini ko'paytirish mutlaqo to'g'ri emas, chunki u bo'sh joyni juda bezovta qiladi va tashrif buyuruvchilarning xatti-harakatlariga salbiy ta'sir qiladi.

Aytgancha, sarlavhada 1-qism deyiladi, chunki bu yon paneldagi joyni tejash haqidagi seriyadagi birinchi post. Keyingi postlarda men bannerni aylantirish funksiyasidan foydalanish va saytdan foydalanish qulayligini yaxshilash uchun yorliqlardan foydalanishni ko'rib chiqaman. Shuning uchun, blog yangilanishlariga obuna bo'ling.

O'z brendingizni ijtimoiy tarmoqlarda ishtirok etish va targ'ib qilish hozir juda muhim ekanligini isbotlashning hojati yo'q. Shuning uchun ularning saytda taqdim etilishi juda muhimdir. Va shuning uchun men barcha ijtimoiy media vidjetlarining kombinatsiyasini bir joyda qanday amalga oshirishni o'ylab topdim. Va mana, men bu masalaning yechimini topdim. Tanishish...

Bu bepul xizmat, buning yordamida loyihamizning yon panelidagi joyni sezilarli darajada tejash mumkin. Shuni ta'kidlashni istardimki, ushbu xizmat nafaqat vidjetni joylashtirish imkonini beradi WordPress dvigateli, balki html kodini kiritish orqali qo'lda yozilgan saytlarda ham. Barcha vidjetlar shunday mashhur tarmoqlar kabi: , Facebook, Google+, YouTube va Twitter - yorliqlar shaklida bitta vidjetda amalga oshiriladi. Vizual ravishda u quyidagicha ko'rinadi:

Keling, tanishishni boshlaylik. Vidjet xizmati joylashgan.

Men sozlamalar haqida ko'p gapirmayman; uning ishlab chiquvchisi uni qanday sozlash kerakligini yaxshi tushuntirdi. Ko'rsatmalar videolarda taqdim etiladi, unda biz uni saytda o'rnatish xususiyatlari bilan etarlicha batafsil tanishamiz. Ba'zi o'ziga xosliklar mavjud, ammo ular muhim emas va ularni osongina hal qilish mumkin. Eng muhimi shundaki, siz kodni deyarli tahrirlashingiz shart emas. Xizmat siz uchun hamma narsani qiladi.

Keling, o'tib ketaylik standart protsedura ro'yxatdan o'tish. Keling, xizmatga boraylik. “Mening vidjetlarim” (1-band), so‘ngra – Yangi vidjet yaratish (2-band) tugmasini bosing. Biz maydonni qanday nomlanishi bilan to'ldiramiz va veb-saytimizning manzilini kiritamiz (3-band). Saqlash (4-band).

Biz o'zimizni keyingi yorliqda topamiz, u erda haqiqiy qurilish sodir bo'ladi. Bizning vidjetimizga identifikatsiya raqami berilgan. orqali o'rnatishni rejalashtirsangiz WordPress plagin, keyin ushbu katakchani belgilashingiz kerak (1-band). Biz kerakli o'lchamlarni qo'yamiz va uning yorliqlarini avtomatik ravishda almashtirishni o'rnatamiz (ular birma-bir aylantiriladi belgilangan interval vaqt) (2-band). Vidjet shaklida, pastki qismida, ishlab chiquvchiga havola bo'ladi va biz uni pul uchun olib tashlashni taklif qilamiz (3-band).

Keling, to'g'ridan-to'g'ri ijtimoiy tarmoqlarga o'taylik. Yorliqlarni joylashtirish tartibini o'rnatish uchun o'qlardan foydalanishingiz mumkin (4-band). Ijtimoiy tarmoqlarni sozlashni davom ettirish uchun qizil tugmani bosing (5-band). Siz ulardan qaysi biri shouda ishtirok etishini tanlashingiz mumkin (bor turli vaziyatlar- bilan bog'liq muammolar Google hisobi yoki VKontakte sahifasi muzlatilgan).

Biz WordPress uchun plaginni ishlatadigan katakchani belgilaymiz (1-band). Yorliqlarni avtomatik almashtirishni yoqish katagiga belgi qo'ying va ularni ko'rsatish vaqtini belgilang (keyingisiga o'tish uchun necha soniya kerak bo'ladi) (2-band). Keyin eng qiziqarli qism, chunki bu ma'lumot unchalik aniq emas. Vidjetda siz shaxsiy sahifalarni emas, balki ijtimoiy tarmoqlardagi guruhlar va jamoalarni joylashtirishingiz mumkin.

Ushbu maydonlarni to'ldiring (3-band). Ko'rib chiqish tugmasini bosish orqali o'rnatish to'g'ri yoki yo'qligini tekshiramiz (4-qadam). VKontakte guruhining identifikatorini ko'rish uchun unga kiring, sichqonchani Ishtirokchilarga olib boring, so'ngra o'ng tugmasini bosing

Twitter uchun vidjet identifikatorini sozlash.

Keling, sahifamizga o'tamiz. Keyin yuqori o'ng burchakka o'ting - Sozlamalar. Qalqib chiquvchi menyudan - Vidjetlar-ni tanlang. Biz kerakli vidjetni uslub va o'lchamda sozlaymiz va oynadagi yangi yaratilgan kodda ID bilan chiziqni topamiz. Undan keyingi raqamlar bizning Twitter uchun vidjet identifikatorimizdir. YouTube kanalida foydalanuvchi loginingizni ko'rish uchun Google+ ga kiring va shu yerga o'ting havola

. IDni oling va uni shaklga joylashtiring.

Google+ da identifikatorni ko'rish uchun u yerga kiring, Profilga o'ting va manzil satrida raqamlarni ko'rishingiz mumkin. Ular shakldagi maydonga kiritilishi kerak.

Facebook uchun (muhim!) Biz profil havolasini emas, guruh havolasini emas, balki sahifa havolasini ko'chiramiz.

Mening Facebook sahifam quyidagicha ko'rinadi:

Hammasi. Shakl to'ldirildi. Kod yaratish-ni bosing. Bu bizda mavjud kod. Keling, uni nusxalaymiz. Endi bizda uni saytga o'rnatish uchun ikkita variant mavjud.

Variant 1. WordPress plagini orqali. Uni nusxalash uchun har qanday ijtimoiy xatcho‘pdagi kabi WordPress plaginiga o‘ting va uni yuklab oling. Keyin biz uni dvigatelga standart sifatida o'rnatamiz va uni faollashtiramiz. Keyin Sozlamalar - Ijtimoiy karusel. Biz kodimizni joylashtiramiz, uning identifikatorini kiritamiz, vidjet o'lchamlarini o'rnatamiz va saqlaymiz. Keling, boraylik

Tashqi ko'rinish

– Vidjetlar (1-2 bandlar). Matn vidjetini yon panelga torting va unda ijtimoiy tarmoq vidjetini ko‘rsatish uchun quyidagi kodni joylashtiring:

Tayyor. Biz mehnatimiz natijalaridan qoyil qolamiz va zavqlanamiz.

Variant 2. Ushbu plagin allaqachon o'rnatilganlardan biri bilan ziddiyatga tusha boshladi. Bundan tashqari, so'nggi tendentsiya keraksiz narsalardan xalos bo'lish va joyni tejashdir. Shuning uchun, men plaginni buzib tashladim va yaratilgan kodimizni yopilish tegidan oldin mavzuimning header.php fayliga joylashtirdim. Bu shunday bo'ldi:

Mening yaratilgan kodim

Yon panel vidjetini chiqish bilan qoldirdim. Natijani o'ng tarafdagi blogda ko'rishingiz mumkin. U juda yaxshi tayyorlangan va katta afzalliklarga ega - bu bizning joyimizni tejaydi.

Nihoyat, xizmat haqida videoni tomosha qiling:

O'qish vaqti: 3 daqiqa.

26/08/2016 chop etilgan Salom! Biz WordPress sayti uchun eng qiziqarli va foydali plaginlarni tahlil qilishda davom etamiz. Bugun siz veb-saytingizga ijtimoiy piktogramma vidjetini qanday qilib osongina qo'shishni o'rganasiz. Ushbu vidjetdan foydalanib, siz o'z saytingizga nafaqat ijtimoiy piktogrammalarni, balki istalgan sayt va sahifalarda oddiygina turli xil piktogrammalarni ham qo'shishingiz mumkin. Vidjet sozlamalarida siz tanlash uchun 400 dan ortiq turli xil piktogrammalarga ega bo'lasiz. Har biriga istalgan belgi qo'yishingiz mumkin URL manzili

, ijtimoiy tarmoqlar yoki har qanday veb-sayt. Belgi uchun rang va o'lchamni tanlashingiz mumkin. Dumaloq, kvadrat va yumaloq qirralarni tanlash uchun uchta uslub mavjud.

Ijtimoiy piktogramma vidjetini WPZOOM plaginidan toʻgʻridan-toʻgʻri WordPress boshqaruv panelidan oʻrnatishingiz mumkin. Sahifaga o'ting: Plaginlar - Yangisini qo'shing, qidiruv formasiga plagin nomini kiriting, Enter tugmasini bosing, plaginni o'rnating va faollashtiring.

– Sarlavha, siz vidjet uchun sarlavha belgilashingiz mumkin.

– Tavsif, siz vidjet uchun tavsifni belgilashingiz mumkin.

– Belgilar yorliqlarini ko‘rsating, piktogrammalarga tavsif qo‘shish uchun bu yerdagi katakchani belgilang.

– Havolalar yangi oynada oching, havolalarni yangi oynada ochish uchun bu yerdagi katakchani belgilang.

– Icon Style, piktogramma uchun fonli va fonsiz ikkita uslub mavjud.

– Belgining fon uslubi, bu yerda siz piktogramma fonining uslubini, yumaloq burchakli fonni, yumaloq fonni va kvadrat fonni tanlashingiz mumkin.

– Icon Padding (piksel), bu yerda siz piktogramma toʻldirish hajmini belgilashingiz mumkin.

– Belgi o‘lchami (piksel), bu yerda siz piktogramma o‘lchamini o‘rnatishingiz mumkin.

- Belgilar, sizda sukut bo'yicha uchta ijtimoiy tarmoq ko'rsatiladi. facebook, twitter va instagram uchun piktogramma. Ushbu ijtimoiy tarmoqlardagi sahifalaringiz yoki jamoalaringizga havolalaringizni qo'shishingiz kerak. Nihoyat, vidjetni saqlang

Bundan tashqari, qo'shimcha piktogramma qo'shishingiz mumkin. Belgini qo'shish uchun tugmani bosing - Yana qo'shish. Belgini tanlash uchun yangi belgi uchun maydonni ko'rasiz, qora doiradagi xochni bosing;

Keyinchalik, piktogrammalarni tanlash uchun oyna ochiladi. Belgini tanlang, belgi uchun rangni tanlang, siz ikona toifasini tanlashingiz mumkin. Sizda turli xil piktogrammalarga ega 4 toifa, 400 dan ortiq qismlarni tanlash imkoniyati mavjud. Oxirida quyidagi tugmachani bosing - Saqlash.