Как установить кнопки социальных сетей без плагина. Подзатыльник на форуме вебмастеров.

 

кнопки социальных сетей без плагина

Здравствуйте, уважаемые читатели моего блога!

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

В посте я расскажу о том, как установить кнопки социальных сетей в нужном месте блога  без плагина. Это избавит меня от временами барахлившего плагина Share Button и уменьшит скорость загрузки блога.

Теперь по порядку расскажу, как все началось. Я уже давно слышал про блог Сергея Сосновского наконец,  решил, что лучше один раз увидеть и почитать, чем все время собираться. Блог очень интересный, целый сундук  идей и советов по оптимизации и ведению блога, рекомендую посетить, если вы его не читали.

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

Далее я нажал на притягательную кнопку  “=>>Конкурс” на блоге и попал на весьма интересный форум   для блоггеров и вебмастеров. Зарегистрировался и узнал про замечательный конкурс “Статейник”, в котором обязательно приму участие, поскольку  тема его сходна с тематикой моего сайта. Заключается конкурс в том, что Вы пишите статью в раздел форума на предложенную тематику или свою тему находите не занятую и имеете право разместить в ней 2 ссылки. Если тема будет раскрыта хорошо и качественно, представьте какой трафик можно получить с такого популярного форума. Плюс ваша статья будет участвовать в конкурсе с хорошими денежными призами уже 1 ноября подводят итоги. Если хотите принять участие, поторопитесь.

На этом форуме есть раздел “web-дизайн”, а в нем  подраздел “Оценка сайтов и блогов”. Он меня заинтересовал, я открыл там новую тему и написал в ней:

Добрый день, уважаемые!

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

Буду благодарен за ваши мнения и мысли по улучшению.

И я был приятно удивлен, что пользователи начали давать ценные советы и рекомендации, без троллей не обходится не один форум, но тут все корректно и без злорадства. Являясь новичком в блоггинге, я был готов к “ведерку холодной воды” на голову и, поскольку всегда корректно реагирую на критику, отвечал своим советчикам подробно. У меня завязался диалог с некоторыми участниками форума. Один ценный совет я реализовал на блоге в виде скрипта share42, который заменил мне не всегда корректно работавший плагин социальных кнопок. Далее я подробно расскажу по пунктам установку данного скрипта.

Как установить социальные кнопки в конце статьи без плагина?

здесь ваш рекламный код №1

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

Весь процесс установки кнопок соцсетей занимает порядка 15-30 минут, кнопки можно проверить и посмотреть в конце каждой статьи на моем блоге.

Первое, что Вам нужно, перейти на сайт share 42

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

Для этого просто кликаем на нужные Вам иконки соцсетей и они становятся выделенными, перед этим выберите размер ( 32х32, 24х24,16х16). Я выбрал самые раскрученные в Рунете, в которых у меня есть профиль  и размер 32х32.

выбор кнопок share42

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

кнопки на сайт настройки

Я выставил:

  • Тип панели – горизонтальная;
  • Кодировка- Utf 8;
  • Добавить иконку сайта, галочку убрал;
  1. Далее посмотрите, как это будет смотреться в посте, при желании подкорректируйте. Если Вас все устраивает, нажимайте на “Скачать готовый скрипт”  и сохраните на компьютере.
  2. Делаем все, как рекомендуется в пункте 4.

После того, как я распаковал архив в одноименную папку share42, закинул полученную папку на хостинг в корневую папку при помощи Ftp-клиента. После этого проверьте путь, используя пункт 4.3. Будьте внимательны при распаковке архива, чтобы не получилось двойного вложения, т. е.  фалы были по адресу

ваш сайт.ру/share24

а у меня было

вашсайт.ру/share42/share42

и я час мучался, пока не понял причины, по которым скрипт не отображал кнопки. Введя адрес проверки вы увидете скрипт такого вида (не забудьте изменить адрес в пункте 3 и в скрипте на свой !):

knopki-na-sajt-share42-proverka

 

