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

Рубрика: Практика и кейсы | Время на чтение: 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, то советую зарегистрировать, хотя бы просто “про запас”.