Функционал
Скрипт "поделиться в соцсетях"
Уважаемые пользователи CMS "Веб-Мастерская", представляем Вам замену сервиса Яндекс.Поделиться на нашу собственную разработку - скрипт "поделиться в соцсетях".
Данный скрипт был разработан с целью избавится от стороннего сервиса на программный код которого мы не можем влиять.
Преимущества нашего решения над сторонним от Яндекса:
1. мы можем при необходимости изменять набор соцсетей в соответствии с требованиями законодательства Республики Беларусь а не РФ (в решении от Яндекса нет фейсбука).
2. мы гарантируем что наш скрипт соответствует требованиями законодательства Республики Беларусь, в том числе требованиям по обработке персональных данных (он их не собирает от слова вообще, надеемся что Яндекс тоже, но мы это гарантировать не можем).
Настройка скрипта "поделиться в соцсетях".
Дизайн - Модули - Текстовый блок - Кнопки Поделиться в соц сети - Формат вывода
Необходимо заменить:
<script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script>
<script src="//yastatic.net/share2/share.js"></script>
поделиться в:<div class="ya-share2" data-services="facebook,vkontakte,odnoklassniki,gplus,twitter,linkedin,skype,telegram" data-limit="4"></div>
на
<div class="ww_share"></div> <script type="text/javascript" src="/scripts/share.js" defer></script>в итоге вы получите вид по умолчанию (отображаются все возможные кнопки - малые квадраты с закругленными углами):
Настройка кнопок:
полный список доступных кнопок:- vkontakte
- telegram
- odnoklassniki
- skype
- viber
- copy
что-бы создать свой список кнопок (c учётом порядка следования) используйте атрибут data-buttons:
<div class="ww_share" data-buttons="viber,telegram,facebook,twitter,vkontakte,odnoklassniki,copy"></div> <script type="text/javascript" src="/scripts/share.js" defer></script>
Настройка отображения кнопок:
для вывода квадратных кнопок (без закругленных углов) используйте атрибут data-shape="square":<div class="ww_share" data-shape="square"></div> <script type="text/javascript" src="/scripts/share.js" defer></script>для вывода круглых кнопок используйте атрибут data-shape="round":
<div class="ww_share" data-shape="round"></div> <script type="text/javascript" src="/scripts/share.js" defer></script>для вывода крупных кнопок используйте атрибут data-size="large":
<div class="ww_share" data-size="large"></div> <script type="text/javascript" src="/scripts/share.js" defer></script>и крупные, и круглые кнопки одновременно:
<div class="ww_share" data-shape="round" data-size="large"></div> <script type="text/javascript" src="/scripts/share.js" defer></script>и крупные, и квадратные (без закругленій углов) кнопки одновременно:
<div class="ww_share" data-shape="square" data-size="large"></div> <script type="text/javascript" src="/scripts/share.js" defer></script>
Дополнительные опции скрипта:
1. по умолчанию скрипт берёт адрес страницы из адресной строки и заголовок страницы в качестве текста-описания, но при необходимости возможно отдельное задание title и url, отличного от значений по умолчанию для страницы (может управляться алгоритмами модуля - например, можно использовать сокращённый url к странице/контейнеру). Но при указании атрибута data-url не будет выполняться конвертация ссылки, она будет записываться как есть (за корректность ссылки отвечает сторонний источник)<div class="ww_share" data-text="Пользовательский заголовок" data-url="https://google.com"></div> <script type="text/javascript" src="/scripts/share.js" defer></script>2. по умолчанию скрипт автоматически конвертирует кириллические домены в кириллицу из punycode, но если Вы хотите это отключить используйте атрибут data-punycode="0" или data-punycode="false":
<div class="ww_share" data-punycode="0"></div> <script type="text/javascript" src="/scripts/share.js" defer></script>
<div class="ww_share" data-punycode="false"></div> <script type="text/javascript" src="/scripts/share.js" defer></script>поделиться: