Все для создания и продвижения сайтов

Верстка, программирование, SEO

Поделится в социальных сетях для 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 - указываем сервисы, через которые сможем поделиться

Мы просто указываем яндексу на наши поля.

Выделите опечатку и нажмите Ctrl + Enter, чтобы отправить сообщение об ошибке.