Share42- устанавливаем плавающие кнопки социальных сетей

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

  1. Плавающие кнопки видны на экране компьютера в течение  всего посещения читателем. Причем,  этикнопки видны на любой открытой странице, в том числе и главной.
  2. Очень большой выбор кнопок социальных ресурсов. Так же в состав кнопок входит и кнопка ленты RSS  блога. А также и кнопочка возврата к началу страницы. Что исключает установку дополнительного плагина. Если же ваш шаблон внедрен код этого плагина, то кнопку возврата можно просто исключить.
  3. Кнопки устанавливаются посредством кода. Причем этот код надо вставлять всего в  один файл – и кнопки будут отображаться по всему сайту. Установка очень проста. Код позволяет настроить расстояние от начала страницы и расположение кнопок на сайте. И как известно, код не нагружает Ваш блог, как это происходи в случае установки плагина.

Приступаем к установке. Заходим на ресурс  http://share42.com/ru.

Шаг 1. Первое, что нам предлагают сделать, это подобрать размер кнопочек. Их три разновидности: 32х32, 24х24, 16х16;
Подобрав кнопки определенных  сетей, необходимо сохранить конфигурацию на сайте ресурса.

Шаг 1. Подбираем кнопки

Шаг 2. Настраиваем опции.
1. Выбираем расположение кнопок – горизонтальное или вертикальное. Я предполагаю, что вертикальные кнопки более удобны. Они легче устанавливаются на блог и видны на всех страницах. Да и выглядят они более интересно…

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

3. В этом пункте необходимо указать кодировку Вашего сайта. Надеюсь. Что вы ее знаете.

4. В этом пункте, установив значок в чекбоксе,  Вы соглашаетесь на добавление кнопки Share42.

5. Здесь, в случае выбора кнопки RSS, необходимо вставить ссылку с ресурса ленты Вашего блога.

6. В этом пункте надо подтвердить подключение к сайту  jQuery. Если Вы этого не знаете, значит просто этот вопрос игнорируйте.

7. Поставив галочку напротив этого пункта, Вы соглашаетесь показывать счетчик рядом с кнопки для конкретных страниц. Но надо помнить, что не все социальные сети поддерживают данную функцию.

Шаг 2. Настраиваем опции

Шаг 3. Смотрим  как будут выглядеть наши кнопки и если они нас устраивают, скачиваем скрипт на свой компьютер

Шаг 3. Просмотр скрипта

Шаг 4

. Работаем конкретно с собственным сайтом.

  1. Находим  архив скрипта в паке Загрузки на своем компьютере и распаковываем его в эту же папку.
  2. Теперь соединяем посредством FTP-клиента Ваш сайт и хостинг. И загружаем распакованные  файлы  в корневую папку вашего блога на хостинге.
  3. Указываем путь до нашей папки в активном окошечке  пункта. Как только мы это сделали, под окном появляются две строки. В первой появляется активная ссылка для проверки правильной установки файлов в корневую папку. Если после нажатия на ссылку, Вы увидите содержимое папки, значит все сделано правильно.
  4. Выбираем тип сайта – это конечно WordPress.
  5. Забираем  сгенерированный код и идем устанавливать его в файл редактора heder.php.  Здесь очень внимательно ищем закрывающий тег </head>. Обычно за ним сразу идет открывающий тег <body>. Вот между ними, очень аккуратно, устанавливаем полученный код. Не забудьте обновить файл.
  6. Вот теперь можно перейти на блог и полюбоваться выполненной работой. Если  кнопки будут прилеплены к краю браузера, или плохо «выдвигаться» из  под верхнего края – надо провести некоторые настройки, которые я показала на скриншоте. Надо  указать количество пикселей в определенных «фразах» кода. Иногда приходиться «поиграть» с цифрами, пока подбираются расстояния

а) Расстояние от верхнего края сайта.

б) Расстояние от верхнего края экрана, при  прокручивании любой страницы Вашего блога;

в) Расстояние от боковой панели. Если цифру в пикселях, указывать со знаком «-», то кнопки передвинуться влево. Если просто укажите цифру – передвижение вправо.

Шаг 4. Код

Более подробно и наглядно настройки кнопок,  Вы увидите в видео.

