Блок кнопок «Поделиться в соцсетях» на сайте, в MODX и не только
Опубликовано: 09 Января 2023
Для создания блока «Поделиться в соцсетях» на сайте теперь не требуется каких-либо серьезных усилий, Яндекс готов все сделать за вас. Достаточно пройти по ссылке, на страницу плагина «поделиться» (https://yandex.ru/dev/share/), настроить необходимый внешний вид кнопок, и установить в нужном месте на сайте.
Впрочем, не все параметры можно настроить в визуальном представлении. Для более углубленной настройки придется заглянуть в документацию. Так, например, можно изменить стиль кнопки «поделиться», с короткого значка, на длинный: button-type="long". Или настроить вывод информации для каждой соцсети отдельно (на примере тегов MODX):
<!-- Так для twitter используется короткий заголовок вместо длинного -->
<div
class="ya-share2"
data-curtain
data-shape="round"
data-services="messenger,vkontakte,odnoklassniki"
data-title="[[*longtitle]]"
data-title:twitter="[[*pagetitle]]"
></div>
Если кнопки «поделиться» надо вывести в каталоге, то придется настроить код для шаблона записей отдельно. Например в Modx он будет выглядеть так (вместо прямых ссылок на поля «*» используются ссылки на поля ресурсов «+»):
<div class="ya-share2"
data-curtain
data-shape="round"
data-limit="0"
data-more-button-type="short"
data-services="messenger,vkontakte,odnoklassniki"
data-url="[[++site_url]][[+uri]]"
data-title="[[+pagetitle]]"
data-description="[[+content]]"
data-image="[[++site_url]][[+image]]">
</div>