Как добавить RSS ленту на сайт через FeedBurner — что это такое, как настроить RSS в Joomla и WordPress

Как учесть старых подписчиков канала новостей в Вордпресс

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

Для решения этой проблемы нужно прописать редирект в файле .htaccess, который находится в корневой папке вашего блога. Для его редактирования нужно будет подключиться к серверу по FTP и найти его там.

Если вы его там не видите, то в случае, если вы используете FileZilla, вам надо будет зайти в верхнее меню программы и выбрать пункт «Сервер», а из выпадающего списка — пункт «Принудительно отображать скрытые файлы». Если и после этого вы не видите данного файла, то вам нужно его создать у себя на компьютере в любом текстовом редакторе (рекомендую скачать текстовый редактор с подсветкой синтаксиса Notepad++), и затем залить его в корень вашего ресурса. Обратите внимание, что у него нет расширения и первой в названии идет точка.

Вам нужно будет прописать в HTACCESS перенаправление с адреса ленты новостей в WordPress на адрес рассылки, оттранслированной через Фидбернер. Для этого вы должны будете добавить к уже имеющемуся там коду HTACCESS следующее:

Redirect 301 /feed/ http://feeds.feedburner.com/Ktonanovenkogoru
Redirect 301 /feed http://feeds.feedburner.com/Ktonanovenkogoru
Redirect 301 /feed/atom/ http://feeds.feedburner.com/Ktonanovenkogoru

Но только вместо Ktonanovenkogoru напишите свой Урл фида, пропущенного через сервис Гугла. Теперь даже старые подписчики рассылки автоматически будут перенаправляться на Фидбернет, тем самым они будут учитываться в счетчике подписчиков этой системы. К тому же, вам уже не нужен будет плагин FeedSmith. Но этого еще не достаточно.

Если адрес вашего фида в Вордпрессе имел вид:

http://vash_sait.ru/feed

и вы именно его добавляли при регистрации в сервисе Гугла, то вам нужно опять зайти в настройки этого сервиса и во вкладке «Edit Feed Details» поменять этот адрес на:

http://vash_sait.ru/index.php?feed=feed

Еще раз напоминаю, что ссылку на подробнейший мануал по этому популярному сервису Google (он его приобрел несколько лет назад) вы найдете в самом начале этой статьи.

Замена адреса RSS ленты новостей в теме WordPress

Кстати, если вы не часто меняете тему в Вордпрессе (тут описано их устройство) и настроили трансляцию своего фида сразу же после открытия WP блога, то можно вообще не пользоваться указанным выше плагином FeedSmith или редиректом, а просто изменить адрес ленты новостей в шаблоне вашей темы оформления.

Для этого нужно подключиться к серверу по FTP и зайти в папку вашей темы оформления:

wp-content/themes/название_вашей_темы

открыть на редактирование файл header.php. В начале этого файла поищите строку похожую на эту:

<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />

Вам нужно будет всего лишь заменить код <?php bloginfo('rss2_url'); ?> на Урл оттранслированный через Фидбернер. Всё. Теперь сохраняете файл темы и убеждаетесь, что при щелчке по маленькой иконке рассылки в адресной строке браузеров Opera или Firefox откроется именно страница подписки на новости от сервиса Гугла, а не РСС канал, предусмотренный в WordPress по умолчанию.

Если в вашей теме предусмотрена иконка для подписки на рассылку, расположенная в каком-то месте окна вашего блога, то вам нужно определить, в каком файле темы она выводится и точно также поменять там код <?php bloginfo('rss2_url'); ?> на оттранслированный через Фидбернер.

В моем случае это дело задается в файле sidebar.php в строке:

<div class="sidebar_top"> <a href="<?php bloginfo('rss2_url'); ?>"><img src="<?php bloginfo('template_url'); ?>/images/rss2.png" alt="" class="rssfeed" /></a>

В вашем случае код будет другой, но останется неизменным участок <?php bloginfo('rss2_url'); ?>. Поэтому вы можете открыть последовательно несколько файлов вашей темы и, пользуясь встроенным в редактор Нотепад плюс плюс поиском, найти нужный участок кода. После замены и сохранения файла не забудьте проверить работоспособность иконки RSS подписки.