Если при проверке у Вас отображается скрипт, то идем дальше и выбираем тип сайта. У меня это WordPress, после этого копирую скрипт.

кнопки на сайт share42

Заходим через все тот же Ftp в свою тему и корректируем файл single.php (одиночная запись).

knopki-na-sajt-share42-script-sajt

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

Все, можно проверять работоспособность скрипта и радоваться избавлению от очередного плагина и ускорению блога.

По желанию можете изменить стили css в таблице ниже, я ничего не трогал.

кнопки социальных сетей css

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

Хочу узнать у Вас, на каких интересных форумах и блогах вы черпаете свои знания? Рыбные места вроде бы не сдают, но все же… А Вы помните когда  последний раз Вас критиковали по поводу блога и  какие действия стали следствием этой головомойки?

Поделитесь опытом, интересно будет почитать, а на сегодня все.

До встречи!

Интересные статьи по данной теме:

Виджет твиттер на сайт за пару минут?

Внешняя оптимизация сайта – советы и правила

Плагин “заплати лайком”, установка, настройка, использование

Статистика от liveinternet, установка счетчика, анализ

С уважением, Вилков Николай

Хотите в числе первых узнавать о новых статьях и курсах?

Подпишитесь на обновления моего блога и мой канал на YouTube
Если статья вам понравилась, поделитесь с друзьями в социальных сетях. Спасибо!

Получать новости первым!

Получать обновления блога на Email

