Как Легко Вставить Кнопки Социальных Сетей

мая 02 15:20 2012

Всем привет! Сейчас вы узнаете наверно самый простой способ вставить кнопки социальных сетей! Да, да, я не шучу. Не нужно будет по отдельности вставлять кнопки каждой конкретной социальной сети. Одним махом вы вставите больше 300 кнопок социальных сетей! Теперь уже никто не будет жаловаться на их нехватку 🙂

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

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

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

Следующий шаг, который вам нужно будет проделать, — это зарегистрироваться на сервисе AddThis:

addthis регистрация кнопки социальных сетей для сайта

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

Зарегистрировались? Поехали дальше!

Теперь вам предложат скопировать код для вставки кнопок социальных сетей на свой сайт (здесь же вы можете сделать предварительный просмотр):

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

Копируем код в файл одиночной записи single.php. Ах да, чуть не забыл! Какой бы вы вариант внешнего оформления для кнопок ни выбрали, они будут смотреться немного криво и налипать друг на друга. А так как я сторонник того, чтобы все было ровно и на своих местах, им (кнопкам) нужно придать стилей через CSS. Для тех, кто выбрал третий вариант внешнего вида, выкладываю стили:

<div class="addthis_toolbox addthis_default_style" style="margin-top:10px;
margin-left:100px;">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet" style="margin-left:14px;"></a>
<a class="addthis_button_google_plusone" style="margin-left:-24px;"
g:plusone:size="medium"></a>
<a class="addthis_counter addthis_pill_style" style="margin-left:-13px;" ></a>
</div>

Теперь кнопки друг на друга налипать не будут 🙂

Так, открываем файл single.php и вставляем код после статьи. Конкретно в какое место вашего файла single.php нужно вставить код я, к сожалению, сказать не могу, так как шаблоны у всех разные, но покажу на примере своего. Я вставил код после вывода рубрики:

кнопки социальных сетей wordpress

Да, и обязательно «спрячьте» код тегами <noindex></noindex>.

Обновляйте файл single.php на своем сервере и смотрите результат. Если все сделано правильно, то кнопки начнут отображаться сразу же.

Чтобы кнопки социальных сетей от AddThis работали шустрее, разработчик предлагает сделать некоторые дополнения, а именно вставить код (его также обязательно «спрячьте» тегами <noindex></noindex>.):

 <script type="text/javascript">
 var addthis_config = {"data_track_clickback":true};
 </script> <script type="text/javascript"
 src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=[YOUR PROFILE ID]"></script>

между тегами <head></head>. Только сначала замените [YOUR PROFILE ID] на свой ID, взять который можно из кода, который вы недавно вставляли:

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

Вот в принципе и все. До этого скрипта, если вы помните, у меня стояли кнопки от самих социальных сетей. Это были кнопки от VK.com, Twitter и Facebook. Каждая из этих кнопок обращалась к своему серверу за данными (итого 3 обращения за раз). Заменив их кнопками от AddThis, я заменил 3 скрипта одним, что снизило нагрузку на блог, а как вы знаете, чем выше нагрузка на блог, тем медленнее он грузится, что губительно влияет на настроение не только посетителей, но и поисковых машин. О том, как ускорить блог, я рассказывал в статье 11 Простых Способов Ускорить WordPress Блог.

Также советую установить плавающую панель с кнопками социальных сетей. Как это сделать читайте в статье Срочно Установите ЭТИ Кнопки Социальных Сетей!

Если статья оказалась вам полезной, то расскажите о ней своим друзьям в социальных сетях (благо, выбор теперь просто огромен 🙂 ) Берегите себя и своих близких! Пока-пока 🙂

Да, кстати, к этим кнопкам можно подключить аналитику. Если вам это интересно, то я об этом напишу. Следите за обновлениями.

Просто ли было устновить такие кнопки социальных сетей?

Видео по теме: «РИФ+КИБ 2012 — Продвижение в социальных сетях» от пользователя rocid.

write a comment

21 комментарий

  1. Виталий
    мая 02, 15:54 #1 Виталий

    Если поставить 300 кнопок и что потом с ними делать ведь что б загнать свой анонс задолбися нажимать эти кнопки да и русских там всего 14 штук остальные иностранные вот и подумайте зачем они нужны

    Reply to this comment
    • Альберт Александров
      мая 02, 16:01 Альберт Александров Author

      На вас всех не угодишь 😀 То мало, то много =) Ну, во-первых, никто не заставляет поститься в каждой социальной сети. Во-вторых, такие основные кнопки как Facebook, Twitter, Google+ и Vkontakte находятся на самом видном месте

      Reply to this comment
  2. Виталий
    мая 02, 16:51 #2 Виталий

    Ну если только 4 кнопки такие важные так зачем ставить 300 ? А для постинга в социальные сети есть программы и базы к ним. =) 8)

    Reply to this comment
    • Альберт Александров
      мая 02, 17:01 Альберт Александров

      Не вручную же надо вставлять 😉 К тому же это только 1 скрипт, а если вставлять только кнопку от VK, только кнопку от Twitter, только кнопку от Facebook, то будет уже 3 скрипта, а это нагрузка на блог

      Reply to this comment
  3. Виталий
    мая 02, 19:40 #3 Виталий

    А почему Вы не поставили пост =) в группы subscribe.ru/group/prosty...ego-veb-mastera/ и subscribe.ru/group/sajt-na-drupal-i-joomla/ там тоже люди жаждут получить инфо от Вас ,Эти ссылки не реклама а приглашение участия в жизни групп =) В принципе Вы правы конечно по поводу скриптов но все таки можно поставить один скрипт на 8 социалок , он и места меньше закрывает и удобен. =)

    Reply to this comment
    • Альберт Александров
      мая 02, 20:50 Альберт Александров Author

      Спасибо, Виталий! Я пользуюсь Subscribe-ом и сегодня запостился примерно в 10 групп (в одной из них я даже модератор и как-то странно одобрять свои же темы *JOKINGLY* ) За ссылки на группы спасибо. В одну вступил =)

      Reply to this comment
  4. Виталий
    мая 02, 21:06 #4 Виталий

    Альберт Вы знаете сегодня получил от своего друга Кевина он из Америки так вот он рассказал новую тему о том как загубил новый гугл «пингвин» более миллиона сайтов и выкинул их из поиска может Вам это изучить и написать об этом пост это сейчас актуально и тема горячая. я бы сам написал но у меня работы и так полным полно нет времени. =) Это дружеский совет =)

    Reply to this comment
  5. Алексей
    мая 03, 11:37 #5 Алексей

    Зачем их 300-то, достаточно трех-четырех...

    Reply to this comment
  6. seoganGER
    мая 07, 01:10 #6 seoganGER

    Приветствую! Вы можете оставлять анонсы своих постов и на сайте

    seogang.ru

    Вы получите :

    дополнительный трафик

    ретвиты

    возможность оставить прямую ссылку

    🙂 Регистрируйтесь и присоединяйтесь 8)

    Reply to this comment
  7. Вячеслав Балашов
    июня 20, 16:15 #7 Вячеслав Балашов

    Отличная статья, Альберт! Все прекрасно описано и понятно с первого раза.

    Я установил себе скрипт и их сервера — пока доволен, посмотрим на результат через пару недель.

    Еще раз спасибо за статью, а тем кто не считает нужным ставить кнопки скажу — можно, конечно, и не ставить кнопки соцсетей. но это просто НЕИСПОЛЬЗУЕМАЯ вами возможность привлечь читателей и потенциальных клиентов 😉

    Reply to this comment

Add a Comment

Your data will be safe! Your e-mail address will not be published. Also other data will not be shared with third person.
All fields are required.