Марафон по созданию сайтов — шаг 7: установка кнопок социальных сетей

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

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

Поведенческие факторы играют существенную роль в процессе формирования алгоритмов поисковых систем.

Социальные сигналы (лайки, ретвиты, плюсы) — дают знать поисковым системам что контент не просто уникальный, а интересный и актуальный для пользователей. Доказано, что на ранжирование врияют социальные сигналы в Фейсбуке, Твитере и Гугл+. Точных данных по Одноклассникам (как зарегистрироваться) и ВКонтакте на сегодня нет. Зато трафик из ОД и ВК можно четко отследить в статистике.

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

 

как установить кнопки соц сетей на сайт

Если учесть, что у наших читателей разные интересы и разный возраст , можно предположить что у пользователей аккаунты в разных социальных сетях. Это только seoшники могут иметь аккаунты везде.)) Поэтому мы будем устанавливать группы кнопок социальных сетей.

Способ первый  - установка блока «поделиться» от Яндекса

Переходим по ссылке на сайт технологии Яндекса. Там всё просто — ставим галочки на нужных сервисах (стрелка 1.), выбираем вид отображения — счетчик, кнопки, иконки или другое ( стрелка 2.), копируем получивший код  (обведено — цифра 3.) и просто вставляем в нужное место.

значки соц сетей для сайта

Например,  прямо в пост через закладку текст (html). Смотрите ниже как получилось:

Но, вставлять такой код в каждый пост при публикации — утомительно, да и не разумно. Как быть?   а) Можно вставить код «поделиться от Яндекс» через виджеты: идем в Панель управления — Внешний вид (Дизайн) — Виждеты — добавить виджет «текст/html» и вставить в него код. как установить кнопки социальных сетей на сайт Блок кнопок социальных сетей будет отображаться в сайдбаре и выглядеть примерно так. виджет соц сетей для сайта б) Можно отредактировать тему оформления (придется редактировать html код сайта).  Этот путь мы будем рассматривать отдельным постом.

в) С помощью одного плагина, который нам пригодится и в дальнейшем. Это плагин iMoney, который распостраняется через депозитарий вордпресса.  Идем в панели управления в закладку плагины — добавить новый (если не помните как — вернитесь к шагу 4 марафона) и через поиск добавляем плагин imoney. Активируем и переходим в настройки этого плагина. Находим где можно добавить html код (см картинку) блок соц сетей для сайта Открываем и включаем настройки (enabled) html и добавляем код до или после контента. Если нужно выровнять отображение кода по середине то используем

<center>ваш код </center>  или <p align="center">ваш код </p>

Не забываем нажать сохранить — и вуаля: код отображается в посте после контента.

Способ второй — плагины вордпресс

Плагинов в депозитарии вордпресс, которые предоставляю кнопки поделиться довольно много. Как выбрать лучший — тестируйте, смотрите как сделано у других. В коментах уже кто-то писал, что плагины нагружают блог — это верно, поэтому принимайте решение сами — стоит ставить плагин или нет. Из всех плагинов я бы предложил на выбор два:  Easy Social Share Buttons и Social Share Buttons for WordPress. Почему эти — они поддерживают российские социальные сети. Первый,  правда, платный — 14$ — смотрите оф.страницу. А второй давно не обновлялся, хотя именно он «заточен под рунет».  У меня на некоторых проектах установлен именно этот плагин Social Share Buttons for WordPress. Как устанавливать плагины было написано в этом шаге марафона. Основное преимущество плагинов — простота использования и низкий порог вхождения.

Способ третий — внешний сервис

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

1. PLUSO

Красивый и удобный вариант размещения кнопок социальных сетей без плагина. Заходим на сайт ПЛЮСО, регистрируемся (тут все понятно) регистрация в pluso Выбирайте стиль отображения кнопок, а также социальные сети, которые будут отображаться. Удобно, что можно отсортировать кто будет на первом месте, кто на втором и т.д. (такой же прием есть в плагине Social Share Buttons) 2015-01-05 16-20-57 Скриншот экрана После нашего выбора — есть предпросмотр — вы увидите как кнопки будут отображаться на сайте: 2015-01-05 16-24-00 Скриншот экрана Теперь остается только заполнить дополнительные поля справа (необязательно — тогда «расшаривается» текущая страница) — и скопировать код. Код вставляем в нужное место (в сайдбар или через вышеописаный плагин imoney). результат в рабочем состоянии вы можете протестировать прямо сейчас на одностраничнике по ссылке>>