Комментарии 30

  • Спасибо!!! Все конечно хорошо, поставил с первого раза, но обнаружил одну проблемку. На мониторах с другим разрешением встает совсем не там где настраивал.

  • Большое спасибо, все получилось с первого раза

  • Спасибо за урок, а как сделать такие как у вас на сайте? Они посимпатичнее будут.

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

  • Здравствуйте Ирина! Сделал всё как написано выше, кнопки так и не появились((( может это как-то связано с версией движка WordPress? У меня на сегодняшний день последняя 4.1.

  • Здравствуйте, Ирина!
    Спасибо Вам большое за ту огромную работу, которую Вы делаете в помощь нам, начинающим блогерам. Ваши статьи для меня настоящая энциклопедия, я постоянно сюда заглядываю.
    У меня вопрос по этому скрипту. Я сделала всё, как у Вас написано, установила кнопочки и они заработали. Но… Если нажать на кнопку Facebook на главной странице сайта, то у меня выдается 404 ошибка. Проверила у Вас- тоже не работает, только выдается 403 ошибка. Почему? При этом на других страницах эта кнопка работает нормально.
    Спасибо.
    С уважением, Людмила.

    • Спасибо за информацию. Предполагаю. что произошли какие-то изменения в настройках FaceBook. Они часто это делают. Как разберусь-обязательно сообщу.

  • Просто отлично кнопки встали! Главное, что они видны не только в записи, но и на странице! Функционально и очень эффектно! А еще большое преимущество, что в отличие от плагина они не утяжеляют блог! Преогромное спасибо, дорогая Ирина!

  • Ирина! Почему-то не увидела статью о плагине Share42 в содержании, а раньше я там находила? Найти-то нашла, но почему не вижу в карте сайта?

    • Ирина, проверила. В рубрике Социальные сети. Посмотрите внимательнее

  • Ещё можно изменить иконки кнопок сервиса Share42 на другие (свои). Если интересно вот ссылка: websektor.ru/poleznoe/izmenit_ikonki_share-42.html

  • В эти каждые кнопочки не надо ставить свои адреса социальных сетей?
    где регистрировались?
    спасибо, все получается, Вы хороший учитель. Благодарю.

  • Очепятка в начале статьи:
    Плавающие кнопки видны на экране компьютера в течение всего посещения читателем. Причем, этикнопки видны на любой открытой странице,

  • Ирина, спасибо за статью и особенно за видео. Не всё так поставил как у Вас, возможно тема такова. Не ставились кнопки в хедер и футер, поэтому поставил в single.php. Они видны при переходе на пост.

  • Отказался от share42 после месяца использования в своём блоге! Неудобств больше, чем сути дела.. Так же долгое время пользовался Pluso и AddThis. Если кто знаком с SEO, то кнопки от этих сервисов — лучше не устанавливать! Я начал искать альтернативы, при этом требования были такие: никакой рекламы, быстрая загрузка на странице, простой онлайн конструктор, гибкие настройки внешнего вида, не надо ничего скачивать и отличный внешний вид. Всё это я нашёл в goodShare. До сих пор не понимаю «как я мог раньше его не использовать?!».. Кому интересно, вот ссылка: share.cntrlmrktng.ru/

    • Отличный ресурс. Спасибо

      • Спасибо вашему блогу! А то никогда не узнала бы про goodShare!))) простые, лёгкие и красивые иконки — то, что надо!)))))

      • Да, плагин очень просто устанавливается. Но Share42 мне нравится больше, так как и RSS-ленту можно добавить и кнопку «Вверх», ещё, и это главное, он стоит на месте даже когда скролишь страницу, то его видно!

  • Ирочка! Большое Вам спасибо за этот (и не только!) урок!
    У меня все получилось!!!

  • Ирина! Спасибо! Получилось все сразу и без проблем. Только на хостинг закачивала без Файлзиллы, а напрямую. Повозилась с архивом, но сделала. Я сама довольна.
    Спасибо!

  • А по этим плавающим кнопкам вообще кликают, просто думаю они вообще нужны?

    • Конечно же нужны. Это обычные кнопки, выполняющие функцию — Поделиться

  • Ирина, спасибо за информацию. Для меня вовремя. Пропали соц.кнопки «плюсо». Установила share42, все получилось. Единственное сразу не обратила внимание и установились горизонтально. Можно ли переделать вертикально или надо заново создавать и загружать на хостинг?

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