Как установить кнопки социальных сетей без плагина. Подзатыльник на форуме вебмастеров.
Здравствуйте, уважаемые читатели моего блога!
Сегодня пост слегка необычный, на его написание меня вдохновил совет Людмилы на одном очень содержательном и полезном форуме. Получил я там порцию заслуженной критики и несколько замечаний по дизайну и оптимизации своего блога.
В посте я расскажу о том, как установить кнопки социальных сетей в нужном месте блога без плагина. Это избавит меня от временами барахлившего плагина Share Button и уменьшит скорость загрузки блога.
Теперь по порядку расскажу, как все началось. Я уже давно слышал про блог Сергея Сосновского наконец, решил, что лучше один раз увидеть и почитать, чем все время собираться. Блог очень интересный, целый сундук идей и советов по оптимизации и ведению блога, рекомендую посетить, если вы его не читали.
Первое, что я сделал, это изучил пару последних статей и добавил свое фото в альбом блоггеров. Удивительно, но уже на следующий день мое фото красовалось в данном разделе, и автор блога лично об этом написал.
Далее я нажал на притягательную кнопку “=>>Конкурс” на блоге и попал на весьма интересный форум для блоггеров и вебмастеров. Зарегистрировался и узнал про замечательный конкурс “Статейник”, в котором обязательно приму участие, поскольку тема его сходна с тематикой моего сайта. Заключается конкурс в том, что Вы пишите статью в раздел форума на предложенную тематику или свою тему находите не занятую и имеете право разместить в ней 2 ссылки. Если тема будет раскрыта хорошо и качественно, представьте какой трафик можно получить с такого популярного форума. Плюс ваша статья будет участвовать в конкурсе с хорошими денежными призами уже 1 ноября подводят итоги. Если хотите принять участие, поторопитесь.
На этом форуме есть раздел “web-дизайн”, а в нем подраздел “Оценка сайтов и блогов”. Он меня заинтересовал, я открыл там новую тему и написал в ней:
[note]
Добрый день, уважаемые!
Обращаюсь к Вам с просьбой оценить мой блог «Реальный заработок в интернете», подскажите, если что то не так. Не бойтесь ругать, можно жестко, только пожалуйста по существу.
Буду благодарен за ваши мнения и мысли по улучшению.
[/note]
И я был приятно удивлен, что пользователи начали давать ценные советы и рекомендации, без троллей не обходится не один форум, но тут все корректно и без злорадства. Являясь новичком в блоггинге, я был готов к “ведерку холодной воды” на голову и, поскольку всегда корректно реагирую на критику, отвечал своим советчикам подробно. У меня завязался диалог с некоторыми участниками форума. Один ценный совет я реализовал на блоге в виде скрипта share42, который заменил мне не всегда корректно работавший плагин социальных кнопок. Далее я подробно расскажу по пунктам установку данного скрипта.
Как установить социальные кнопки в конце статьи без плагина?
О том, как установить кнопки социальных сетей в сайдбаре, я рассказал в этой статье. Сегодня речь пойдет о кнопках, которые располагаются в начале или в конце постов или плавающие кнопки располагаются слева от поста. Реализуем это при помощи скрипта share42.
Весь процесс установки кнопок соцсетей занимает порядка 15-30 минут, кнопки можно проверить и посмотреть в конце каждой статьи на моем блоге.
Первое, что Вам нужно, перейти на сайт share 42
- Выбираем размер и отмечаем иконки сервисов, которые хотите использовать на своем сайте
Для этого просто кликаем на нужные Вам иконки соцсетей и они становятся выделенными, перед этим выберите размер ( 32х32, 24х24,16х16). Я выбрал самые раскрученные в Рунете, в которых у меня есть профиль и размер 32х32.
2. Выбераем нужные опции:
Я выставил:
- Тип панели – горизонтальная;
- Кодировка- Utf 8;
- Добавить иконку сайта, галочку убрал;
- Далее посмотрите, как это будет смотреться в посте, при желании подкорректируйте. Если Вас все устраивает, нажимайте на “Скачать готовый скрипт” и сохраните на компьютере.
- Делаем все, как рекомендуется в пункте 4.
После того, как я распаковал архив в одноименную папку share42, закинул полученную папку на хостинг в корневую папку при помощи Ftp-клиента. После этого проверьте путь, используя пункт 4.3. Будьте внимательны при распаковке архива, чтобы не получилось двойного вложения, т. е. фалы были по адресу
ваш сайт.ру/share24
а у меня было
вашсайт.ру/share42/share42
и я час мучался, пока не понял причины, по которым скрипт не отображал кнопки. Введя адрес проверки вы увидете скрипт такого вида (не забудьте изменить адрес в пункте 3 и в скрипте на свой !):
Если при проверке у Вас отображается скрипт, то идем дальше и выбираем тип сайта. У меня это WordPress, после этого копирую скрипт.
Заходим через все тот же Ftp в свою тему и корректируем файл single.php (одиночная запись).
Вставляем полученный скрипт туда, где будем выводится кнопки социальных сетей, у меня в конце постов, перед комментариями.
Все, можно проверять работоспособность скрипта и радоваться избавлению от очередного плагина и ускорению блога.
По желанию можете изменить стили css в таблице ниже, я ничего не трогал.
Вот такую полезную головомойку я получил на форуме оптимизаторов и вебмастеров, которая меня привела в тонус и заставила пересмотреть некоторые моменты в дизайне и оптимизации блога. Хотите получить ценные рекомендации, следуйте на форум и общайтесь с форумчанами. Кстати, после публикации нескольких комментариев на блоге, я заметил небольшой приток новых читателей. Согласен, общение на форумах отнимает немало времени, но нужно стараться успевать все.
Хочу узнать у Вас, на каких интересных форумах и блогах вы черпаете свои знания? Рыбные места вроде бы не сдают, но все же… А Вы помните когда последний раз Вас критиковали по поводу блога и какие действия стали следствием этой головомойки?
Поделитесь опытом, интересно будет почитать, а на сегодня все.
До встречи!
Интересные статьи по данной теме:
Виджет твиттер на сайт за пару минут?
Внешняя оптимизация сайта – советы и правила
Плагин “заплати лайком”, установка, настройка, использование
Статистика от liveinternet, установка счетчика, анализ
С уважением, Вилков Николай
Хотите в числе первых узнавать о новых статьях и курсах?
Подпишитесь на обновления моего блога и мой канал на YouTube
Если статья вам понравилась, поделитесь с друзьями в социальных сетях. Спасибо!
Не сказал бы что прямо критикуют, но косяки мои частенько подмечают прямо на блоге 🙂
Краснею, исправляю, благодарю.
Знания черпаются из гугла, когда начинаю решать один вопрос, по пути в статьях блогеров нахожу еще несколько интересных фишек…
Про косяки это да, бывает, а вот так, чтобы сказали то у тебя слабое, а это вообще никакое, потому, что… и доводы.
Представь ты спокойный, плывешь по тихой речке на лодке, а тут неожиданно резкий всплеск и ты оказался в воде, голова начинает быстрей соображать.
Я про такую головомойку…. 😡
Такого не было… 🙂
Здравствуйте друзья. Не очень поняла кто кого иза что критиковал, наверное спать пора ложиться 🙂 Вот мне лично моя шапка не нравится и вообще все не нравится внешне 🙂 Но боюсь, что как не делай, через время приедается картинка. Но в дизайне я ни бум-бум 🙂 А про кнопки хочется спросить: показатели нажатий где-нибудь видны? У меня плагин с интересным глюком и наверное считает не нажатия, а посетителей. Знаю, что врет, а приятно 🙂
Всем успехов и спокойной ночи.
Это меня на форуме пропесочили 😀 Нет, тут показателей нажатий нет, не считаю это необходимым, вместо этого плагин убрал и скорости движку добавил. 😯
Николай, так и правда гораздо лучше и в плане эстетики тоже . 😛 Правда я бы еще пару кнопок посоветовала добавить — «закладки гугл» и Я.ру ( эту на случай если сервис «яндекс закладки» глюкнет, бывает у него порой такое) и та и другая положительно влияют на индексацию в соответствующей поисковой системе.
Спасибо за совет, Людмила. У меня уже стоит Google+ и в футере ссылка на авторство Google, достаточно, а то будет масло масляное 😡 А по поводу Я.ру она у меня последняя из всех стоит. 😕
Знаю, знаю этот форум. Даже учавствую в конкурсе Статейника-3. Так как новичок во всем этом, то тему выбрала свободную.
А вам, Николай, желаю удачи в этом конкурсе!
Я этим сервисом тоже пользовалась, удобный)
Потом, правда сделала через другой сервис, теперь кнопочки у меня еще меньше, ну это мне так нравится просто, а вообще рекомендуемый сервис удобный и хороший. Меньше плагинов — меньше тормозов))
Показатели возле кнопок стимулируют нажатие! Только поэтому берегу свой плагин 🙂 Зайдет человек, посмотрит, что уже кто-то нажал и сам нажмет 😮
А кнопочка Я.ру самая важная! Если кто не в курсе: сразу после публикации статьи нажимаю кнопку и через пол часа-час статья проиндексирована.
Лилия, когда мы увидим Ваш блог? Решительности не хватает или пинка некому дать?
Надеюсь без обиды. Всем успехов!
Всему свое время 😐 . Работаю над этим. Приятно, что кому-то интересно это. Спасибо за вопрос.
Не знаю, меня плагин полностью устраивает, пока буду пользоваться им. Чувствую после изучения курса Блоггер-наставник придётся опять дизайн обновлять уже окончательно со всеми указаниями из данного курса.
Плагин, который удачно функционирует это хорошо, но скрипт удачно работающий лучше, по-моему. У каждого свое мнение. ❓
Обновление дизайна неоднозначный вопрос для меня, уже месяца 3 намечаю. Вот изучу блоггер-наставник и уже план конкретный составлю.
Тоже самая, вроде обновил но вижу что много чего нет на блоге что в курсе советую. Да и вообще я не о том думал, теперь знаю что и к чему нужно делать, изучаю бонусы сделал на бросок того что должно быть 😉 плагины пока не меняю на скрипты, так как думаю все же сменить дизайн на профессиональный и поэтому потом опять коды переписывается не очень хочется с плагинами в этом плане легче!
Николай, скажите, пожалуйста, а чем скрипт отличаетсяот плагина? Термин скрипт изредка встречаю, но мне не понятен он. Буду благодарна, если ответите.
Лилия, простите не заметил сразу вопрос.
Удачный работоспособный скрипт меньше нагружает блог и не конфликтует с плагинами, поскольку плагины часто конфликтуют между собой. 😛
Я и подумала, что вы не заметили вопрос, поэтому и напомнила.
А скрипты устанавливаются через коды только? Спасибо.
Николай, сравнил кнопки на своем и на вашем блоге. Ваши мне больше понравились, наверное, поставлю. Темой удобства для читателей, юзабилите блога недавно только призадумался, начав изучать курс Борисова» Блоггер тысячник 2″. И понял все менять надо, все не правильно делал. Мне Ваш блог нравится дизайн хороший и удобно читателям.
Спасибо за комплимент дизайну, Сергей, но я после прослушивания Блоггер наставник понял, что весь дизайн ломать надо и строить новый. 😀
Неужели так все негоже в оформлении вашего блога?
Столько восторженных отзывов про этот курс, что тоже решила его приобрести и не ждать. Не хочется терять время на лишние хлопоты.
Могу даже порекомендовать у кого приобрести, поскольку сам не продаю.
Спасибо за предложение, я уже нашла 2-х.
Кстати, почему вы не ответили на мой вопоос про скрипты, Николай?
А я подумал и решил с дизайном заморочиться после НГ, до пока займусь технической настройкой и приведению блога к правильному виду!
Спасибо за пост. У меня еще не установлены социальные кнопки, буду по вашему совету устанавливать. Спасибо
Юрий, приветствую! Рад, что понравился пост и помог вам.
Данный способ заслуживает внимания, но я почему-то не смог установить их у себя на блоге. Поэтому использовал другой сервис, там гораздо все проще.
Сервис называется pluso. Если зайдете туда, то все поймете.
Я очень давно хочу установить на блог кнопки соц сетей без плагина, но есть ли возможность устанавливать так кнопки со счетчиками?
Пока у меня установлен плагин для социальных кнопок, но обязательно буду переходить на скрипты. Поэтому такая подробная статья для меня просто клад!
Раньше пользовался скриптом share 42.
Сейчас использую Pluso,тоже ничего