Кнопки социальных сетей для DLE

Сегодня никто не станет оспаривать огромное влияние социальных сетей если не на все общество, то на большую ее часть. В связи с этим, оптимизация веб-ресурсов раскололась на два направления: поисковая оптимизация (SEO) и социальная оптимизация (SMO).

Если рассматривать второе направление более конкретно, то SMO – это оптимизация под социальные медиа ресурсы (социальные сети, блоги и т.д.).

В связи с этим, возникает проблема быстрого добавления контента в социальные сети, закладки. Основная идея в том, что пользователю предоставляется возможность добавить понравившийся материал в ту или иную, как русскую, так и зарубежную социальную сеть. С этой проблемой и будем разбираться.

Существуют несколько сервисов, позволяющих добавить в нужное вам место социальные кнопки, нажимая на которые, пользователи, например, зарегистрированные в Одноклассниках, могут быстро добавить туда понравившийся материал. Польза от этого видна невооруженным глазом. Ваш сайт бесплатно рекламируют пользователи на своих страницах в социальных сетях. В результате повышается количество посещений, покупок, кликов по рекламным материалам, скачиваний, ссылок на ваш ресурс.

Первый сервис, на который стоит обратить внимание - Share42.com.

Это бесплатный сервис, представляющий из себя генерирующий скрипт. Настроить его чрезвычайно просто. Для этого выбираем размер иконок, затем социальные сети (их можно менять местами при помощи перетаскивания), настраиваем остальные параметры и, так как мы настраивает кнопки для DLE, то в пункте «Выберите наиболее подходящий тип сайта:» указываем «прочие CMS». После чего скачиваем готовый скрипт, заливаем его себе в корневую директорию хостинга, туда, где расположен ваш веб-сайт (http://site.name/share42/). Далее копируем исходный код скрипта из пункта 5 и вставляем его в шаблон fullstory.tpl, в нужное вам место (обычно вставлять следует после тега {full-story}). После этого, во вставленном скрипте, тег [url] заменяем на {full-link}, а [title] на {title}. В результате должно получиться следующее:

<div class="share42init" data-url="{full-link}" data-title="{title}"></div>
<script type="text/javascript" src="/share42/share42.js"></script>

Преимущество данного сервиса:

- красивые иконки, выполненные в едином стиле
- максимально оптимизированный код скрипта, который кэшируется браузером, для максимально быстрой загрузки
- простота установки и настройки
- различные варианты панели с иконками (горизонтальная, вертикальная «плавающая»)
- никаких лишних ссылок и HTML кода (ссылки выводятся при помощи javascript с атрибутом rel=«nofollow»)
- использует всего одно спрайтовое изображение (позволяет снизить количество запросов к серверу)

Следующий рассматриваемый сервис социальных кнопок от Яндекса.

Здесь все предельно просто:

- выбираем нужные иконки и внешний вид блока

- копируем исходный код скрипта и вставляем в нужное место в DLE шаблон fullstory.tpl.

По умолчанию, блок с иконками рассчитан на стандарт HTML5. Если такой блок установить на сайт не поддерживающий HTML5, то при проверке сайта на валидацию, появятся несколько ошибок. Чтобы этого избежать, необходимо установить блок следующим образом.

Установка блока с социальными кнопками от Яндекса для HTML4:

1. Добавьте скрипт блока на вашу страницу (fullstory.tpl):

<script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>

2. Добавьте на страницу контейнер блока:

<span id="ya_share1"></span>

3. Добавьте javascript-код вызова функции блока (см. пример ниже):

<script type="text/javascript">
new Ya.share({
  element: 'ya_share1',
    elementStyle: {
      'type': 'button',
	'border': true,
	'quickServices': ['yaru', 'twitter', '|', 'vkontakte']
    },
    link: 'http://www.yandex.com/',
    title: 'Yandex — the best search engine in the universe!',
    popupStyle: {
      blocks: {
        'Поделись-ка!': ['yaru', 'twitter', '', 'vkontakte'],
        'Поделись-ка по-другому!': ['yaru', 'twitter', 'vkontakte']
      },
      copyPasteField: true
    },
    serviceSpecific: {
      twitter: {
        title: '#Yandex — the best search engine in the universe!'
      }
    }
});
</script>

Преимущества очевидны: ничего не надо настраивать, дописывать, загружать на хостинг, но и разнообразных настроек тут просто не существует. Что может быть проще?

Ну и напоследок, рассмотрим социальные кнопки от Pluso.

Сервис предлагает красиво выполненные кнопки социальных сетей. Присутствуют некоторые настройки, такие как разнообразный стиль кнопок, горизонтальная или вертикальная панель кнопок, выбор их размера, фона. Выбранный вариант отображается в поле предпросмотра.

Установка также проста, как и в предыдущем варианте: необходимо скопировать код скрипта и вставить его в нужное место в шаблон fullstory.tpl.

 Несомненно, существуют и другие сервисы (например от QIP), предлагающие скрипты социальных кнопок. Однако, корректно работать в DLE они отказываются.