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

1. Выберите размер и отметьте иконки сервисов, которые хотите использовать на своем сайте:

Всего кнопок: 45
  • 32x32
  • 24x24
  • 16x16
Выбрать/снять все Инвертировать выделение !
Социальные сервисы:

2. Выберите нужные опции:

3. Посмотрите, как это будет выглядеть и/или скачайте готовый скрипт

4. Установите скрипт на своем сайте:

  1. Распакуйте архив со скриптом.
  2. Загрузите папку "share42" на ваш сайт по FTP (при желании папку можно переименовать).
  3. Укажите путь до этой папки: , например, http://site.ru/share42/.

  4. Выберите наиболее подходящий тип сайта:

  5. Вставьте в шаблон вашего сайта (до или после основного текста статьи) следующий код:

    <div class="share42init" data-url="<?php the_permalink() ?>" data-title="<?php the_title() ?>" data-url="<?php print $node_url ?>" data-title="<?php print $title ?>" data-url="[url]" data-title="[title]"></div>
    <script type="text/javascript" src="http://site.ru/share42/share42.js"></script>
    <script type="text/javascript">share42('http://site.ru/share42/',150,20)</script>

    здесь [url] замените на код ссылки, а [title] замените на код названия статьи.

    Если вы не знаете, какой код нужно вставить вместо [url] и [title] (у каждой CMS он свой), тогда в 4-м пункте выберите "Статический сайт без поддержки PHP".

    150 - расстояние от начала страницы до плавающей панели (в пикселях);
    20 - расстояние от верха видимой области страницы до плавающей панели (в пикселях).

  6. Для оформления панели вы можете добавить в файл стилей вашего сайта (файл с расширением .css) следующий код (не обязательно):

  7. Добавьте в файл стилей вашего сайта (файл с расширением .css) следующие стили:

    Для оформления панели можно также добавить следующие стили (не обязательно):

  8. Готово.

О сервисе

Share42.com - это бесплатный сервис, генерирующий скрипт, который позволяет посетителям вашего сайта публиковать ссылки на ваши статьи в социальные медиа (закладки, социальные сети).

О преимуществах использования такого скрипта вы может прочитать в соответствующей вкладке.

Преимущества скрипта:

– Красивые иконки.
Все иконки выполнены в едином стиле и выглядят красиво.
– Маленький размер.
Код скрипта максимально оптимизирован. К тому же он кэшируется браузером, что позволяет ускорить его повторную загрузку.
– Простота установки.
Скачали скрипт, загрузили на сайт, подключили к сайту.
– Никаких лишних ссылок.
Все ссылки выводятся с помощью JavaScript, поэтому при установке скрипта количество внешних ссылок на вашем сайте не увеличится.
– Никакого лишнего HTML-кода.
В шаблон сайта добавляется всего три строки кода, а весь HTML-код кнопок формируется с помощью JavaScript.
– Без обращений к сторонним сайтам.
Нередки ситуации, когда сайт открывается долго из-за того, что скрипт подключается с другого сайта. Установка скрипта на свой сайт позволит этого избежать.
– Можно подключить почти к любому сайту.
Скрипт универсален, будет работать на сайте любого типа, у которого есть FTP-доступ.
– Используется всего одно изображение (спрайт).
Это позволяет снизить количество обращений к серверу, на котором находится ваш сайт.
– Вы сами выбираете иконки социальных сервисов, которые будут отображаться на вашем сайте.

История изменений

15.04.2012:
– изменена иконка Twitter.
08.04.2012:
– изменена иконка Google Plus.
04.03.2012:
– исправлена ошибка в jQuery-варианте скрипта.
28.02.2012:
– теперь при повтором посещении данного сайта сохраняются выбранные ранее иконки.
26.02.2012:
– реализован вариант скрипта на jQuery.
18.02.2012:
– реализована возможность многократного вывода горизонтального варианта панели;
– описание процесса установки вынесено на вкладку "Генератор";
– изменен 5-й пункт процесса установки.
12.02.2012:
– добавлены кнопки Google Plus и WebDiscover.
29.01.2012:
– для вывода панели больше не используется document.write();
– немного изменен процесс установки (5-й пункт).
13.11.2011:
– добавление ссылок в Blogger, Facebook, Twitter и "Одноклассники" теперь происходит в маленьком окне, а не во вкладке;
– добавлена кнопка "ёСМИ".
16.10.2011:
– добавлена функция ограничения количества отображаемых иконок в вертикальной панели с прокруткой вверх/вниз;
– добавлена кнопка "Наверх".
30.08.2011:
– количество кнопок увеличено до 42 (добавлены "Мой круг", Surfingbird, "Сохранить в избранное браузера", "Отправить на e-mail другу", "Подписаться на RSS сайта");
– иконки, которые не относятся к социальным сервисам, вынесены в отдельный блок;
– добавлен установочный код для Drupal.
16.07.2011:
– обновлена иконка "Одноклассников".
11.06.2011:
– добавлена возможность выбрать язык подсказок у иконок (русский или английский).
09.04.2011:
– доработан интерфейс генератора;
– добавлена опция "Добавить иконку сайта Share42.com".
03.04.2011:
– количество кнопок увеличено до 37 (добавлены Я.ру и Pikabu);
– к ссылкам добавлен атрибут rel="nofollow";
– сделана возможность установки на сайте, использующем протокол https.
05.03.2011:
– количество кнопок увеличено до 35 (добавлены LiveInternet и РуТвит);
– при клике на кнопку "Вконтакте" окно теперь не разворачивается на весь экран.
22.01.2011:
– добавлена опция выбора кодировки скрипта.
14.01.2011:
– добавлена функция автоматического сокращения ссылки при публикации в Twitter.
13.01.2011:
– добавлен вариант скрипта с "плавающей" панелью;
– доработан процесс установки скрипта.
13.11.2010 - 28.12.2010:
– количество кнопок увеличено до 33.
06.11.2010:
– релиз сайта.

Обратная связь

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

Поблагодарить автора

Если данный сайт оказался вам полезен, то вы можете поддержать его автора материально с помощью системы Webmoney.

Для этого кликните на кнопку: