Добавляем в пост кнопки в контакте, в twitter, в facebook, в жж, в мой мир и пр.

Кнопки социальных сетейСоциальные сети позволяют пользователям размещать у себя в профиле ссылки на понравившиеся страницы интернет-ресурсов, дабы друзья тоже могли оценить их. Хотя такие ссылки не учитываются поисковыми системами и не участвуют в процессе расчета ТИЦ и PR, но являются дополнительными источниками трафика. Поэтому многие блоггеры в конце постов добавляют кучу кнопок, при клике на которые посетитель получает возможность занести ссылку на пост в нужный социальный сервис. О том как реализовать этот кнопочный списочек и пойдет далее речь.

Из функций WordPress потребуются всего две: the_permalink() – выводит html ссылку на текущий пост, the_title() – выводит заголовок поста. В каждую ссылку добавляем атрибут rel=”nofollow” – запрещающий учитывать ее поисковиками. Кнопки поместим в шаблон отображения одиночного поста (single.php), который расположен по адресу: “wp-content/themes/НАЗВАНИЕ ТЕМЫ/single.php”. Открываем его и в нужно месте добавляем коды нужных ссылок.

vkontakteДобавляем кнопку в Вконтакте:

1
2
3
<a href="http://vkontakte.ru/share.php?url=<?php the_permalink(); ?>" target="_blank" rel="nofollow">
<img src="/wp-content/themes/mytheme/images/vkontakte.png">
</a>

facebookДобавляем кнопку в Facebook:

1
2
3
<a href="http://www.facebook.com/sharer.php?u=<?php the_permalink(); ?>&t=<?php the_title(); ?>" target="_blank" rel="nofollow">
<img src="/wp-content/themes/mytheme/images/facebook.png">
</a>

mailruДобавляем кнопку в Мой мир на Mail.ru:

1
2
3
<a href="http://connect.mail.ru/share?share_url=<?php the_permalink(); ?>" target="_blank" rel="nofollow">
<img src="/wp-content/themes/mytheme/images/mailru.png">
</a>

twitterДобавляем кнопку в Twitter:

1
2
3
<a href="http://twitter.com/home?status=<?php the_permalink(); the_title(); ?>" target="_blank" rel="nofollow">
<img src="/wp-content/themes/mytheme/images/twitter.png">
</a>

yandexДобавляем кнопку в Я.ру (Мой Яндекс):

1
2
3
<a href="http://my.ya.ru/posts_add_link.xml?url=<?php the_permalink(); ?>&title=<?php the_title(); ?>" target="_blank" rel="nofollow">
<img src="/wp-content/themes/mytheme/images/yandex.png">
</a>

myspaceДобавляем кнопку в Myspace.com:

1
2
3
<a href="http://www.myspace.com/Modules/PostTo/Pages/?u=<?php the_permalink(); ?>&t=<?php the_title(); ?>" target="_blank" rel="nofollow">
<img src="/wp-content/themes/mytheme/images/myspace.png">
</a>

googleДобавляем кнопку в Google Bookmark:

1
2
3
<a href="http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk=<?php the_permalink(); ?>&title=<?php the_title(); ?>" target="_blank" rel="nofollow">
<img src="/wp-content/themes/mytheme/images/google.png">
</a>

google-buzzДобавляем кнопку в Google Buzz:

1
2
3
<a href="http://www.google.com/buzz/post?url=<?php the_permalink(); ?>&message=<?php the_title(); ?>" target="_blank" rel="nofollow">
<img src="/wp-content/themes/mytheme/images/google-buzz.png">
</a>

livejournalДобавляем кнопку в LiveJournal:

1
2
3
<a href="http://www.livejournal.com/update.bml?event=<?php the_permalink(); ?>&subject=<?php the_title(); ?>" target="_blank" rel="nofollow">
<img src="/wp-content/themes/mytheme/images/livejournal.png">
</a>

bloggerДобавляем кнопку в Blogger.com:

1
2
3
<a href="http://www.blogger.com/blog_this.pyra?t&u=<?php the_permalink(); ?>&n=<?php the_title(); ?>&a=ADD_SERVICE_FLAG&passive=true&alinsu=0&aplinsu=0&alwf=true&hl=ru&skipvpage=true&rm=false&showra=1&fpui=2&naui=8" target="_blank" rel="nofollow">
<img src="/wp-content/themes/mytheme/images/blogger.png">
</a>

Скачать html коды кнопок одним файлом
Скачать кнопки в png формате размером 16х16 пикс.
Интернет Маркетинг

Комментарии:

  1. Andyk

    Увел к себе на сайт. Спасибо за статью.

  2. Shiver2005

    Такими кнопочками користується 1 з 10-х відвідувачів, користь від них доволі сумнівна.

  3. givanov36

    Ищу как на блогере такое сделать,нашел только как в каждый пост вставлять,а вот чтобы автоматом появлялось под каждым постом…

  4. sava36

    Нормально

  5. sava36

    не смог скачать картинки

  6. black0wolf

    Спасибо! Круто.

  7. ЭМЭНДЖИ

    sava36 нажми на картинку правой кнопкой и сохрани

  8. ruslan

    спасибо=)

  9. IVox

    Исщу нечто подобное для простой страничке (не WordPress)

  10. IVox

    нашел интересное решение – простите за ссылку может кому-то понадобится dimox.name/socializ-floating-panel/

  11. Nick

    2IVox:

    А в чем собственно проблема?) Заменяешь the_permalink() и he_title() на свои ссылку и заголовок, и все) Зачем использовать кривые сторонние скрипты, если можно сделать все предельно просто и своими силами?)

  12. Dina

    Ссылка на картинки не работает :(

  13. Сергей

    Подскажите, где взять сами кнопки в PNG? Насколько я понял из поста: их нужно закинуть в папку с картинками..

На новую машину заработать можно быстро! Уникальный мир - азартные игры онлайн играть!