Ijtimoiy ulashish (social share) tugmalari β bu sayt foydalanuvchilariga kontentni Facebook, Twitter, Telegram, WhatsApp va boshqa ijtimoiy tarmoqlarda do'stlari bilan baham ko'rish imkonini beradi. Blog, kontent sayti, mahsulot sahifalari uchun bu majburiy element. Yaxshi share strategiyasi bilan blog'ning 20-30% traffic ulashish orqali keladi. Yomon yoki yo'q share tugmalari β viral imkoniyat yo'qotish.
Nima uchun share tugmalari muhim
Viral kontent imkoniyati β bir foydalanuvchi share qilsa, uning 100+ do'stiga yetadi. Geometrik o'sish.
Social proof β \"500 marta ulashilgan\" β kontent qiymatli ekanini signal.
SEO indirect ta'sir β social signals (share soni) Google reyting'iga to'g'ridan-to'g'ri ta'sir qilmaydi, lekin trafic va backlinks orqali bilvosita ta'sir bor.
Brand awareness β har share β brand'ingiz yangi auditoriyaga tanitishadi.
Qaysi platformalarni qo'shish
O'zbekiston auditoriyasi uchun:
Telegram β eng muhim, ko'pchilik foydalanadi.
Facebook β global va lokal.
WhatsApp β messaging share, viral.
Twitter/X β texnik va biznes auditoriya.
LinkedIn β B2B kontent uchun.
Copy link β universal.
Email β eng eski lekin baribir foydali.
Pinterest β image-heavy kontent.
Share tugmalari joylashishi
Article boshida β foydalanuvchi o'qimasdan ham share qilishi mumkin.
Article oxirida β o'qib bo'lganda, taassurot bilan share.
Floating sidebar β scroll davomida doim ko'rinadi.
Sticky bottom bar β mobile'da pastida.
Eng yaxshi strategiya: boshi + oxiri + floating.
Share tugma dizayn
Brand rangida (Facebook ko'k, WhatsApp yashil) β tanish va o'tib o'rganildi.
Yoki sayt brand rangida β minimal, uniform.
Icon only vs icon+text: icon-only mobile uchun, icon+text desktop uchun.
Hover effect: kichik scale, rang to'qroq.
Share counter
\"X marta ulashildi\" β ijobiy: social proof. Salbiy: agar kam (5 dan kam) β \"hech kim share qilmagan\" signal.
Strategiya: yangi blog'da counter yashirish, ommabop bo'lganda ko'rsatish.
API: Facebook Graph API, Twitter API. Caching kerak β API qiyin va sekin.
Open Graph meta tags
Share qachon yaxshi ko'rinishi shart β Open Graph (og:) meta tag'lar kerak.
og:title β share'da chiqadigan sarlavha.
og:description β qisqa tavsif.
og:image β share rasm (1200x630px optimal).
og:url β canonical URL.
Twitter Card
Twitter alohida meta tag'lar:
twitter:card β summary, summary_large_image.
twitter:title, twitter:description, twitter:image.
Share URL'lar
Facebook: https://www.facebook.com/sharer/sharer.php?u=URL
Twitter: https://twitter.com/intent/tweet?text=TEXT&url=URL
Telegram: https://t.me/share/url?url=URL&text=TEXT
WhatsApp: https://wa.me/?text=URL
LinkedIn: https://www.linkedin.com/sharing/share-offsite/?url=URL
Native Web Share API
Modern brauzerlarda Web Share API β native share dialog.
navigator.share({title, text, url})
Mobile'da native share sheet ochiladi β ko'p variant, foydalanuvchi tanlaydi.
Desktop'da support cheklangan, fallback bilan.
JavaScript implementatsiya
Share tugma click β popup window yoki yangi tab.
window.open(shareUrl, 'share', 'width=600,height=400')
Yoki native Web Share API β mobile uchun yaxshi.
Third-party share widget'lar
AddThis, ShareThis β bepul share widget'lar. Lekin: tracking, performance og'ir, dizayn cheklangan.
Strategiya: custom HTML/CSS/JS β kichik, tezroq, brand bilan mos.
Performance
Third-party share widget β 100-500KB resurs. Sahifa sekin.
Native implementation β 1-2KB.
SVG icons inline β extra HTTP request yo'q.
Mobile share
Mobile'da Web Share API β eng yaxshi.
Tugma katta (44x44px minimum) β touch friendly.
Native messenger app'larga to'g'ridan-to'g'ri ulashish (WhatsApp, Telegram).
Email share
mailto: link bilan email share.
mailto:?subject=SUBJECT&body=BODY
Body'da kontent xulosasi va link.
Copy link tugma
Eng universal share β link nusxalash.
Clipboard API: navigator.clipboard.writeText(url).
\"Link nusxalandi\" notification β feedback.
A/B test share tugmalari
Test elementlari: joylashish (boshi vs oxiri), tugma soni (3 vs 6), dizayn (brand color vs uniform).
Engagement ta'siri 20-40%.
Common share xato
1. Open Graph meta tags yo'q β share xunuk ko'rinadi.
2. Ko'p tugma (10+) β chalg'ituvchi.
3. Third-party widget β performance.
4. Mobile'da kichik tugma.
5. Counter 0 β \"hech kim qiziqmagan\" signal.
Sayt.uz share strategiyasi
Sayt.uz blog'da custom share tugmalari. SVG icon inline, ~2KB CSS.
Platformalar: Telegram (1-chi), Facebook, WhatsApp, Twitter, Copy link.
Joylashish: article oxirida va sidebar floating (desktop).
Mobile: Web Share API + Telegram/WhatsApp tugmalari.
Open Graph meta tags: og:title, og:image (1200x630), og:description.
Share counter ko'rsatilmaydi (yangi blog uchun salbiy bo'lishi mumkin).
Natija: blog post'lar Telegram'da viral bo'lyapti. 18% trafik share orqali.