Кнопка «Поделиться»

Яндекс.Поделиться всё. Переходите на «Вечную» версию! Старый виджет заброшен и может сломаться в любой момент. Мы сделали идеальную замену — мгновенная загрузка, никакой слежки и полная надежность. Просто обновите одну строчку кода, и кнопки будут работать всегда.

📋 Готовые кнопки (копируй и вставляй)

Классические цветные (как было у Яндекса)
Средний размер, стандартные цвета, скрытие лишних кнопок.


<script src="https://cdn.jsdelivr.net/gh/MihaylovRA/share/share.js" async=""></script>
<div class="ya-share2" data-curtain="true" data-limit="7" data-services="vkontakte,odnoklassniki,telegram,twitter,viber,whatsapp,moimir,pinterest,lj"></div>

Черно-белые (строгие)
Средний размер, стильный монохромный вариант, скрытие лишних кнопок.


<script src="https://cdn.jsdelivr.net/gh/MihaylovRA/share/share.js" async=""></script>
<div class="ya-share2" data-color-scheme="blackwhite" data-curtain="true" data-limit="7" data-services="vkontakte,odnoklassniki,telegram,twitter,viber,whatsapp,moimir,pinterest,lj"></div>

⚙️ Как настроить внешний вид?

Вы можете менять размер, форму и список соцсетей, просто добавляя атрибуты к тегу <div>.

1. Список соцсетей (data-services)

Перечислите нужные сервисы через запятую (без пробелов):
vkontakte,odnoklassniki,telegram,twitter,viber,whatsapp,moimir,pinterest,lj,tumblr,reddit

2. Основные параметры

АтрибутЗначенияОписание
data-sizes, m, lРазмер кнопок. s — маленькие, m — средние (по умолчанию), l — крупные.
data-shaperound, normalФорма. round — круглые, normal — скругленный квадрат.
data-limitЧисло (напр. 3)Лимит. Сколько кнопок показывать сразу. Остальные скроются под кнопку «…».
data-curtaintrueМобильная шторка. На смартфонах при нажатии на «…» откроется удобное меню снизу. Рекомендуем!
data-color-schemenormal, blackwhite, whiteblackЦвет. normal — цвета брендов, blackwhite — черные, whiteblack — белые.

Не любите внешние зависимости?

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

  1. Скачайте файл share.js (все иконки уже вшиты внутри, никаких лишних подгрузок).
  2. Залейте его в папку скриптов на вашем сайте.
  3. Подключите локально:
<script src="/js/share.js" async=""></script>

📥 Скачать share.js (ZIP)

Почему стоит обновиться прямо сейчас:

  • 🚀 Мгновенная скорость: Скрипт загружается через быстрый CDN (jsDelivr) и не делает лишних запросов к серверам Яндекса.
  • 🛡️ Приватность 100%: Полностью вырезана Яндекс.Метрика — никакой скрытой слежки за вашими посетителями.
  • Независимость: Кнопки работают всегда, даже если сервисы Яндекса недоступны или заблокированы в регионе пользователя.

Протестируйте кнопки прямо сейчас!
Нажмите на иконку своей соцсети, чтобы сохранить статью 📌 и поделиться решением с коллегами 📢. Если скрипт был полезен — напишите в комментариях 👇, всё ли получилось установить.

4.7 3 голоса
Рейтинг статьи
Подписаться
Уведомить о
guest

5 комментариев
Популярные
Новые Старые
Межтекстовые Отзывы
Посмотреть все комментарии