Преимущество PLUSO — просмотр статистики http://account.pluso.ru/share/stats, удобство, простота. Помимо установки через плагин можно поставить его через редактирование html кода в файле single.php, но при смене шаблона дизайна (темы) — придется все переделывать снова.

 

2. Uptolike

Это тот сервис, который я  настойчиво рекомендую использовать. Удобные кнопки, множество вариантов настройки панели кнопок — горизонтальная, вертикальная (как у меня слева), хорошая статистика. Установка этого кода важна еще и потому, что только с его наличием принимают в некоторые биржи ссылок и статей, например в вебартексе наличие Uptolike обязательно!

Как установить кнопки от Uptolike? Переходим на сайт  Регистрируемся

2015-01-05 17-17-16 Скриншот экрана

Далее создаем новый проект:

2015-01-05 17-24-19 Скриншот экрана

Среди всех предложений комплекса нас больше интересует виджет «поделиться»:

2015-01-05 17-29-44 Скриншот экрана

Там также, как и в PLUSO можно выбрать нужные социальные сети, настроить сами кнопки, место расположения блока и другие дополнительные настройки. Когда все готово — жмете кнопку «сгенерировать код» — появится окно , где нужно ввести урл вашего сайта.

2015-01-05 17-35-01 Скриншот экрана 2015-01-05 17-36-31 Скриншот экрана

 

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

Рекомендую протестировать — попробуйте поделиться, нажав одну из кнопок.

Большой плюс Uptolike — это подробная статистика по лайкам и расшариваниям:

2015-01-05 17-14-57 Скриншот экрана

Теперь домашнее задание:

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

Прошу участников марафона  прислать ссылку на свой проект на почту (контакты тут)

Не пропустите важные материалы — добавьте это сайт в закладки Ctrl+D  или подпишитесь на рассылку, чтобы не пропустить (это не инфо рассылка — вам просто будут приходить уведомления что вышла новая статья):

Введите ваш email:
В закладки: постоянная ссылка.

Комментарии:

9 Comments

  1. Елена(1 комментарий)

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

  2. razdiratel (17 комментариев)

    Раньше пробовал различные плагины для движков с соц.конпками. а потом стал пользоваться внешними сервисами и понял, как это хорошо.

  3. Андрей (15 комментариев)

    Спасибо,поставил Uptolike. Смотрится красиво, мне нравится! По поводу ввода ключа для статистики, на ящик mail.ru письмо с секретным ключом не приходило. Повторял несколько раз, всё безрезультатно. Указал ящик gmail.com. Ключ пришел мгновенно.

  4. установила плагин соцситей, все настроила, не работает ОК -сплывает окно и тут же закрывается, попробую придложеный вариант, спасибо

  5. mr.x(1 комментарий)

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

  6. nikitaryzkin (5 комментариев)

    отличная статья , большое спасибо ) давно уже думал повесить кнопки соц.закладок к себе на сайт , будем пробовать )

  7. Раньше думал — это очень заморочно. Сейчас читаю все выпуски «марафона», переосмысливаю.

    Но вот вопрос: как люди из разных социальных сетей узнают о моем сайте/блоге? На первые страницы поисковиков он не попадет — это и я реально понимаю и вы в одной из статей упомянули. А на 10-20-100 страницы выдачи никто не заглядывает. В итоге мой сайт рискует зачахнуть, как магазин без покупателей. Эта мысль всегда меня останавливала, хотя о нужности создания сайта для заработка пишут давно и много. То, что у вас прилагается простая и подробная инструкция — толкает на «подвиги», но замешательство пока у меня остается.

    • Роман Орлов

      Потап, для этого есть целая наука — оптимизация. Наша цель — получить в итоге сайт с доходом, основанном на трафике. В дальнейшем будем подробно разбирать как делать сайт и контент для сайта так, чтобы получить трафик. То есть попасть в топ 10 поисковиков.

  8. Буду пробовать

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

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