Клуб пользователей блока «Поделиться»

Задавайте в клубе вопросы и пишите свои предложения про возможности и работу блока «Поделиться» от Яндекса.

Ознакомиться с документацией можно здесь.

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

Пожалуйста, при сообщении об ошибках указывайте сразу адреса страниц, на которых возникают проблемы, а также UserAgent браузера, в котором проблемы замечены. Это поможет быстрее найти причины неполадок.

Динамическая подзагрузка ленты
brain2xml
10 сентября, 18:57

Добрый день!

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

Uncaught (in promise) TypeError: e is null    share2 share.js:24

Каждый блок выглядит так

<div class="ya-share2 justify-self-end" data-url="полное урл" data-curtain data-size="s" data-color-scheme="whiteblack" data-limit="0" data-more-button-type="short" data-services="vkontakte,odnoklassniki,twitter,whatsapp,telegram"></div>

весь код подгружаеться через ajax а скрип <script src="https://yastatic.net/share2/share.js" async></script> стоит в футуре

1 комментарий
Обработчик кнопки "другие"
kuronastya14
23 августа, 11:13

Как через хук onshare повесть обработчик, который будет отрабатывать не только на иконках соц сетей, но и на кнопке "другие". При клике на иконку соц сети или же на кнопку "другие", или на кнопку "скопировать ссылку" нужно отправлять данные в статистику. Хук onshare работает только для иконок соц сетей, как решить проблему? 

1 комментарий
Нет события для скопировать ссылку по аналогии с share для кнопок поделиться для соц сетей
Игорь Коржов
1 августа, 13:21

Столкнулся с такой проблемой мне нужно сохранять в бд информацию при каждом нажатии поделиться и все прекрасно для всех соц сетей(хук share), но ничего не нашел для "скопировать", а хук share не работает для скопировать ссылку

Нет комментариев
Блок поделиться в виде npm пакета
Кирилл
23 июля, 21:16

Планируете ли вы создать npm пакет с поддержкой typescript?

1 комментарий
jsdelivr уже всё?
Alex
13 июня, 11:26

Скрипт на jsdelivr больше не обновляется?

https://cdn.jsdelivr.net/npm/yandex-share2/share.js

1 комментарий
Как заменить заголовок Twitter на X?
Фелингер Дмитрий
11 июня, 13:53

См. тему

1 комментарий
ya-share2__link_more и ya-share2__link_copy
shiloff-job
4 марта, 11:05

Доброго времени суток. Согласно рекомендациям PageSpeed Insights, текст ссылок ya-share2__link_more неразличим для программ чтения, а так же не возможно их просканировать, что ya-share2__link_more, что ya-share2__link_copy

Отсюда возникает вопрос, как можно доработать кнопки, чтобы они соответствовали рекомендациям.

Спасибо

2 комментария
Как добавить rel="noreferrer"
Альберт
26 февраля, 20:13

Как добавить rel="noreferrer"  на каждую ссылку?

1 комментарий
Блок «Поделиться»
Блок поделиться
икс 1905
5 февраля, 11:48

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

1 комментарий
Блок «Поделиться»
Картинка при шаре в Мой Мир
Arc
16 января, 11:39

Согласно https://api.mail.ru/sites/plugins/share/extended/ можно использовать параметр 

&image_url=<адрес_картинки>

Проверил, он действительно работает. Однако ваш виджет не добавляет url картинки именно для Мой Мир. В ВКонтакте и Одноклассниках проблем нет. Не уверен, на вашей или моей стороне проблема.

Я динамически формирую шару:

let ya = document.getElementById("myYandex");    

    let share = Ya.share2(ya);            

    share.updateContent({

        title: text,

        image: image,

        url: url

    });

Буду благодарен за помощь!

8 комментариев
Ошибка отправки картинки в телеграм
loli.f0xx
6 декабря 2023, 18:08

добрый день.

Я решила воспользоваться вашим конструктором «поделиться» на сайте (сайт создан на тильде). И важным параметром является отправка картинки, поэтому я добавила в код атрибут data-image. Однако с телеграмом возникли проблемы, картинка не отправляется.

