Поделится в социальных сетях для MODX Revo
Рассмотрим, как можно управлять и настраивать кнопки «поделиться» в социальных сетях в MODX Revo. Выводить кнопки в самой статье и в её рубрике.
Не всегда, как мы знаем, эти кнопки корректно работают, чаще всего они берут картинку для новостей не из самой новости, а логотип сайта.
Также возникает потребность показывать кнопки не только в самой новости, но и в рубрике. К примеру, чтобы выводилось по 10 новостей, а после каждой будут выводиться наши кнопки, и они будут брать нужные данные, а именно новости, к которой относятся.
Вот так выводим в самой новости (в шаблоне):
<script type="text/javascript" src="//yastatic.net/share/share.js" charset="utf-8"> </script> <div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="small" data-yashareQuickServices="vkontakte,facebook,twitter,odnoklassniki" data-yashareTheme="counter" data-yashareLink="[[++site_url]][[+uri]]" data-yashareTitle="[[*pagetitle]]" data-yashareDescription="[[*description]]" data-yashareImage="[[++site_url]][[!*tv_img]]"> </div>
Вот так выводим в рубрике, к примеру, через pdoResources:
<script type="text/javascript" src="//yastatic.net/share/share.js" charset="utf-8"> </script> <div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="small" data-yashareQuickServices="vkontakte,facebook,twitter,odnoklassniki" data-yashareTheme="counter" data-yashareLink="[[++site_url]][[+uri]]" data-yashareTitle="[[+pagetitle]]" data-yashareDescription="[[+description]]" data-yashareImage="[[++site_url]][[!+tv.tv_img]]"> </div>
Где:
- data-yashareLink - ссылка на нашу новость
- data-yashareTitle - заголовок новости
- data-yashareDescription - краткий анонс новости
- data-yashareImage - ссылка на изображение новости (tv_img - дополнительное поля для миниатюры изображения новости)
- data-yashareQuickServices - указываем сервисы, через которые сможем поделиться
Мы просто указываем яндексу на наши поля.
Оставить комментарий