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

English | Русский

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

Всего кнопок: 45
  • 32x32
  • 24x24
  • 16x16
Выбрать/снять все Инвертировать выделение
Социальные сервисы:
Порядок иконок можно менять, перетаскивая мышью.
Прочее:

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

Сохранить конфигурацию

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

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

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

  1. Распакуйте архив со скриптом.
  2. Загрузите папку "share42" на ваш сайт по FTP или через панель управления хостингом (при желании папку можно переименовать).
  3. Укажите путь до этой папки: , например, http://site.name/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]" data-top1="150" data-top2="20" data-margin="0"></div>
    <script type="text/javascript" src="http://site.name/share42/share42.js"></script>

    Параметры, которые вы можете указать
    Параметр Описание Пример использования
    data-url ссылка на страницу <div class="share42init" data-url="http://site.name/page-title/">
    data-title заголовок страницы <div class="share42init" data-title="Заголовок страницы">
    data-image ссылка на изображение <div class="share42init" data-image="http://site.name/image.jpg">
    data-description описание к странице <div class="share42init" data-description="Описание страницы">
    data-path путь к папке с файлом иконок icons.png <div class="share42init" data-path="http://site.name/share42/">
    data-zero-counter 1 - показывать нулевой счетчик, 0 - не показывать нулевой счетчик <div class="share42init" data-zero-counter="1">
    Параметры для вертикальной панели
    data-top1 расстояние от начала страницы до панели, в пикселях <div class="share42init" data-top1="150">
    data-top2 расстояние от верха видимой области страницы до панели, в пикселях <div class="share42init" data-top2="20">
    data-margin смещение панели по горизонтали, в пикселях (отрицательно значение - влево, положительное значение - вправо) <div class="share42init" data-margin="-70">
  6. Готово.

О сервисе

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

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

Скрипт позволяет:

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

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

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

10.11.2013:
– счетчики теперь отображаются постоянно справа от иконки.
– добавлен параметр data-zero-counter.
02.11.2013:
– добавлена кнопка Postila.ru.
09.09.2013:
– исправлено: скрипт не работал, если заголовок или описании страницы содержали более одной одинарной кавычки.
23.06.2013:
– исправлено: изображения не добавлялись автоматически при публикации в Facebook и ВКонтакте, если не был указан параметр data-image.
04.06.2013:
– исправлено: не отображался счетчик Facebook, если ссылка содержала символ "&".
18.05.2013:
– теперь в jQuery-скрипт добавляется код счетчиков только для соответствующих выбранных кнопок;
– устранена проблема с одинарной кавычкой в описании к странице.
20.04.2013:
– исправлено: невозможно было добавить ссылку в Facebook, если не был указан параметр data-image.
30.03.2013:
– обновлен jQuery-вариант скрипта для работы на jQuery 1.9 и выше.
10.02.2013:
– реализована возможность сохранять конфигурации в генераторе (отмеченные иконки, порядок иконок и выбранные опции);
– исправлено: если не был указан параметр data-url, то счетчик не показывался.
04.02.2013:
– добавлена опциональная возможность отображения счетчиков в jQuery-варианте скрипта (список поддерживаемых сервисов находится на странице "О сайте");
– при повторном посещении данного сайта теперь сохраняется ранее установленный порядок иконок;
– теперь во все сервисы, которые это позволяют, передается описание страницы;
– теперь все сервисы, в которых это подразумевается дизайном, открываются в маленьком окошке;
– убрана кнопка Netvibes.
03.02.2013:
– исправлена ошибка, связанная с неработающими кнопками Facebook, Mail.ru и "В Контакте".
29.01.2013:
– возвращена рабочая кнопка Pinterest;
– добавлены параметры data-image и data-description для указания ссылки на изображение и описания страницы соответственно (data-image обязателен для работы кнопки Pinterest).
15.12.2012:
– убрана кнопка Pinterest в связи с тем, что она больше не работает без подключения внешнего скрипта.
20.11.2012:
– при добавлении страницы во "В Контакте" ее название теперь берется из параметра data-title.
27.09.2012:
– исправлена ошибка, связанная с неработающей в некоторых случаях кнопкой "Наверх" в jQuery-варианте.
22.09.2012:
– добавлен необязательный параметр data-path для указания произвольной папки с файлом иконок;
– решена ситуация с одинарной кавычкой в заголовках страниц, при которой скрипт не работал;
– исправлена ошибка, связанная с неработающими кнопками "Избранное браузера" и "Наверх" в горизонтальном варианте.
13.09.2012:
– возвращена кнопка Google Plus, теперь она работает. Если вы устанавливали скрипт с этой кнопкой до 13 сентября 2012 г., сгенерируйте скрипт заново, т.к. старый вариант кнопки больше не работает;
– изменен 5-й пункт процесса установки, код сокращен до двух строк;
– обязательные CSS-стили перенесены в скрипт.
08.09.2012:
– временно убрана кнопка Google Plus в связи с тем, что она не работает по независящим от автора скрипта причинам.
03.09.2012:
– добавлена английская версия сайта.
28.07.2012:
– обновлены иконки: Twitter, "В Контакте", StumbleUpon, "Наверх".
– добавлена кнопка Pinterest.
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, PayPal или Яндекс.Деньги.



Упоминания сайта: