Всем привет. Сегодня речь пойдет о 2х сервисах, предоставляющих скрипты социальных закладок, а также кнопок социальных сетей — Одна кнопка и Share42.

Одна кнопка и Share42 - скрипты социальных закладок

Одна кнопка — сервис для добавления статей в социальные закладки и сети Fabebook, Vk, Twitter

Одна кнопка — популярный сервис, скрипт позволяющий с легкостью добавить статью в социальные закладки и сети. Плюс такого сервиса в том, что не требуется устанавливать дополнительные плагины на сайт. Сама кнопка смотрится отлично (есть выбор показа скрипта на сайте), установка проходит быстро. Достаточно знать куда ее поставить. Оптимальный вариант сразу после статьи (файл single.php):

<h4><?php comments_number('0', '1', '%'); ?></h4>
...
<?php obwp_google_468_ads_show(); ?>
</div>
<div>
<script src="http://odnaknopka.ru/ok1.js" type="text/javascript"></script>

Результаты могут быть такими:

Одна кнопка - скрипт социальных закладок для сайта

Смотрится красиво, но возможно не всем будет понятен данный блок.

Share42 — бесплатный сервис социальных кнопок

Share42 — бесплатный сервис, предоставляющий скрипт социальных закладок для сайта, аналогично сервису Одна кнопка. Но скрипт от Share42 более понятен в визуальном плане, нежели от Одна кнопка. Еще одно неоспоримое преимущество Share42 — возможность выбора кнопок социальных закладок и социальных сетей. Генерация скрипта состоит из нескольких пунктов:

  1. Выбор размера кнопок;
  2. Выбор из 44 кнопок социальных закладок и сетей;
    Скрипт социальных закладок Share42
  3. Тип панели — горизонтальная и вертикальная;
  4. Ограничение видимых иконок для вертикальной панели;
  5. Кодировка вашего сайта — узнать можно на сервисах проверки и анализа сайта;
  6. Язык подсказок — русский конечно;
  7. Если хотим, то можно оставить кнопку Share42, чтобы другие тоже смогли поставить у себя этот скрипт;
  8. Вводим адрес вашего RSS;
  9. Смотрим результат или скачиваем готовый скрипт;
    Настройка Share42 скрипта социальных закладок и сетей

Скачиваем сгенерированный скрипт, а точнее папку на компьютер.

Установка скрипта социальных закладок на сайт

Пожалуй единственное, что может доставить дискомфорт — установка скрипта на сайт. Для этого от вас потребуется подключиться к хостингу и загрузить в корневую папку сайта (httpdocs) скаченную и разархивированную папку Share42. Далее заходим в файл single.php и прописываем путь к файлу скрипта:

<h4><?php comments_number('0', '1', '%'); ?></h4>
...
<?php obwp_google_468_ads_show(); ?>
</div>
<div>
<script type="text/javascript" src="http://site.ru/share42/share42.js"></script>
<script type="text/javascript">share42('http://site.ru/share42/','<?php the_permalink() ?>','<?php the_title() ?>',150,20)</script>

Где site.ru — адрес вашего сайта. Если вы выбрали вертикальный стиль, то добавим в список стилей (файл .css) следующий стиль:

#share42 {
  position: fixed;
  z-index: 1000;
  margin-left: -70px; /* смещение панели влево от края контента */
}

Установка скрипта завершена, результат зависит от вашего выбора кнопок:

Результат установки скрипта социальных закладок

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

Клевые баскетбольные трюки на батуте:

Комментариев: 17

  1. writer

    Orcinus Orca Согласен, но как мне друзья подсказали, что лучше использовать кнопки побольше — так яснее зачем они нужны (скорее они имели ввиду что они бросаются в глаза)))

  2. nasati

    Использовала кнопки созданные с помощью сервиса share42.com. Решила добавить кнопки (для этого изменила шаблон на share42.com), перезаписала папку на папку с новыми сгенерированными кнопками, но никаких изменений на блоге не произошло. Что я делаю не так, не подскажите?

  3. writer

    Nasati Посмотрите код на самом блоге, где вы разместили скрипт. Возможно там имена файлов или папок не совпадают.

  4. writer

    Nasati Возможно, есть синтаксическая ошибка, просто вы ее не замечаете. Так бывает (я при редактировании шаблона таких ошибок допускал). Для начала проверьте все, если нет ошибок, то проделайте все действия заново, но сначала удалите папку со скриптом и код, где скрипт должен отображаться. Ну а потом заново его установите в том виде, в котором хотите видеть.

    1. nasati

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

  5. writer

    Nasati Давайте я вам лучше помогу по почте или ICQ, так будет проще и быстрее

  6. Геннадий

    Добрый день. У меня возникли проблемы с установкой кнопок Share42. Все делаю по инструкции. Через FileZillu переношу распакованный архив в папку своего сайта получается так /interesfakt.ru/share. Затем копирую путь, на сайте Share42 вставляю свою ссылку, потом появляется сообщение, что могу проверить свою ссылку по адресу http://interesfakt.ru/share42/share42.js открывается мой сайт, но на страничке сообщение «Ошибка 404 – страница не найдена». Я так понимаю, путь неверно указан. Но почему, ведь все верно. Может поможете, где у меня, что не так.

    1. writer

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

  7. Karolina

    Подскажите пожалуйста, как можно установить кнопки в разных сочетаниях и разных местах блога?

    У меня почему-то получается везде только одна первая комбинация…

    Спасибо..)

    1. writer

      Пользовался до момента выхода Pluso. \Так что сейчас выбор соц кнопок это дело вкуса)))

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

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

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