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. Код

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

Related Posts Plugin for WordPress, Blogger...

About Смирнова Ирина

Очень рада приветствовать Вас на своем сайте! Моя задача - помочь начинающим интернет-предпринимателям пройти путь к поставленной цели без потерь. Смело перенимайте мой опыт! УДАЧИ!
Социальные сети, , Permalink

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

  1. Антон says:

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

  2. Юра says:

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

  3. Дима says:

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

  4. Эльза says:

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

  5. Наверное где-то что-то не так установлено… Я заменила Share42 на плавающую панель плагина Share Buttons by AddToAny, который я описала в статье http://altacademic.ru/knopki-sotsialnyih-setey-dlya-sayta/

  6. Сергей says:

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

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

  8. Людмила says:

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

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

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

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

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

  13. Геннадий! У Вас в комментарии тоже ОЧЕПЯТКА!

  14. Ирина, спасибо огромное, за Вашу внимательность! Исправила

  15. закрывающий тег head , а не heder.

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

  17. Нет, этого делать не надо

  18. Марина says:

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

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

  20. Спасибо! Исправлю.

  21. Геннадий says:

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

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

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

  24. Vikky says:

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

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

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

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

  28. Ильнур says:

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

  29. Да, к сожалению надо все делать сначала…

  30. Елена says:

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

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