Здравствуйте, дорогие читатели моего блога. В этот раз пойдет речь об интересном способе, который позволяет добавить на сайт так всем нужные кнопки социальных сетей. Если быть более конкретным, то о сервисе, с помощью которого можно создать скрипт для отображения данных кнопок.
Во многих начинающих блоггеров тут же возникнет вопрос, а зачем это, зачем нам нужно добавлять всякие там кнопки? Первое что я отвечу – нужно и очень сильно.
Во-первых надо же как-то заполнить и уразнообразить наш блог для посетителей, а то с одними только статьями он не будет выглядеть очень «юзабительно :)». Еще можно вставить видео из vkontakte на блог wordpress. Во-вторых с помощью вот этого приема мы сможем привлечь дополнительный трафик из социальных сетей на свой любимый ресурс, что как не крути, очень даже хорошо. Как говорится, трафика много не бывает;)
Речь пойдет о сервисе share42.com и о том как с его помощью добавить на свой ресурс красивые кнопки социальных сетей, при этом не устанавливая никаких плагинов, которые способны создать немалую нагрузку на хостинг.
Преимущества данного способа установки кнопок социальных сетей
- красиво нарисованные иконки
- высокая скорость загрузки. Хорошо оптимизированный код скрипта, при загрузке кэшируется браузером, что ускоряет повторную загрузку.
- легко установить. На сайте подробная инструкция как установить скрипт. Все что нужно это заполнить несколько полей, закачать скрипт на хостинг и вставить код его вызова.
- полностью автономная работа скрипта. Порой, сайт грузятся очень медленно, очень часто это связано с использованием скриптов, расположенный на сторонних серверах
- универсальность. Данный скрипт дает возможно подключить всеми любимые кнопки почти к любому сайту, не только к wordpress
А теперь давайте перейдем к установке.
Инструкция, как установить кнопки социальных сетей на блог wordpress
Итак, первое, что нам нужно, перейти на вот этот сайт. Перед предстанет сервис по созданию выше представленных кнопок.
Попав на сайт, первое что мы делаем, выбираем размер кнопок, который лучше всего подойдет к нашему блогу. Лично я выбрал самый большой размер, то есть 32х32. После того как выбрали размер необходимо определится, кнопки каких сервисов нам больше всего нужны на блоге. Из представленных вариантов я выбрал 8 кнопок различных сервисов и кнопку добавления страницы в избранное. Также есть еще возможность отсортировать их, таким образом каким мы хотим чтобы они отобразились на блоге. Для этого перетаскиваем выбранные кнопки, ставя их в нужном порядке.
Из предоставленных настроек нам необходимо также выбрать вид отображения кнопок –вертикальный или горизонтальный, кодировку и еще ввести адрес RSS блога (Если вы также выбрали кнопку RSS подписки).
Дальше нажимаем на кнопку «Просмотреть» чтобы увидеть, как все это дело будет отображаться, если все устраивает, переходим к следующему этапу установки кнопок.
После того как мы проделали все действия, описанные выше, скачиваем полученный скрипт, при помощи соответствующей кнопки.
Полученный архив лучше всего закачать в корень сайта, после чего разархивировать. В следующем шаге необходимо вставить CSS код, что нам будет сгенерирован на сайте, в css файл активного шаблона. Теперь нам остается только вставить код вызова скрипта, который имеет примерно следующий вид.
<script type="text/javascript" src="http://jablogs.net/wp-content/plugins/share42/share42.js"></script> <script type="text/javascript">share42('http://jablogs.net/wp-content/plugins/share42/','<?php the_permalink() ?>','<?php the_title() ?>',200,100)</script>
По моему мнению, лучше всего его вставлять в файл «одной записи» single.php, после блока content. В этом случае данные кнопки будут отображаться только на страницах с полными статьями и подгружаться начнут только после того как загрузится статья.
Вот на этом и все, не забывайте пароль от wordpress, спасибо за прочтение статьи, буду благодарен, если вы её оцените.
А я для такого пользуюсь плагином Sociable RE . Он попроще будет и с огромным выбором сетей.
@leiten, плагины тормозят блог
Кнопки соц. сетей — разумный ход! Я на своем сайте тоже такие поставил!!!
И я себе поставил. Самое главное — все просто и понятно 🙂
Социальные сети сейчас сильная вещь, главное что кнопки на сайте есть, а как они поставлены или чем уже другорядный вопрас
А я необходимые кнопки мне вручную в ЦСС прописовал и в шаблоне ПХП код правил(((
Кнопки социальных сетей это понятно обязательный атрибут уже для практически любого сайта, они позволяют поднять посещаемость. Но вопрос имеет ли смысл ставить кнопки от социальных закладок? Или пусть лучше будет чем нет?
Нашла плагин, сделанный на основе этого скрипта. Это вообще нечто! Называется Social It! Можете посмотреть у меняhttp://asmircomp.ru . И в коде копаться не надо и настраивается легко!!!
Желательно ставить плагин. Если сервис будет не доступен то и ваш сайт будет жутко тормозить. Ставил кнопки от сервиса одна кнопка.
@Бабай, если бы внимательно читали, то такой ответ не написали бы. Как я написал выше в статье этот скрипт абсолютно автономный. А сервис служит только для генерации кода скрипта, который потом нужно будет закинуть на хостинг
@admin, плагины вообще зло для блога. они создают дополнительные запросы к базе MySQL, замедляя загрузку страниц. а сервис отличный *good*
Спасибо за сервис, глубоко благодарен)
Спасибо за сервис. Подскажите еще как сделать мне нравиться вконтакте фейсбуке как у вас?
@Владимир, скоро напишу подробную статью об этом, подписывайтесь на блог и узнаете в подробностях, так сказать 🙂
Ой спасибки! А я все ломала голову как сделать эти кнопки. Пыталась сделать как читала на других сайтах, но что-то не очень получилось.
А скажите, как сделать кнопки соц сетей, подписчики и твиттер, как у вас справа и слева, чтобы они по всей длине страницы были?
@Кристина, уточните вопрос о чем именно вы говорите?
слева плавающие кнопки — скрипт который описанный в данной статье
справа в прикрепленном к краю страницы бейджике — плагин. Вот здесь о нем детально написано http://jablogs.net/wordpress/plagin-dlya-wordpress-simple-counters-uvelichit-chislo-podpischikov.html
в виджете «Подписка на блог» справа вверху при помощью html кода
Меня больше всего как раз-таки скрипт заинтересовал, сразу не поняла, что это именно про него, т.к. социальные кнопки у вас не только справа, но еще и внизу поста.
Спасибо! Теперь осталось все сделать, как написано)))
Уже попробовала: ничего не получилось. После вставки этих строчек в single.php после поста, на этом месте отображаются только символы (конечно же я вставила свой домен и даже поменяла кавычки на правильные).
Я пробовала сделать и так, как написано на самом сайте, но в том случае у меня отображается лента закладок непосредственно после записи.
Может подскажете, что я делаю неправильно?
@Кристина, посмотрите еще раз на код в статье. В качестве примера вставил код из своего блога.
http://jablogs.net/wp-content/plugins/share42/ — это путь к скачанной папке скрипта. Возможно вы его не верно прописали
Мне данные кнопочки не нравятся. Есть намного лучше и в установке гораздо проще- Social Share Buttons (без for WordPress). На моем блогеhttp://delayblogi.ru/ стоят такие, и по-моему очень неплохо смотрятся, во всяком случае получше:-)
Все, у меня уже получилось))
Вопрос такой: Нужно ли закрывать кнопки социальных сетей от индексации поисковиков? Ваше мнение…
@Абдикарим, не обязательно но рекомендуется, а зачем создавать лишнее внешнее ссылки на страницах сайта?
Сам, обычно, пользуюсь плагинами. Сервис действительно интересный но, на мой взгляд, количество закладок можно было бы расширить.
Для того кто не разберается в скриптах, думаю будет сложно установить кнопки.
Вот кнопки соц сетей, занимают мало места а функционал большой,
Все легко и просто ставится. Соц. сети сейчас в ходу и пренебрегать ими нельзя. Твит статье.
Здравствуйте! Не могли ли Вы мне помочь… Хочу установить кнопки соцсетей по вертикали, как у Вас, вроде сделал все так, как написано, но они у меня остаются на одном месте и не прокручиваются вместе со страницей.
@Мурат, возможно причина в хостинге…
Было бы хорошо обзор лучших плагинов для социалок сделать, а то не могу определиться какой лучше. Все проверять много времени займет.
А подскажите пожалуйста как это сделать по простому на ВП. Копирую тот сгенерированый скрипт в виджет и ничего нет. В какой файл ВП его прописывать что бы выбранные кнопки появились на сайте
@Роман,
пропишите в файле single.php активного шаблона и не забудьте в коде вызова правильно прописать путь к скрипту, вот этому файлу share42.js
Приветики!!! Помнится мне я часа четыре потратила на установку кнопок, они почему то у меня копировались и выдавались по две))) Но я их поборола, так что как вы понимаете в моем случае креативить опасно))) 😀
Здравствуйте!
Знаете, возникла недавно такая проблема. Когда нажимаю на кнопки мне нравится (в мир) не отображается картинка, переходит только главная с шапки, а со страницы товара не могу выбрать. Что же делать? Ни как не пойму..
Пробовала разные варианты многие готовые скрипты, но ничего не выходит. Есть у меня такой же сайт с этой же темой — там все получается — здесь нет. Сайт vasilisa-lux.com
Помогите, пожалуйста
@Ольга, возможно проблема в хостинге…
Спасибо за подробное объяснение процесса, кнопочки мной успешно установлены и не возникло никаких сложностей, хотя я не специалист в этой области.