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

soc-knopki2

Приветствую, читателей  ! Социальные сети, давно являются ресурсом не только объединяющим  людей всего мира по интересам, увлечениям и видам деятельности, но и мощнейшим средством продвижения товаров и услуг. Один клик по “социальной” кнопке,  может вызвать существенный приток заинтересованных читателей на ваш сайт, многие из которых возможно станут постоянными посетителями.

Кроме того, кнопки социальных сетей ускорят  индексацию  публикуемого на сайте контента   поисковыми системами. Это касается, в первую очередь “молодых” сайтов, которые редко посещаются роботами поисковиков.  Социальные сети постоянно пополняются огромным объёмом контента который ежедневно индексируется. Когда робот поисковика “наткнётся”  на ссылку  – он перейдя по ней проиндексирует ваш сайт. Благодаря такому приёму, удаётся защитить контент сайта от воровства и плагиата.  Некоторые вебмастера, после публикации очередной статьи, сами нажимают кнопки социальных сетей на своём сайте, чтобы ускорить индексацию.soc-knopki3-300x204

Установка на сайт  “плавающих” кнопок социальных сетей  Share42 без плагина.

Вариантов  установки кнопок социальных сетей существует огромное множество. Самым простым способом, является установка соответствующего плагина. Однако их применение заметно увеличивает время загрузки сайта, что отрицательно сказывается на ранжировании вашего ресурса в результатах поисковой выдачи. С различными вариантами использования скриптов, также не всё просто. Многие из них при загрузке посылают большое количество запросов, на что постоянно “ругается” приложение Page Speed. Преимуществом кнопок Share42 перед прочими является:

  • Выбор горизонтального или вертикального расположения панели кнопок.
  • Выбор принадлежности кнопок к какой-либо сети, их количество в панели и очерёдность расположения.
  • Выбор размера кнопок.
  • Ссылки на соц.сети закрыты для индексации поисковиками.
  • Самое главное: Изображения кнопок предоставлены в одном файле, и объединены в виде “спрайта” (sprites). Этот файл и скрипт хранятся в корневой папке вашего сайта и для вывода изображений кнопок,  не делаются запросы на сторонние ресурсы для их загрузки и следовательно не замедляется загрузка сайта.
  • Преимущество “плавающей” панели кнопок заключается в том, что кнопки всегда находятся перед глазами посетителя сайта и на  расстоянии движения  кисти его руки. Для нажатия на любую из кнопок не требуется совершать скроллинга или других действий.
Читать также:  Увеличить посещаемость сайта бесплатно

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

Для выбора и настройки кнопок социальных сетей  перейдите на сайт Share42. Первым делом, вам предлагается выбрать размер кнопок. Здесь надо исходить из дизайна шаблона вашего сайта, однако существует мнение, что на кнопки больших размеров посетители кликают охотнее чем на мелкие. Нажимая на изображения кнопок и перетаскивая, вы можете выстроить их в любом желаемом порядке. Для того, чтобы нужная кнопка была включена в блок для вашего сайта, выделите её нажатием.soc-knopki4Далее: Выбираете тип панели, кодировку сайта, просматриваете выбранную панель и скачиваете архив с файлом изображений и скриптом.soc-knopki5Извлекаете скачанный архив и с помощью FTP-клиента FileZilla загружаете папку Share42 на хостинг, в корневую папку сайта (public_html). Как правильно загружать файлы на хостинг, узнайте  здесь. Если что-то не будет получаться,  свяжитесь со мной через страницу “Контакты” – я обязательно помогу вам. После загрузки папки на хостинг, необходимо вернуться на сайт Share42, указать для будущего кода путь к папке “залитой” на хостинг(это можно сделать позже). Указать движок сайта,soc-knopki6скопировать код и вставить его в шаблон вашего сайта. Перед тем, как вставлять код в шаблон, создайте текстовый документ в любом редакторе (лучше конечно Notepad++). Вставьте скопированный код в этот документ и сохраните на компьютере на всякий случай. Теперь войдите в панель администратора сайта. В панели инструментов, на вкладке “Дизайн” (у некоторых “Внешний вид”) выберете “Редактор”. В правой колонке файлов, найдите “single.php” или “loop-single.php” и откройте для редактирования. Если у вас нет опыта работы с файлами шаблона или он очень мал – не поленитесь скопировать весь открывшийся файл в текстовый документ. Мало ли что-то пойдёт не так – вы сможете быстро вернуть всё в прежнее состояние. А вообще надо взять за правило – делать резервную копию сайта после каждой новой публикации. После предпринятых мер предосторожности, в админке сайта откройте файл single.php. Найдите в нём такую запись:  <?php the_content(); ?>   – и вставьте код сразу после неё. Кнопки социальных сетей будут появляться на сайте при открытой записи. Если вы хотите, чтобы кнопки постоянно были на сайте – вставьте этот код в файл подвала footer.php  – в конец файла, перед закрывающим тегом </body>.

Читать также:  Поведенческий фактор на сайте и как на него повлиять.

Настройка расположения блока кнопок.

В коде вставленном в шаблон сайта, есть строчки регулирующие расположение блока кнопок:

  • data-top1="150" - расстояние от верхнего края шаблона при загрузке страницы.
  • data-top2="2" - расстояние от верхнего края шаблона при прокрутке сраницы.
  • data-margin="" - горизонтальное положение блока.У меня например, установлен  "-65". этот параметр зависит от дизайна и параметров шаблона вашего сайта.

Кроме изложенного в этой статье способа, можно установить кнопки соц.сетей от Яндекса.

Перейдите на http://api.yandex.ru/share/, выберите блок кнопок на свой вкус и вставьте его в файл single.php. Для установки в начале поста – непосредственно перед строкой <?php the_content(); ?>,  а в конце поста – сразу после этой строки. Если в вашем  шаблоне нет возможности вставки кода кнопок в файл single.php, придётся использовать виджеты или вставить код кнопок прямо в текст.

Всего вам хорошего. Большое спасибо за кнопки!

Закладка постоянная ссылка.

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

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