Как добавить кнопки социальных сетей в блог

Рубрика: Практика и кейсы | Время на чтение: 4 мин.

С недавних пор в конце каждой статьи на моём блоге появились кнопки различных социальных сетей: Вконтакте, Facebook, Google, ЖЖ, Мой Мир. С их помощью абсолютно любой читатель сможет без труда поделиться ссылкой на понравившуюся статью со своими друзьями. За идею выражаю огромную благодарность Глобатору — автору блога shakin.ru.

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

Итак, чтобы добавить на свой блог кнопки социальных сетей нужно:

1. Подобрать одинаковые по размеру и оформлению иконки и загрузить их в папку картинок вашего Вордпресса — wp-content/themes/ваша_тема/images.

2. В файле шаблона single.php в нужном месте прописать код их вывода. Обычно это делается после

<?php the_content(”); ?>

Кнопка добавления в Twitter:

<a target=»_blank» href=»https://seo-aspirant.ru/twitter.com/home?status=RT @ваш логин <?php the_title(); ?>: <?php the_permalink(); ?>» title=»Добавить в Twitter»>
<img src=»<?php bloginfo(‘template_url’); ?>/images/twitter.gif» alt=»Опубликовать в twitter.com» width=»78″ height=»18″></a>

Кнопка добавления в ВКонтакте:

<a href=»https://seo-aspirant.ru/vkontakte.ru/share.php?url=<?php the_permalink(); ?>» target=»_blank»><img src=»<?php bloginfo(‘template_url’); ?>/images/vkontakte.gif» width=»84″ height=»18″ title=»Поделиться ВКонтакте»></a>

Кнопка добавления в Facebook:

<a target=»blank» href=»https://seo-aspirant.ru/www.facebook.com/sharer.php?u=<?php the_permalink(); ?>»><img src=»<?php bloginfo(‘template_url’); ?>/images/facebook.gif» width=»73″ height=»18″ title=»Поделиться в Facebook»></a>

Кнопка добавления в Google:

<a href=»https://seo-aspirant.ru/www.google.com/reader/link?url=<?php the_permalink(); ?>&title=<?php the_title(); ?>&srcURL=https://seo-aspirant.ru/ваш сайт.ru/» target=»_blank»><img src=»<?php bloginfo(‘template_url’); ?>/images/google-buzz-compact.gif» width=»73″ height=»18″ title=»Добавить в Google Buzz»></a>

Кнопка добавления в ЖЖ:

<a href=»https://seo-aspirant.ru/www.livejournal.com/update.bml?event=<?php the_permalink(); ?>&subject=<?php the_title(); ?>» target=»_blank» title=»Опубликовать в своем блоге livejournal.com»><img src=»<?php bloginfo(‘template_url’); ?>/images/livejournal.gif» alt=»Опубликовать в своем блоге livejournal.com» width=»73″ height=»18″></a>

Кнопка добавления в Мой Мир:

<a target=»_blank» href=»https://seo-aspirant.ru/connect.mail.ru/share?share_url=<?php the_permalink(); ?>»><img src=»<?php bloginfo(‘template_url’); ?>/images/moi-mir.gif» width=»86″ height=»18″ title=»Поделиться В Моем Мире»></a>

Для платформы blogspot с некоторыми изменениями можно воспользоваться статьёй про RSS.

В последнее время раскрутка в социальных медиа стала довольно популярной среди блоггеров. А всё потому, что эффект от интеграции собственного блога в социальные сети переоценить довольно трудно. И если у вас до сих пор нет аккаунта ВКонтакте или на Facebook, то советую зарегистрировать, хотя бы просто «про запас».