Сейчас код выглядит следующим образом:

<script src="https://yastatic.net/share2/share.js"></script>

<div class="ya-share2" data-curtain data-services="vkontakte,telegram" data-url="https://luding.ru/news/behappy2024-skidki-do-40/" data-image="https://static.tildacdn.com/tild3837-6639-4639-a161-333732633262/01_1.png"></div>

Возможно ли как-то исправить ошибку с телеграмом?
 

Нет комментариев
Слетает кодировка заголовка при работе на Safari c iPhone.
drshumiloff
6 декабря 2023, 18:08

Доброго времени суток,
не знаем, как полечить проблему при использовании блока.

Все корректно работает на ПК и на телефонах на Андроиде. А вот на iPhone через Safari кодировка заголовка слетает и пост в TG выглядит как на скрине.

Пробовал убирать атрибут data-title, пробовал двойное кодирование - не помогает.

Подскажите, пожалуйста, как поправить.

1 комментарий
При роутинге по сайту, не отображается кнопка поделиться, только если зайти на страницу и перезагрузить
nftkzart
29 ноября 2023, 13:18

Кнопка работает через раз, установил как в документации ничего не меняя, скрипт корректно подгружается на сайт, но кнопка не отображается

1 комментарий
Не работает кнопка "Скопировать ссылку"
Александр Пересвет
21 ноября 2023, 11:01

Здравствуйте. У меня не работает кнопка "Скопировать ссылку" на компьютере. После нажатия на кнопку открывается страница "about:blank#blocked" и ничего не копируется. На смартфоне такой проблемы нет. Сайт разработан на платформе Google Sites. Как решить эту проблему? Вот код:

<script src="https://yastatic.net/share2/share.js"></script>

<div class="ya-share2" data-curtain data-shape="round" data-limit="5" data-services="messenger,vkontakte,odnoklassniki,telegram,whatsapp" data-url="https://sites.google.com/view/camoe-glavnoe" data-copy="extraItem" data-title="Страница, на которой расположено всё самое важное." data-size="l"></div>

1 комментарий
скопировать ссылку,проблема,не работает
не работает при загрузке через ajax
brain2xml
10 ноября 2023, 11:57

Добрый день, на сайт при прокрутке подгружаются еще новости. но в них уже блока поделиться нет. код конечно есть но js не срабатывает, подскажите как инициализировать новый экземпляр

1 комментарий
Кастомные стили
skarpov909
26 июня 2023, 11:34

Привет. У меня получилось сделать кнопку белого цвета, но еще нужно установить размер в 38x38px, как я могу это сделать?

Есть ли еще возможность заменить три точки на что то свое?

1 комментарий
Не работает описание для кнопок поделиться (ya-share2)
LoQikontrol
19 июня 2023, 12:21

Описал data-description в блок, где располагаются кнопки. При этом добавил meta property="og:description", но у вк и telegram все ещё нет отображения описания. Что делать? 

Нет комментариев
ya-share2
Одноклассники изменили дизайн логотипа, но ваш плагин до сих пор использует старый логотип
Советская Сибирь
8 июня 2023, 12:34

Одноклассники требуют чтобы на нашем сайте была актуальная версия их иконки, но ваш плагин до сих пор использует старую версию. Планируется ли обновление иконки ОК в новой версии?

2 комментария
одноклассники,иконки,новая иконка ок
Некорректно отображается блок
Виталий Бахмутов
22 мая 2023, 11:04

Установил код на страницу. <script src="https://yastatic.net/share2/share.js"></script>

<div class="ya-share2" data-curtain data-limit="3" data-services="messenger,vkontakte,odnoklassniki,telegram,whatsapp"></div>

Получается так что блок подгружает список <ul></ul>>(кружочки)  из темы вордпресс, как исправить?

1 комментарий
Как отследить что пользователь реально поделился
Александр Дувалин
16 мая 2023, 14:26

Как отследить что пользователь реально поделился, а не просто нажал кнопку по которой открылось новое окно? Скорее всего для этого нужно добавить postMessage от дочернего окна при отправке формы в соц сеть.

3 комментария