ArtShok. Сайтостроение и немного SEO

Уроки и примеры по CSS, jQuery. Советы по монетизации и продвижению сайтов

8 июля 2011

Добавляем кнопки социальных сетей на сайт


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

Минусы - ну разве что лишний код и внешний ссылки. ну последний пункт решается за счет noindex и nofollow.

Коды приведены для вставки в шаблон WordPress. Итак, без лишних слов:

1. Для Facebook

<a href="http://www.facebook.com/sharer.php?u=&lt;?php the_permalink();?&gt;&amp;t=&lt;?php the_title(); ?&gt;">
<img src="<?php bloginfo('template_url'); ?>/images/facebook.gif" alt="Поделиться в Facebook">
</a>

2. Для ВКонтакте

<a href="http://vkontakte.ru/share.php?url=<?php the_permalink(); ?>">
<img src="<?php bloginfo('template_url'); ?>/images/vkontakte.gif" alt="Поделиться ВКонтакте">
</a>

3. Для Twitter

<a href="http://twitter.com/home?status=<?php echo urlencode("Рекомендую: "); ?><?php the_permalink(); ?>">
<img src="<?php bloginfo('template_url'); ?>/images/twitter.gif" alt="Поделиться в Twitter">
</a>

4. Для Delicious

<a href="http://delicious.com/post?url=&lt;?php the_permalink(); ?&gt;&amp;title=&lt;?php echo urlencode(get_the_title($id)); ?&gt;">
<img src="<?php bloginfo('template_url'); ?>/images/delicious.gif" alt="Поделиться в Delicious">
</a>

5. Для Digg

<a href="http://digg.com/submit?phase=2&amp;url=&lt;?php the_permalink(); ?&gt;">
<img src="<?php bloginfo('template_url'); ?>/images/digg.gif" alt="Поделиться в Digg">
</a>

6. Для StumbleUpon

<a href="http://www.stumbleupon.com/submit?url=&lt;?php the_permalink(); ?&gt;&amp;title=&lt;?php echo urlencode(get_the_title($id)); ?&gt;">
<img src="<?php bloginfo('template_url'); ?>/images/stumble.gif" alt="Поделиться в StumbleUpon">
</a>

Ну и не забываем залить картинки в папку [images] активного шаблона с нужными названиями, либо меняем их на текст.

Ну что, товарищи, притомились? По мне так не столько утомительно вставлять код, сколько подбирать картинки, стилизовать их и аккуратно размещать. Как вариант для отдыха могу предложить Дневники вампира скачать 1 сезон. Ну а для тех, кто не устал и готов дальше бороться за повышение популярности своего детища, рекомендую еще посмотреть плаггины для WP с социальными кнопками. Это значительно ускорит процесс.

Спасибо за добавление статьи в:



Комментарии к этой записи


  1. # 1 Cветлана Бобровская (1)

    Получается, эти кнопки дают несколько лишних внешних ссылок. Можно их как-то закрыть?

    [Ответить]

    ArtShok:

    Так noindex никто не отменял, в принципе и rel=”nofollow” тоже) Смело можете добавлять эти тэги

    [Ответить]


  2. В свете последних тенденций тут не хватает только кнопки Google+.

    [Ответить]

Оставить комментарий или два