Добавляем в пост кнопки в контакте, в twitter, в facebook, в жж, в мой мир и пр.
Социальные сети позволяют пользователям размещать у себя в профиле ссылки на понравившиеся страницы интернет-ресурсов, дабы друзья тоже могли оценить их. Хотя такие ссылки не учитываются поисковыми системами и не участвуют в процессе расчета ТИЦ и PR, но являются дополнительными источниками трафика. Поэтому многие блоггеры в конце постов добавляют кучу кнопок, при клике на которые посетитель получает возможность занести ссылку на пост в нужный социальный сервис. О том как реализовать этот кнопочный списочек и пойдет далее речь.
Из функций WordPress потребуются всего две: the_permalink() – выводит html ссылку на текущий пост, the_title() – выводит заголовок поста. В каждую ссылку добавляем атрибут rel=”nofollow” – запрещающий учитывать ее поисковиками. Кнопки поместим в шаблон отображения одиночного поста (single.php), который расположен по адресу: “wp-content/themes/НАЗВАНИЕ ТЕМЫ/single.php”. Открываем его и в нужно месте добавляем коды нужных ссылок.
Добавляем кнопку в Вконтакте:
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:
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> |
Добавляем кнопку в Мой мир на 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:
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> |
Добавляем кнопку в Я.ру (Мой Яндекс):
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.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 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:
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:
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.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 з 10-х відвідувачів, користь від них доволі сумнівна.
Ищу как на блогере такое сделать,нашел только как в каждый пост вставлять,а вот чтобы автоматом появлялось под каждым постом…
Нормально
не смог скачать картинки
Спасибо! Круто.
sava36 нажми на картинку правой кнопкой и сохрани
спасибо=)
Исщу нечто подобное для простой страничке (не WordPress)
нашел интересное решение – простите за ссылку может кому-то понадобится dimox.name/socializ-floating-panel/
2IVox:
А в чем собственно проблема?) Заменяешь the_permalink() и he_title() на свои ссылку и заголовок, и все) Зачем использовать кривые сторонние скрипты, если можно сделать все предельно просто и своими силами?)
Ссылка на картинки не работает
Подскажите, где взять сами кнопки в PNG? Насколько я понял из поста: их нужно закинуть в папку с картинками..