Социальные кнопки со счетчиком от Pluso

Здравствуйте, сегодня хочу представить вам кнопочки со счетчиком кликов по ним от сервиса Pluso, а также расскажу как установить их на свой сайт вручную или же с помощью плагина WordPress Pluso.

Скачать исходники для статьи можно ниже

Сразу же переходим на страничку сервиса — «share.pluso.ru».

Создание кнопок и их размещение займет у вас 5-10 минут.

Регистрация на сервисе не нужна — просто выберите нужные вам социальные кнопки, скопируйте код и вставьте в нужное место на вашем сайте — все очень быстро и просто!

социальные кнопки со счетчиком от pluso

Как видите из скриншота выше — здесь много русскоязычных сервисов: ВКонтакте, Одноклассники, БобрДобр, Мой Мир@Mail.ru, Яндекс.Закладки, Я.ру, В Кругу Друзей, МоеМесто, МойКруг,.. — что очень радует!

И главный плюс социальных кнопок от Pluso — это возможность выбора кнопок со счетчиком кликов по ним (на скриншоте выше показан синей стрелкой).

После того как выбрали стиль кнопок и социальные сети следует блок предпросмотр кнопок, а также настройки:

соцкнопки со счетчиком кликов

Здесь можно выбрать размер кнопок: большие, средние, мелкие.

А также общий счетчик кликов, который будет показан справа в конце — на скриншоте выше — это счетчик с цифрами 1657.

Далее идет блок с кодом для кнопок:

кнопки соцсетей со счетчиком от pluso

Здесь жмем на кнопку «Копировать».

Все теперь переходим на сайт и выбираем место для социальных кнопок.

1-ый способ: Самое простое — это вставить их в боковую колонку (сайдбар).

Для этого на сайтах с движком wordpress — входим в панель управления, в левом меню выбираем пункт «Внешний вид» и его подпункт «Виджеты», ищем виджет «Текст» и переносим его в нужный сайдбар. Далее вставляем скопированный нами код в данный виджет:

социальные кнопки от pluso

Переходим на сайт и смотрим, что получилось:

соцкнопки в сайдбаре от pluso

По моему мнению, просто класс!

2-ой способ: вставляем кнопки в конце каждой странички или записи сайта.

Для этого на сайтах с движком wordpress заходим в панель управления, в левом меню выбираем пункт «Внешний вид» и его подпункт «Редактор», справа в списке шаблонов ищем файл, отвечающий за вывод записей на wordpress — single.php и открываем его код.

Ищем в нем строчку вывода комментариев (пример со стандартной темой Twenty Eleven):


<?php comments_template( '', true ); ?>

И вставляем перед ней код социальных кнопок от сервиса Pluso:


...

<?php get_template_part( 'content', 'single' ); ?>

&nbsp;

&nbsp;

<script type="text/javascript">(function() {
 if (window.pluso)if (typeof window.pluso.start == "function") return;
 var d = document, s = d.createElement('script'), g = 'getElementsByTagName';
 s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true;
 s.src = ('https:' == window.location.protocol ? 'https' : 'http') + '://share.pluso.ru/pluso-like.js';
 var h=d[g]('head')[0] || d[g]('body')[0];
 h.appendChild(s);
 })();</script>
 <div class="pluso" data-options="medium,square,line,horizontal,nocounter,sepcounter=1,theme=14" data-services="vkontakte,odnoklassniki,facebook,twitter,google" data-background="none;"></div>

&nbsp;

<?php comments_template( '', true ); ?>  /*строчка вывода комментариев*/

&nbsp;

<?php endwhile; // end of the loop. ?>

</div><!-- #content -->
 </div><!-- #primary -->

...

Если нужно подкорректировать местоположение социальных кнопок со счетчиком от Pluso, например, сдвинуть их немного вправо, то можно открыть файл стилей wordpress — style.css (Внешний вид- Редактор — файл style.css) и вставить в самый его конец следующий код:


.pluso {
padding: 0 0 0 130px !important;
}

Данным кодом мы сместили социальные кнопки от Pluso на 130px вправо.

Аналогичные действия выполняются с файлом, отвечающим за вывод страничек на wordpress — page.php.

 

3-ий способ: это установить плагин WordPress Pluso

Сервис Pluso создал хороший плагин, чтобы облегчить работу по вставке социальных кнопок на ваш сайт!

Данный плагин есть на сайте «wordpress.org», сведения о нем:

Последнее обновление: 2013-5-14

Загрузок: 968

Страница плагина: «wordpress.org/plugins/share-pluso»

 

Установка плагина WordPress Pluso стандартная — заходим в панель управления сайтом, в левом меню выбираем пункт «Плагины» и его подпункт «Добавить новый», в строке поиска вводим WordPress Pluso, устанавливаем и активируем плагин.

После активации плагина, в пункте «Настройки» (Параметры), у вас появиться новый подпункт PLUSO, заходим в него:

плагин wordpress pluso

Как видите в настройках данного плагина есть 3 вкладки: Кнопки, Отображение, Расширенное отображение.

Нажимаем на кнопку «Создать новый набор кнопок»:

плагин соцкнопок от pluso

Здесь задаем «Название» набора кнопок, далее вставляем код кнопок, который мы получили на сайте »share.pluso.ru» и нажимаем на кнопку «Сохранить изменения».

Далее переходим во вкладку «Отображение»:

настройка плагина wordpress pluso

Здесь выбираем набор кнопок — в моем примере это «1″ (так я назвал набор кнопок на предыдущем скриншоте) и после чего у вас появляются настройки отбражения:

- Позиция кнопок Pluso (здесь можно задать расположение социальных кнопок над контентом или под контентом, а также их выравнивание: слева, справа, по центру);

- Расположение кнопок на записях и страничках, рубриках (можно указать их расположение на всех страничках и записях или же в отдельных категория).

И не забываем нажать на кнопку «Сохранить изменения».

Все готово!!!

 

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

Чтобы узнать шорт-код или код для вывода кнопок внутри шаблонов сайта на wordpress — достаточно открыть третью вкладку «Расширенное отображение»:

шорт-код плагина ordpress pluso

На этом все!

Введите свой email адрес для того, чтобы подписаться на мой блог:


knopkisoc

Социальные кнопки со счетчиком от Pluso: 3 комментария

  1. Сергей

    Кто-нибудь знает, как настроить кнопки, чтобы они не учитывали в ссылке utm-метки
    Техподдержка plusо не отвечает.

    Вот, что им написал:

    Почему, когда посетители перешли на страницу по рекламной кампании (в
    ссылке есть utm-метки), и начали плюсовать страницу, то плюсы
    считаются отдельно от той же страницы, на которую перешли по той же
    ссылке, но без utm-меток?

    Вот пример двух ссылок, которые ведут на одну страницу, но статистика
    по ним ведется отдельно:
    http://www.protema.ru/blog/item/284-calendar2014
    http://www.protema.ru/blog/item/284-calendar2014?utm_source=protema%2Fall&utm_medium=%D0%9F%D1%80%D0%BE%D0%A2%D0%B5%D0%BC%D0%B0.+%D0%A1%D0%B2%D0%B5%D0%B6%D0%B8%D0%B5+%D0%BF%D1%83%D0%B1%D0%BB%D0%B8%D0%BA%D0%B0%D1%86%D0%B8%D0%B8&utm_campaign=email

    http://www.uchitel-izd.ru/upload/files/clip2net/ol/2014/01.14-16160.png

    GoogleAnalytics и ЯндексМетрика такие параметры отсекает.
    Как можно настроить, чтобы статистика в pluso тоже отсекала эти
    стандартные параметры?

    У вас блог есть какой-нибудь? А то с hello@pluso.ru еще ни одного
    ответа от вас не получил.

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>