Продолжаем социализироваться ;)
Сегодня, просматривая свою rss ленту в feedburner, еще раз обратил внимание на кнопки feedflare, размещенные сразу под каждым анонсом в ленте. Как-то не очень их видно и скорее всего эффект от них не такой значительный, какой хотелось бы.
Как известно, картинка внимание привлекает больше, чем просто текст (текстовая ссылка). Потому решил прикрутить к rss ленте кнопки социальных сетей. Только основные: google plus, twitter, facebook и вконтакте. Выглядит вроде неплохо. Будем надеяться и эффект от них будет лучше.
Отследить, конечно, их эффективность в данный момент не представляется возможным, но попробовать стоит. Тем более, что анонсы RSS ленты отправляются на email подписчиков, да в ридерах различных эти кнопки также будут присутствовать.
Реализовать подобное не составит особого труда и займет у Вас буквально 5 минут. Особенно просто придется тем, у кого wordpress 2.9 и выше. Поехали.
Социальные кнопки в RSS ленте для WordPress 2.9 и выше
Здесь обойдемся лишь добавлением простой функции в functions.php вашей wordpress темы. Код:
function twitterplus_rss($content) { $button = '<div style="float: right; margin-left: 10px;"> <a href="https://plusone.google.com/_/+1/confirm?hl=ru&url=' . get_permalink() . '"><img src="путь к кнопке/google-plus.png" border="0" width="48" height="48" title="Поделиться с друзьями в Google+"></a> <a href="http://pervushin.com/vkontakte.ru/share.php?url=' . get_permalink() . '"><img src="путь к кнопке/vk.png" border="0" width="48" height="48" title="Поделиться с друзьями ВКонтакте"></a> <a href="http://pervushin.com/twitter.com/home/?status=' . get_permalink() . '"><img src="путь к кнопке/twitter.png" border="0" width="48" height="48" title="Поделиться с друзьями в Twitter"></a> <a href="http://pervushin.com/www.facebook.com/sharer.php?u=' . get_permalink() . '"><img src="путь к кнопке/facebook.png" border="0" width="48" height="48" title="Поделиться с друзьями в Facebook"></a> </div>'; $content = $button . $content; return $content; } add_filter('the_excerpt_rss', 'twitterplus_rss'); add_filter('the_content_feed', 'twitterplus_rss'); |
копируем и вставляем в function.php перед закрывающим тегом файла ?>.
Этот код содержит 4 кнопки, те самые, о которых я говорил. Не забудьте указать полный путь к ним. Кстати, взять Вы их можете здесь.
Все, этот способ проехали.
Социальные кнопки в RSS ленте для WordPress версий ниже 2.9
Этот способ не такой простой, как способ выше, но и каких-то титанических усилий он от нас также не потребует. Поправим пару файлов и все.
1. Файл feed.php. Он находится в папке wp-includes. Находим функцию the_content_rss и заменяем в этой функции echo $content; на
$button = '<div style="float: right; margin-left: 10px;"> <a href="https://plusone.google.com/_/+1/confirm?hl=ru&url=' . get_permalink() . '"><img src="http://pervushin.com//wp-content/themes/ifotoblog/socrssbutton/google-plus.png" border="0" width="48" height="48" title="Поделиться с друзьями в Google+"></a> <a href="http://pervushin.com/vkontakte.ru/share.php?url=' . get_permalink() . '"><img src="http://pervushin.com//wp-content/themes/ifotoblog/socrssbutton/vk_2.png" border="0" width="48" height="48" title="Поделиться с друзьями ВКонтакте"></a> <a href="http://pervushin.com/twitter.com/home/?status=' . get_permalink() . '"><img src="http://pervushin.com//wp-content/themes/ifotoblog/socrssbutton/twitter.png" border="0" width="48" height="48" title="Поделиться с друзьями в Twitter"></a> <a href="http://pervushin.com/www.facebook.com/sharer.php?u=' . get_permalink() . '"><img src="http://pervushin.com//wp-content/themes/ifotoblog/socrssbutton/facebook.png" border="0" width="48" height="48" title="Поделиться с друзьями в Facebook"></a> </div>'; echo $button . $content; |
2. Файл feed-rss2.php. Он также находится в папке wp-includes. В нем находим:
<content:encoded><![CDATA[<?php the_content() ?>]]></content:encoded> |
и меняем на
<content:encoded><![CDATA[<div style="float: right; margin-left: 10px;"> <a href="https://plusone.google.com/_/+1/confirm?hl=ru&url=<?php the_permalink_rss() ?>"><img src="http://pervushin.com//wp-content/themes/ifotoblog/socrssbutton/google-plus.png" border="0" width="48" height="48" title="Поделиться с друзьями в Google+"></a> <a href="http://pervushin.com/vkontakte.ru/share.php?url=<?php the_permalink_rss() ?>"><img src="http://pervushin.com//wp-content/themes/ifotoblog/socrssbutton/vk_2.png" border="0" width="48" height="48" title="Поделиться с друзьями ВКонтакте"></a> <a href="http://pervushin.com/twitter.com/home/?status=<?php the_permalink_rss() ?>"><img src="http://pervushin.com//wp-content/themes/ifotoblog/socrssbutton/twitter.png" border="0" width="48" height="48" title="Поделиться с друзьями в Twitter"></a> <a href="http://pervushin.com/www.facebook.com/sharer.php?u=<?php the_permalink_rss() ?>"><img src="http://pervushin.com//wp-content/themes/ifotoblog/socrssbutton/facebook.png" border="0" width="48" height="48" title="Поделиться с друзьями в Facebook"></a> </div><?php the_content() ?>]]></content:encoded> |
К сожалению, второй код мне проверить не на чем. Это всего лишь теория. Друзья, у кого версия wordpress ниже 2.9 попробуйте второй способ и сообщите о результате в комментариях. Не забудьте предварительно сохранить копии изменяемых файлов. Спасибо.
Все 😉 После проделанных операций, в течении часа (у меня уже через 10 минут) RSS лента обновится и в ней появятся заветные кнопки :). Вот так это выглядит у меня сейчас:
Эта статья лишь «допиливание» rss ленты, а начинается все в этих статьях, почитайте ;):
- Зажигаем RSS через feedburner. Полная настройка и оптимизация ленты;
- Совершенствуем свою RSS ленту;
- Делаем rss ленту дружелюбнее;
- Избавляемся от логотипа BuzzBoost в feedburner;
- Очень эффективный метод чтения RSS лент;
- Ну и в дополнение — социальные кнопки.
очень полезно, спасибо
Спасибо. Попробую…
Отличная статья! Плагин полезный как для привлечения трафика, так и просто для улучшения внешнего вида ленты 🙂
Спасибо за статью. В наше время
необходимо уделять внимание каждой мелочи для привлечения пользователя.
Точно 😉
Да, конечно, в сторону кодировки копать надо. Странно это, заголовки в ленте выводятся нормально, а те же самые заголовки в кнопках кракозябрами?
Спасибо! Очень интересно.
да неплохо, спасибо )
Значит адрес не верно прописываете. В какую папку залили картинки, к той путь и прописывайте.
да да все уже настроил, отличные кнопки ! )
у меня та же проблема, кнопки не отображаются. Картинки у меня в папке hmart-life.ru/public_html/wp-content/ico
адрес прописываю так «http://hmart-life.ru/public_html/wp-content/ico/vkont.png», но все равно кнопки не отображаются, в чем может быть причина?
В указанной папке (http://hmart-life.ru/public_html/wp-content/ico/vkont.png ) нет такой кнопки. Все-таки что-то с путями, посмотрите внимательней.
Все проверила, что-то все равно не получается. В чем может быть причина?
В предыдущем комментарии указанная ссылка также не ведет на картинку, более того, она ведет на загрузчик админки вашего хостинга, потому не публикую ее.
Что касается причины. Она одна — неверный путь к картинкам. Я даже не знаю, чем Вам помочь….
А если эти картинки загрузить не на хостинг, а, например, в веб-альбом Picasa? Или лучше так не делать?
Нет, так лучше не делать. А как Вы загружаете картинки? По FTP? Или как-то по-другому?
С помощью FileZilla
Значит по FTP. Что-то где-то упускается…
у меня не идет код, который вы озвучили для wordpress. Ничего не отображает. Может еще что-нибудь посоветуете?
Других вариантов не знаю. Этих вполне достаточно, внимательнее проделывайте операцию, возможно что-то упустили.
Здравствуйте Сергей.Подскажите пожалуйста как поставить ссылку «RSS комментариев» от Disqus в noindex и в nofollow?
Она не индексируется поисковиками, как и другие элементы формы дискуса. Комментарии индексируется, остальное нет.
Сергей, очень актуальная информация, на счет счетчика. А то я думаю что за глюки. То одна цифра, то вторая и меняется в течение дня на счетчике. Еще Сергей мне очень понравилась область в конце поста с социальными кнопками и подпиской на Фидбюрнер. Такой не скромный вопрос, кодом можете поделиться? Прочитала Ваш пост о социальных кнопках, но они не такие красивые как у Вас в конце постов. Подписалась на Ваши обновления блога.
Кнопки, что Вам понравились, от Pluso (http://pervushin.com/new-social-button-pluso.html ). А код…сюда не поместится, может в текстовый файл завернуть. Да Вы его сами можете подсмотреть в исходном коде страницы. Не жалко 🙂
Надо смотреть разметку. Боюсь, сейчас не смогу этим заняться ((