/ Сайтостроение / Адаптивность / Поделиться в соц.сетях

Поделиться в соц.сетях

Разбираем сервисы и плагины предоставляющие функционал шаринга («Поделиться в соц.сетях», share).

Плагин AddToAny Share Buttons

Довольно неплохое решение, из +

  • Все необходимые соц.сети (Одноклассники, вконтакте)
  • Нормальные настройки
  • Возможность «из коробки» установить на боковой фиксированной панели

Из недостатков: некоторые соц.сети открываются в соседних закладках, вместо того чтобы открыться в всплывающем окне!

Из неопробыванных, но перспективных плагинов: Uptolike Social Share Buttons.

Сервис Pluso

Очень лаконичное, работающее на 100% решение!
На странице сервиса генерируем код, и вставляем его в нужном месте.

<script type="text/javascript">(function() {
if (window.pluso)if (typeof window.pluso.start == "function") return;
if (window.ifpluso==undefined) { window.ifpluso = 1;
var d = document, s = d.createElement('script'), g = 'getElementsByTagName';
s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true;
s.src = 'https://opttour.ru/wp-content/themes/tester/test/pluso-like.js';
var h=d[g]('body')[0];
h.appendChild(s);
}})();</script>
<div class="pluso" data-background="#ebebeb" data-options="medium,square,line,horizontal,nocounter,theme=04" data-services="vkontakte,odnoklassniki,facebook,twitter,google,moimir"></div>

Если не нужна кнопка с плюсом (открывающая другие соц. сети и рекламу сервиса), закрываем ее стилем:

a.pluso-more { display: none !important; }

Данное решение надо изучить со стороны скорости загрузки.
Особенность: создает внизу страницы несколько iframe’ов!

Попытаться упростить и закачать на сайт, чтоб работал напрямую с сервера

Попытка:

<script type="text/javascript">(function() {
if (window.pluso)if (typeof window.pluso.start == "function") return;
if (window.ifpluso==undefined) { window.ifpluso = 1;
var d = document, s = d.createElement('script'), g = 'getElementsByTagName';
s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true;
s.src = 'https://opttour.ru/wp-content/themes/tester/test/pluso-like.js';
var h=d[g]('body')[0];
h.appendChild(s);
}})();</script>

Есть еще непроверенные варианты кнопок «Поделится» сервисов Yandex и Google.

Поделится информацией с друзьями

  • Комментарии
  • Вложения

Добавить комментарий

Пока нет комментариев. Будь первым!

Поделиться в соц.сетях
Фиксирование сайтбара
Рекомендации для васФиксирование сайтбараOpttour.ru
Спасибо! Наш менеджер свяжется с Вами в течении 5 минут.