Кроме основной новостной ленты, которая предназначена для оповещения подписчиков о появлении новых статей на блоге, в WordPress можно добавить RSS канал еще и для подписки на комментарии. Причем, можно организовать как по всем комментариям блога вместе взятым, так и для каждой отдельной статьи. О том, как это можно сделать, читайте в статье про Subscribe tocomments.

Как добавить и настроить свою RSS ленту в Feedburner

Еще раз к вопросу — а зачем это нужно? Сие особливо актуально если вы являетесь владельцем блога. Дело в том, что по показаниям FeedBurner-счетчика ведется косвенная оценка успешности вашего проекта (например, вашими потенциальными рекламодателями или обычными читателями).

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

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

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

Кстати, если сумлеваетесь, что собранная с таким трудом база подписчиков канет в лету, например, в случае скоропостижной кончины Фидбернера, то могу вас успокоить — в любой момент ее можно сохранить выкачав с сервиса на свой компьютер в CSV формате и при желании использовать в любом другом сервисе Емайл-рассылок (Смартреспондер и т.п.). Но учтите, что рассылка по большой базе там будет стоить довольно приличных денег, а FB все это делает абсолютно бесплатно:

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

Сам онлайн сервис принадлежит Google и, соответственно, для работы с любым продуктом этой компании необходимо иметь аккаунт в Гугле. Вместе с аккаунтом вы получите в нагрузку и почтовый ящик Джимейл, который на данный момент можно считаться одним из самых безопасных и устойчивых к взлому. Но это так, к слову.

Войти в свой Google аккаунт вы можете здесь, введя полученные при создании почтового ящика логин и пароль. После того, как авторизуетесь в Гугле, просто перейдите на главную страницу сервиса: Feedburner.google.com. Если язык отображения страницы автоматически не переключился на русский, то щелкните в самом ее верху справа по ссылке «Languages» и выберете русский язык.

