Расшаривание статей блога в соц.сети

Ставим на сайт кнопки «Поделиться статьёй в соц.сетях»

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

А поможет нам в этом вопросе замечательный сервис share42.com. Он позволяет подобрать иконки для кнопок, выбрать необходимые соц.сети и автоматически сформировать скрипт на javascript.

Инструкция в картинках:

1) Выбираем необходимые соц.сети и сервисы:

Выбор иконок для кнопок

 

2) Устанавливаем свойства отображения кнопок, вписываем ссылку на RSS поток и путь планируемого размещения скрипта кнопок и картинки с иконками.

Настрока социальных кнопок

 

3) Получаем PHP код, который нужно вставить в файл шаблона, отображающей статьи сайта. Также можно настроить эффекты отображения, вставив CSS код в файл style.css.

Получение кода социальных кнопок

 

Я немного изменил PHP и CSS код, чтобы кнопки лучше подходили к дизайну блога.

PHP код:

<!-- #кнопги перепоста в соц.сети -->
<div class="share42block">
<h3>Поделитесь статьёй или подпишитесь на обновления:</h3>
<div class="share42init" data-url="<?php the_permalink() ?>" data-title="<?php the_title() ?>"></div>
<script type="text/javascript" src="https://seorubl.ru/share42/share42.js"></script>
<script type="text/javascript">share42('https://seorubl.ru/share42/')</script>
</div>

CSS код:

/*кнопки перепоста в соц.сети*/

.share42block {
  text-transform: uppercase;
  margin:10px;
}
.share42init {
  text-align: center;
  display: block;
}
#share42 {
  display: inline-block;
  padding: 6px 0 0px 6px;
  background: #FFF;
  border: 1px solid #E9E9E9;
  border-radius: 4px;
}
#share42:hover {
  background: #F6F6F6;
  border: 1px solid #D4D4D4;
  box-shadow: 0 0 5px #DDD;
}
#share42 a {opacity: 0.5;}
#share42:hover a {opacity: 0.7}
#share42 a:hover {opacity: 1}

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

12 thoughts on “Ставим на сайт кнопки «Поделиться статьёй в соц.сетях»”
  1. Не так давно, где-то читал логическое объяснение того что использовать такие кнопки — мовитон. И согласился с высказыванием. Впрочем сам продолжаю везде где не лень втыкать «поделяшку от яндекса» -)

    1. Кнопки от Яндекса — эта когда лень делать что-то своё. Но мне они не нравятся, так как загрузка скрипта идёт с их сервера и сайт притормаживает. А если ещё поиск от Яндекса поставить, то вообще тормоза. Плюс код js скрипта в share42.com открыт и понятен, можно внести свои правки при необходимости, используется код только для необходимых на данный момент кнопок. А в поделке от Яндекса мало того, что в одном файле собраны коды для всех кнопок, так ещё для всех языков и это всё при оптимизированных именах функций и переменных. Разобраться в исходнике довольно сложно.

      1. С этим согласен. Свое оно интереснее и полезнее. Я к тому, что если сайт полезен, люди итак найдут способ рассказать о нем. И последнее что они сделают — используют кнопку от «рассказать там-то». Они сгенерируют свой контент. И оставят бэк. Мне кажется это объективно…. Но повторюсь, сам я использую такие кнопки -)

  2. Использование может не ограничиваться посетителями и привлечением с их стороны новых читателей, установка блока кнопок актуальна в случае если сам владелец сайта имеет аккаунты в нескольких соц. сетях (такой-же маньяк, как и я 😉 … ) — очень удобно нажать кнопки, вместо того, чтобы копировать материалы.

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

  3. Поисковикам побоку, если ты конечно не кликаешь 25 раз на 1 кнопку … правда тогда тебя и из социалок быстро выкинут… по крайней мере со списка друзей — сами юзеры 🙂

    1. Это SMO, работа над юзабилити, а соответственно полезно для пользователей. А что вы понимаете под уникальностью контента?

  4. «Я немного изменил PHP» не верно написано ибо Вы изменяли html, а не php… нужно все называть своими именами
    а так статейка полезная)

    1. Отчасти вы правы, но если не цепляться к деталям. На самом деле это код PHP (обратите внимание на вызов функций the_title() и the_permalink()), который окружён html кодом, что не противоречит стандартам PHP. Плюс представленный код всё-таки не будет полноценно работать без интерпретатора PHP.

      1. Разница как раз и состоит в деталях, но это уже философия).
        А то что там есть код php это и так понятно, но фактически вы меняли не его а именно html код… если бы был изменен код php, тогда бы и замечания не было).
        И к слову… про стандарты я ничего не говорил.

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

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

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