Обсуждение: 29 комментариев

  1. Не сказал бы что прямо критикуют, но косяки мои частенько подмечают прямо на блоге 🙂

    Краснею, исправляю, благодарю.

    Знания черпаются из гугла, когда начинаю решать один вопрос, по пути в статьях блогеров нахожу еще несколько интересных фишек…

    Ответить
    1. Про косяки это да, бывает, а вот так, чтобы сказали то у тебя слабое, а это вообще никакое, потому, что… и доводы.
      Представь ты спокойный, плывешь по тихой речке на лодке, а тут неожиданно резкий всплеск и ты оказался в воде, голова начинает быстрей соображать.
      Я про такую головомойку…. 😡

      Ответить
  2. Здравствуйте друзья. Не очень поняла кто кого иза что критиковал, наверное спать пора ложиться 🙂 Вот мне лично моя шапка не нравится и вообще все не нравится внешне 🙂 Но боюсь, что как не делай, через время приедается картинка. Но в дизайне я ни бум-бум 🙂 А про кнопки хочется спросить: показатели нажатий где-нибудь видны? У меня плагин с интересным глюком и наверное считает не нажатия, а посетителей. Знаю, что врет, а приятно 🙂
    Всем успехов и спокойной ночи.

    Ответить
    1. Это меня на форуме пропесочили 😀 Нет, тут показателей нажатий нет, не считаю это необходимым, вместо этого плагин убрал и скорости движку добавил. 😯

      Ответить
  3. Людмила:

    Николай, так и правда гораздо лучше и в плане эстетики тоже . 😛 Правда я бы еще пару кнопок посоветовала добавить – “закладки гугл” и Я.ру ( эту на случай если сервис “яндекс закладки” глюкнет, бывает у него порой такое) и та и другая положительно влияют на индексацию в соответствующей поисковой системе.

    Ответить
    1. Спасибо за совет, Людмила. У меня уже стоит Google+ и в футере ссылка на авторство Google, достаточно, а то будет масло масляное 😡 А по поводу Я.ру она у меня последняя из всех стоит. 😕

      Ответить
  4. Лилия:

    Знаю, знаю этот форум. Даже учавствую в конкурсе Статейника-3. Так как новичок во всем этом, то тему выбрала свободную.
    А вам, Николай, желаю удачи в этом конкурсе!

    Ответить
  5. Диана:

    Я этим сервисом тоже пользовалась, удобный)
    Потом, правда сделала через другой сервис, теперь кнопочки у меня еще меньше, ну это мне так нравится просто, а вообще рекомендуемый сервис удобный и хороший. Меньше плагинов – меньше тормозов))

    Ответить
  6. Показатели возле кнопок стимулируют нажатие! Только поэтому берегу свой плагин 🙂 Зайдет человек, посмотрит, что уже кто-то нажал и сам нажмет 😮
    А кнопочка Я.ру самая важная! Если кто не в курсе: сразу после публикации статьи нажимаю кнопку и через пол часа-час статья проиндексирована.
    Лилия, когда мы увидим Ваш блог? Решительности не хватает или пинка некому дать? :mrgreen:
    Надеюсь без обиды. Всем успехов!

    Ответить
    1. Лилия:

      Всему свое время 😐 . Работаю над этим. Приятно, что кому-то интересно это. Спасибо за вопрос.

      Ответить
  7. Не знаю, меня плагин полностью устраивает, пока буду пользоваться им. Чувствую после изучения курса Блоггер-наставник придётся опять дизайн обновлять уже окончательно со всеми указаниями из данного курса.

    Ответить
    1. Плагин, который удачно функционирует это хорошо, но скрипт удачно работающий лучше, по-моему. У каждого свое мнение. ❓
      Обновление дизайна неоднозначный вопрос для меня, уже месяца 3 намечаю. Вот изучу блоггер-наставник и уже план конкретный составлю.

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

      2. Лилия:

        Николай, скажите, пожалуйста, а чем скрипт отличаетсяот плагина? Термин скрипт изредка встречаю, но мне не понятен он. Буду благодарна, если ответите.

      3. Лилия, простите не заметил сразу вопрос.
        Удачный работоспособный скрипт меньше нагружает блог и не конфликтует с плагинами, поскольку плагины часто конфликтуют между собой. 😛

      4. Лилия:

        Я и подумала, что вы не заметили вопрос, поэтому и напомнила.
        А скрипты устанавливаются через коды только? Спасибо.

  8. Сергей Стрелков:

    Николай, сравнил кнопки на своем и на вашем блоге. Ваши мне больше понравились, наверное, поставлю. Темой удобства для читателей, юзабилите блога недавно только призадумался, начав изучать курс Борисова» Блоггер тысячник 2″. И понял все менять надо, все не правильно делал. Мне Ваш блог нравится дизайн хороший и удобно читателям.

    Ответить
    1. Спасибо за комплимент дизайну, Сергей, но я после прослушивания Блоггер наставник понял, что весь дизайн ломать надо и строить новый. 😀

      Ответить
      1. Лилия:

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

      2. Могу даже порекомендовать у кого приобрести, поскольку сам не продаю. :mrgreen:

      3. Лилия:

        Спасибо за предложение, я уже нашла 2-х.
        Кстати, почему вы не ответили на мой вопоос про скрипты, Николай?

      4. А я подумал и решил с дизайном заморочиться после НГ, до пока займусь технической настройкой и приведению блога к правильному виду!

  9. Спасибо за пост. У меня еще не установлены социальные кнопки, буду по вашему совету устанавливать. Спасибо

    Ответить
    1. Юрий, приветствую! Рад, что понравился пост и помог вам.

      Ответить
  10. Данный способ заслуживает внимания, но я почему-то не смог установить их у себя на блоге. Поэтому использовал другой сервис, там гораздо все проще.
    Сервис называется pluso. Если зайдете туда, то все поймете.

    Ответить
  11. Я очень давно хочу установить на блог кнопки соц сетей без плагина, но есть ли возможность устанавливать так кнопки со счетчиками?

    Ответить
  12. Пока у меня установлен плагин для социальных кнопок, но обязательно буду переходить на скрипты. Поэтому такая подробная статья для меня просто клад!

    Ответить
  13. Раньше пользовался скриптом share 42.
    Сейчас использую Pluso,тоже ничего

    Ответить

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

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

© 2017 Блог Николая Вилкова | Записки блогера // Дизайн и поддержка: GoodwinPress.ru