Скользящие кнопки социальных сетей для сайта

buttom-300x234

Кнопки социальных сетей для сайта.

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






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

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

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

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

Кстати, данных сервисов в интернете есть не мало, и кнопки соц сетей для сайта можно установить в любом месте (справа, слева, под статьей, над статьей). Мне же нравится, когда кнопки социальных сетей для сайта установлены слева, и когда они скользят (плывут) по мере того, как вы скролите статью вниз, читая ее. Полагаю, что такие копки социальных сетей лучше видны посетителям сайта.

Как установить кнопки социальных сетей на сайт.

Будем устанавливать на свой вэб-ресурс кнопки социальных сетей с помощью бесплатного сервиса SHARE42. На сервисе будет необходимо сделать некоторые настройка (по вашему вкусу), которые я буду сопровождать скриншотами.

Данный сервис полностью русскоязычный, что, безусловно, очень удобно. Сервис поможет сгенерировать скрипт кнопок соц сетей, который будет необходимо вставить в определенное место на вашем сайте. Скрипт устанавливается очень просто (сделать это сможет даже начинающий), «весит» он совсем немного.

Но хватит беллетристики, будем создавать кнопки социальных сетей для сайта

Итак, вы заходите на сервис SHARE42. Сразу же перед вами возникает картинка (см. скриншот – 1), где вы можете увидеть все кнопки соц сетей, которые можно будет показать на вашем сайте (их 43 штуки). В левом верхнем углу можно будет выбрать размер кнопок социальных сетей для сайта. Будем делать все по пунктам.

2015-06-28_14_24_54

Теперь выбираем нужные вам кнопки социальных сетей: в табличке СОЦИАЛЬНЫЕ СЕРВИСЫ, «зажимаете» левой кнопкой мыши нужную иконку и «перетаскиваете» ее в начало таблички. Иконки, рядом с которыми стоит желтая точка, поддерживают счетчик кликов по ним. После всех манипуляций щелкните на функцию СОХРАНИТЬ КОНФИГУРАЦИЮ, дайте название (например, доменное имя вашего сайта), и сохраните.

Теперь необходимо выбрать нужные вам опции. Я выбрал опции, которые показаны на скриншоте – 2, вы же можете выбрать свои (экспериментируйте).

2015-06-28-14.31.57

Следующий пункт – просмотреть, как будут выглядеть кнопки социальных сетей на вашем сайте. Если вам все нравится, все устраивает во внешнем виде кнопок соц сетей, то скачивайте на свой компьютер готовый скрипт.

И сейчас будем устанавливать полученный скрипт. Для этого сначала необходимо разархивировать скаченный скрипт, т.к. он скачается на ваш компьютер архивом.

Теперь разархивированную папку со скриптом нужно загрузить в корневую папку public_html на ваш хостинг. Сделать это можно с помощью программы FileZilla или сделать это прямо на хостинге, закачав через панель управления хостингом разархивированный файл со скриптом в ту же самую корневую папку.

Есть один нюанс: возможно, что после разархивирования у вас получится две папки со скриптом (одна в другой), так вот – закачивать на хостинг нужно самую последнюю (внутреннюю) папку. БУДЬТЕ ВНИМАТЕЛЬНЫ, иначе скрипт кнопок соц сетей работать не будет.

Затем, в предназначенном окошке укажите путь к установленной папке share42. Не забудьте указать тип вашего сайта (в чек-боксе WordPress).

В нижнем поле необходимо скопировать полученный сгенерированный код и установить его в шаблон темы вашего сайта (ВНЕШНИЙ ВИД –> РЕДАКТОР) в файл single.php (ОДНА ЗАПИСЬ). Необходимо будет попробовать поискать место, куда будет вставлен сгенерированный код, т.к. это место будет определяться особенностями шаблона вашей темы. Не забудьте нажать кнопку ОБНОВИТЬ ФАЙЛ.

После проделанной работы можно будет сделать подстройку позиционирования появившихся кнопок соц сетей на сайте. Сделать это можно с помощью изменения цифровых показателей в сгенерированном и установленном коде (это делается методом подбора, и на ваш вкус). Изменения можно будет сделать в следующих показателях кода: data-top1 (расстояние между началом страницы и панелью кнопок, пх); data-top2 (расстояние между верхней границей видимой области страницы и панелью кнопок, пх); data-margin (смещение панели с кнопками по горизонтали: плюс – вправо, минус – влево, пх).

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

УСТАНАВЛИВАЙТЕ НА СВОИ САЙТЫ КНОПКИ СОЦИАЛЬНЫХ СЕТЕЙ И ПРОДВИГАЙТЕ СВОИ ВЭБ-РЕСУРСЫ В ЭТИХ СЕТЯХ.

PS. Хочу предупредить вас, уважаемые читатели, что на моем блоге кнопки социальных сетей, которые вы видите слева, установлены с помощью другого сервиса (эти кнопки соц сетей мне нравятся больше).

 

Автор статьи:  Олег Поздеев

Блог автора: http://infopero.ru/






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

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