Для начала вам нужно будет вставить в форму под названием «Зажигай feed прямо сейчас» адрес своей RSS ленты (в моем случае это: https://ktonanovenkogo.ru/feed, если вы не знаете где посмотреть этот адрес (URL), то вам поможет в этом статья про РСС, ссылка на который приведена в самом начале этой статьи) и нажать кнопку «Next».

Вы попадаете на страницу, где нужно будет в поле «Название feed» вписать будущее название вашего фида, а в поле «Адрес feed» вписать, используя латинские буквы и цифры, желаемое окончание Урла.

Это окончание будет добавляться к:

http://feeds.feedburner.com/

Например, у меня Урл моей новой RSS ленты (уже пропущенной через Фидбернер) будет выглядеть так:

http://feeds.feedburner.com/Ktonanovenkogoru

Затем жмете кнопку «Next» и попадаете на страницу, где вас поздравляют с созданием ленты, приводят ссылку, которую вы будете в дальнейшем использовать на своем ресурсе и везде, где только возможно (http://feeds.feedburner.com/Ktonanovenkogoru, в моем случае) и предлагают перейти непосредственно к настройкам. Что мы и сделаем, нажав кнопку «Next».

На следующей странице мастера вы решаете, нужно ли вам ставить где-то галочки и опять же жмете кнопку «Next». Вверху открывшейся страницы вы можете видеть панель с вкладками «Анализируй», «Оптимизируй», «Публикуй», «Решай проблемы», «Мои feeds».

Используя именно эти вкладки мы и будем производить дальнейшие настройки своей ленты в Фидбернер. К сожалению, пока что еще не все страницы настроек полностью переведены на русский язык, но со временем, думаю, это исправят.

Счетчик FeedBurner для сайта

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

Счетчик будет отображать в реальном времени (обычно информация обновляется примерно раз в сутки или где-то около того) количество подписчиков на вашу ленту пропущенную через FeedBurner (иногда происходят непонятные проседания в показаниях до нуля или около того, но на них особого внимания обращать не стоит).

Для того, чтобы воспользоваться возможностями FeedCount, его нужно будет сначала активировать. Для этого нажмите на расположенную внизу страницы кнопку «Активировать».

В результате окно FeedCount изменится. В верхней части окна будет приведен код счетчика RSS подписчиков, который можно скопировать и вставить к себе на сайт (в любое подходящее место шаблона). Над полем с кодом показан внешний вид информера, который вы получите.

Для того, чтобы произвести настройку счетчика Фидбернера, можно использовать предназначенный для этого инструмент, расположенный под окном с кодом.

В этом окне вы, во-первых, можете выбрать, будет ли ваш счетчик «Статический» или «Анимированный», а во-вторых, вы можете настроить цветовую гамму, как самого счетчика Фидбернер, так и текста отображаемого на нем. Для этого достаточно будет поставить галочку либо в поле «тело», либо в поле «текст», а затем щелкнуть мышью по нужному цвету на приведенной там цветовой палитре.

Код нужного цвета автоматически пропишется в поле «тело», либо в поле «текст». Результат своих действий вы можете наблюдать на прямоугольнике, расположенном ниже этих полей. Подобрав нужную цветовую гамму для информера вам нужно будет нажать расположенную внизу кнопку «Сохранить». В результате, в верхней части окна FeedBurner изменится внешний вид вставляемого счетчика, т.к. в код будут добавлены все внесенные вами ранее изменения.

Если полученный результат вас не удовлетворил, то попробуйте снова настроить цветовую гамму. По достижении приемлемого результата скопируйте код из одноименного поля «Скопируйте этот HTML» и вставьте его в нужное место шаблона вашего вебсайта (тут я подробно рассказывал про шаблоны Joomla, а здесь про устройство тем WordPress, ну и про темы для форума SMF мы здесь тоже говорили).

Единственное, что я хотел бы вам посоветовать — не спешить с этим, если показатели вашего счетчика RSS подписчиков еще не слишком высоки. Это может отрицательно повлиять на желание потенциальных читателей подписаться. Но это лишь мое мнение, вы сами решайте: отображать информер с маленькой цифрой или нет. Лично я установил для себя порог в 1000 подписчиков.

Настройка счетчика

Если вы внимательно посмотрите на код:

<p><a href="http://feeds.feedburner.com/Ktonanovenkogoru"><img src="http://feeds.feedburner.com/~fc/Ktonanovenkogoru?bg=99CCFF&amp;fg=444444&amp;anim=0" height="26" width="88" style="border:0" alt="" /></a></p>

то увидите, что он фактически представляет собой ссылку на FeedBurner, в качестве анкора для которой вместо текста используется изображение счетчика (здесь описано, как использовать изображение в качестве анкора для ссылки), загружаемого с того же хоста.

Соответственно, для открытия содержимого RSS канала в другом окне (а не поверх страницы вашего сайта), при клике по этому информеру, нужно всего лишь добавить в Html код ссылки атрибут TARGET с параметром _BLANK (см. ссылку в предыдущем абзаце или же читайте про то, как открыть ссылку в новом окне через target blank). В результате код будет иметь вид:

<p><a target="_blank" href="http://feeds.feedburner.com/Ktonanovenkogoru"><img src="http://feeds.feedburner.com/~fc/Ktonanovenkogoru?bg=99CCFF&amp;fg=444444&amp;anim=0" height="26" width="88" style="border:0" alt="" /></a></p>

Для внутренней оптимизации желательно иметь как можно меньше внешних ссылок, открытых для индексации поисковиками, на другие сайты. Закрывать внешние ссылки от индексации поисковиками так же полезно и с точки зрения заработка на своем ресурсе, если вы продаете ссылки.

Рекламодатели на этих биржах зачастую учитывают количество внешних ссылок со страниц, и чем их будет меньше, тем лучше. Поэтому нам нужно закрыть от индексации поисковыми машинами все внешние ссылки, расположенные в различных счетчиках (в том числе и FeedBurner) и прочих вещах, которые не обязательно оставлять открытыми.

Для запрещения индексации таких ссылок поисковой системой Google (да и Яндексом тоже) используется атрибут REL для тега A с параметром Nofollow. В результате, окончательный код нашего счетчика количества RSS подписчиков примет вид:

<p><a rel="nofollow" target="_blank" href="http://feeds.feedburner.com/Ktonanovenkogoru"><img src="http://feeds.feedburner.com/~fc/Ktonanovenkogoru?bg=99CCFF&amp;fg=444444&amp;anim=0" height="26" width="88" style="border:0" alt="" /></a></p>

Вносить ли описанные выше изменения решать вам.

Настройка подписки на RSS ленту по электронной почте

Теперь рассмотрим второй по важности (а может и первый) аспект работы с rss лентой через FeedBurner, а именно возможность подписки через E-mail средствами Фидбернера. Еще раз повторюсь, что это очень важно, если вы хотите, чтобы все посетители, которым понравился ваш ресурс, имели возможность подписаться на рассылку новостей в удобной для них форме.

Дело в том, что далеко не все посетители знакомы с ридерами, а электронная почта — это банально и просто даже для полнейших чайников. Поэтому настраиваем возможность получения новостей через E-mail, ну прям таки в обязательном порядке. Итак, для начала нам необходимо будет открыть вкладку «Публикуй» и выбрать в левой колонке пункт под названием «Подписки по электронной почте».

Для того, чтобы воспользоваться данным сервисом, его нужно будет сначала активировать. Для этого нажмите на расположенную внизу страницы кнопку «Активировать».

После это, в левой колонке окна настроек под полем «Подписки по электронной почте», появятся еще четыре пункта, позволяющие осуществить детальную настройку получения писем о новых материалах на электронную почту ваших посетителей.

При выборе пункта «Subscription Management» (Управление подпиской) у вас появляется возможность скопировать код для формы подписки, который потом нужно будет по аналогии с описанном чуть выше счетчиком вставить в шаблон своего сайта. После соответствующей доработки такая форма может выглядеть, например, так (форма кликабельна, т.е рабочая):

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

Данный код можно немного изменить. Во-первых, можно опять же настроить так, чтобы после щелчка по ссылке подписки окно с подтверждением подписки открывалось в новом окне браузера. Так же можно закрыть от индексации все внешние ссылки в форме подписки и в ссылке для подписки (об этом я уже писал чуть выше, при настойке кода счетчика).

Так же можно немного изменить код формы подписки RSS на E-mail для того, чтобы появилась такая фишка, которую вы можете наблюдать в приведенной чуть выше форме подписки. Я сделал так, чтобы изначально присутствовавшая в форме FeedBurner надпись «Введите Ваш e-mail» исчезала, как только посетитель щелкнет мышью в этом поле. Вроде бы пустячок, а приятно и удобно. Посетителю не надо будет стирать эту надпись, прежде чем ввести адрес своего почтового ящика.

Достигается это с помощью добавления к тегу INPUT атрибута ONFOCUS с соответствующими параметрами. Я уже рассказывал про работу с формами в HTML, но вы можете проделать все по аналогии с моим случаем.

Думаю, что проанализировав оригинальный и измененный варианты, вы сможете внести соответствующие изменения и в код своей формы. Фактически вам достаточно заменить строку в оригинале:

<input type="text" style="width:140px" name="email"/>

на

 <input name="email" type="text" value="Введите Ваш e-mail" class="subscribe_textieldpost" onfocus="if (this.value == 'Введите Ваш e-mail') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Введите Ваш e-mail';}" />

Я еще изменил способ задания кнопки «Подписаться», но вам, думаю, это не понадобится.

Настройка внешнего вида письма подтверждения подписки от FeedBurner

Переходим к следующему пункту настройки под названием «Communication Preferences».

На этой странице можно настроить три вещи. Во-первых, ввести тот E-mail, который будет видеть подписчик в поле «От» в полученном письме подтверждения. По умолчанию, там будет прописан адрес почты вашего аккаунта на Google. Соответственно, при необходимости здесь вы можете его изменить.

Во-вторых, на этой странице вы можете отредактировать заголовок и текст письма, которое получит пользователь после подписки на RSS ленту по электронной почте. По умолчанию текст, прописанный в этих полях, будет на английском, поэтому, если вы хотите чтобы у ваших подписчиков не возникало лишних вопросов при подтверждении подписки на вашу ленту новостей, обязательно впишите в поля «Тема письма-подтверждения» и «Тело письма-подтверждения» пояснительный текст на русском (можно воспользоваться для этой цели переводчиком с английского на русский от гугл).

Я прописал следующее:

Активация Вашей e-mail подписки на: KtoNaNovenkogo.ru - блог для начинающих вебмастеров

и

Здравствуйте!

Вы подписались на e-mail рассылку новостей блога KtoNaNovenkogo.ru - все для начинающих вебмастеров. Для подтверждения подписки Вам необходимо перейти по следующей ссылке:

${confirmlink}
Примечания:
Если при переходе по ссылке страница с подтверждением не откроется, то скопируйте ссылку в адресную строку Вашего браузера и нажмите <<Перейти>> или <<Enter>> на клавиатуре.

После внесения изменений не забудьте нажать на кнопку «Сохранить» внизу страницы. Советую проверить вид письма, которое приходит от FeedBurner, подписавшись на свою же рассылку и посмотрев, полученное сообщение.

Переходим к следующему пункту настройки: — «Email Branding». На открывшейся странице вы можете настроить заголовок отсылаемого письма в поле «Тема/Название письма», так же можете прописать адрес логотипа в поле «URL логотипа», чтобы письмо с вашей RSS рассылкой было визуально узнаваемо.

В последующих полях вы можете настроить тип, размер и цвет шрифта отдельно для заголовка и текста сообщения. Все вносимые изменения тут же отражаются в тестовом примере письма внизу окна настроек. Когда вы добьетесь приемлемого результата, то не забудьте нажать на кнопку «Сохранить» внизу окна.

Нам осталось рассмотреть еще один пункт меню настройки — «Delivery Options».

Здесь вы можете выбрать ваш часовой пояс, а так же, в поле «Настроить доставку электронных писем», выбрать интервал времени, в который будет осуществляться доставка электронных писем с новыми материалами вашего сайта.

Дополнительные настройки RSS ленты в Фидбернере

Для того, чтобы каждый из посетителей вашего сайта мог выбрать удобный для себя способ чтения новостей, нужно предусмотреть эту возможность. Для этого нужно зайти в свой аккаунт на сервисе Фидбернер и выбрать из списка «Мои фиды» нужный.

Далее вы должны открыть вкладку «Оптимизируй» и выбрать из левого меню открывшегося окна пункт «BrowserFriendly». В области «Опции внешнего вида», в поле «Тема», можно выбрать язык, а в поле с изображениями кнопок подписки на RSS можно поставить галочки только у тех, которые вы хотите видеть в области «Подписка» вашего фида:

В области «Опции контента» в поле «Контент фида» вы можете выбрать, что именно будет выводиться в вашей ленте: список заголовков статей с их содержанием, список только заголовков статей или же вообще списка статей выводиться не будет.

В поле «Персональное сообщение» вы можете ввести текст своего сообщения, которое будет отображаться на странице вашей RSS ленты добавленной и улучшенной в Feedburner:

Ну, и в случае смены фида, вы можете тут настроить переадресацию со старой ленты на новую (редирект). Не забудьте после внесения всех изменений нажать на кнопку «Сохранить».

Обратите внимание, что если вы настроили в этом сервисе Google возможность получения новостей по электронной почте (чуть выше об этом говорили), то в области «Подписка» будет так же отображаться приглашение воспользоваться и таким способом.

Для того, чтобы быть уверенным в том, что ваша лента новостей будет корректно отображаться во всех существующих программах для чтения (ридерах), вам нужно активировать соответствующую опцию в настройках сервиса. Для этого достаточно открыть вкладку «Оптимизируй» и выбрать из левого меню открывшегося окна пункт «SmartFeed». Нажмите кнопку «Активировать» и теперь, в зависимости от используемого посетителем вашего сайта ридера, будет происходить преобразование потока на лету в формат RSS или в Atom.

Сервис Фидбернер позволяет добавить на страницу вашей RSS ленты любое изображение, например, логотип вашего сайта. Причем, на это изображение можно будет повесить ссылку, например, на ваш ресурс. Выглядеть это будет примерно так:

Для этого на странице настроек вы должны открыть вкладку «Оптимизируй» и выбрать из левого меню открывшегося окна пункт «Feed Image Burner». В поле «Image Source» выберите из выпадающего списка вариант «Specify custom image URL».

В поле настроек «Specify custom image URL» пропишите полный путь до вашего изображения логотипа (в моем случае — https://ktonanovenkogo.ru/image/webcamxp.png). В следующих двух полях настроек вы можете указать содержимое Html тега TITLE для этого изображения (включите в него ключевые слова, т.к. содержимое этого Html тега будет выполнять роль анкора для ссылки с этого изображения) и адрес ссылки (на ваш проект).