Главная / Создание и продвижение сайтов / САЙТОСТРОЕНИЕ / Установка на сайт кнопок социальных сервисов

Установка на сайт кнопок социальных сервисов

Всем привет! Сегодня поговорим об установке кнопок популярных социальных сервисов на свой сайт, не пользуясь плагинами. Известным побочным эффектом подключения плагинов к работающему на WordPress’e сайту является увеличение нагрузки на серверную часть и снижение скорости работы CMS.

Бесплатный сервис социальных кнопок Share42.com предлагает элегантный выход из ситуации, генерируя в процессе взаимодействия с пользователем несложный скрипт, добавление которого в структуру вашего сайта дает посетителям небольшой набор удобных инструментов. Помимо возможности опубликовать понравившуюся статью на одной из популярных социальных площадок, пользователь получает приятный бонус в виде дополнительных полезных кнопок для добавления в избранное браузера, подписки на RSS, распечатки статьи на принтере или отправки по e-mail. Многим покажется полезной кнопка, возвращающая наверх — к началу страницы.

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

Выбор социальных кнопок для сайта

1. выбираем размер кнопок из предложенных: 32х32, 24х24 или 16х16. Отмечаем мышкой иконки социальных сетей и онлайн-сервисов, которые хотели бы видеть на своем сайте.

Выбираем понравившиеся кнопки

Путем перетаскивания выбранных кнопок компонуем порядок их отображения на страницах.

Определяем порядок расположения иконок

2. Производим несложные настройки: выбираем вариант расположения панели с кнопками (горизонтальный или вертикальный), ограничение количества видимых одновременно кнопок, указываем кодировку сайта и прописываем адрес своего фида в случае добавления RSS-кнопки.

socialnye-knopki-3

3. Смотрим, как это будет выглядеть на сайте и скачиваем готовый скрипт к себе в компьютер.

socialnye-knopki-4

4. Устанавливаем скрипт на своем сайте. Для этого загружаем его через FTP-клиент в выбранную директорию сайта. Для формирования встраиваемого в страницы кода необходимо будет указать путь к папке со скриптом, а также отметить подходящий тип сайта (в моем случае это WordPress).

socialnye-knopki-5

5. Копируем и вставляем сгенерированный сервисом Share42 код в том место шаблона сайта, где будет отображаться панель с кнопками. Пользователям WordPress, в зависимости от выбранного места и используемого шаблона, придется немного поэкспериментировать с файлами header.php или single.php, предварительно сохранив копию файла шаблона, чтобы обезопасить себя на всякий случай. Предлагаемый код вставляется как есть, непосредственно до или после вывода на странице записи. В моем случае это выглядело таким образом:

Социальные кнопки - правка кода шаблона

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

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

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

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

И еще один важный момент. На странице сервиса Share42 при желании вы можете отблагодарить автора-разработчика этого скрипта материально.

Расскажите об этой статье в соцсетях:

17 комментариев

  1. Мастер Ву

    Простая и понятная статья. Пользуясь инструкцией установил такие же кнопки на свой сайт.

  2. Евгения

    Прекрасный нужный материал. Благодарю Вас!

  3. Надо бы и себе на сайт социальные кнопки добавить, пусть ссылаются, кросспостят, не жалко — лишь бы посетителей приводили. Инструмент хороший, будем пробовать.

    • Отпишитесь при случае о результатах. У меня пока трафика из соцсетей не наблюдается.

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

  5. Никакого толку от этих кнопок нет! Только место занимают, никто по ним не кликает.

  6. Полезная информация. Но не все понятно сразу, поставил в закладки, буду перечитывать.

  7. Мне эти кнопки тоже нравятся, аккуратные. А то что размер выбрать можно — только в плюс.

  8. Сегодня днем анализировал содержание сети интернет, и неожиданно к своему восторгу обнаружил ваш сайт. Для нас данный сайт показался весьма нужным. Удачи!

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

  10. Кнопки социалок для сайта вещь нужная. Тем более, что поисковики давно уже научились реагировать на социальные сигналы — репосты, лайки и т.п. Вот только я бы поставил кнопки от Яндекса, они попроще и посимпатичнее.

  11. Кнопки хороши тем, что универсальные — можно настроить под любой дизайн, под любой размер, выбрать только те, что нужны на сайте.

  12. Удобный и простой в настройке сервис. Обязательно установлю на свой сайт социальные кнопки.

  13. Да, без социалок сейчас никуда. Даже поисковики на них ориентироваться стали. Только сейчас в соцсетях фейков больше, чем живых. Сеошники постарались.

  14. Простой сервис, простая установка. Даже школьник разберется. А польза от социальных кнопок для сайта — несомненная.

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

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