Блок кнопок «Поделиться в соцсетях» на сайте, в MODX и не только

Для создания блока «Поделиться в соцсетях» на сайте теперь не требуется каких-либо серьезных усилий, Яндекс готов все сделать за вас. Достаточно пройти по ссылке, на страницу плагина «поделиться» (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>

 

Здравствуйте!

Позвольте представиться, меня зовут Марина. Более 10 лет я занимаюсь обслуживанием сайтов и развитием интернет проектов. Если вы хотите избавиться от хлопот связанных с созданием и поддержкой сайта, тогда вы попали по адресу. При работе с сайтами я предоставляю качественные услуги, ориентируясь на ваши индивидуальные потребности. Для связи со мной воспользуйтесь формой обратной связи.

Инсталента