Урок 2.1. как установить rss через feedburner

23 Сентября 2012 14:13

Здравствуйте, марафонцы! В этом уроке мы будем устанавливать RSS от feedburner.
Наверное большинство из Вас знают что такое RSS, если нет – go to the google and find it! :))
Что же такое feedburner? Feedburner – это сервис от Google, который пропускает через себя RSS-потоки. Здесь Вы можете видеть количество Ваших подписчиков, управлять подписками и даже зарабатывать. Подробнее о нем также можно найти в Google.

Регистрация в FeedBurner

Перейдем непосредственно к установке. Итак, чтобы зарегистрировать сайт на feedburner нужно иметь аккаунт в Google, думаю, он есть у каждого. Если же нет, то просто создаем почту на Google. Идем дальше.
Заходим на сайт http://feedburner.google.com/ . Входим в свой аккаунт.
Вводим адрес своего фида, который долже выглядеть так: http://ваш_домен.ru/feed и жмем «Next»:

Далее вводим нужные данные. Я, например, введу так:

Жмем «Next».
Все, наш FeedBurner создан! Опять жмем «Next»:

Здесь ничего не трогаем, жмем Next»:

Все сделано. На открывшейся странице можно нажать на ссылку « Publish a chicklet to display your FeedBurner feed » и почитать как установить feedburner на свой WordPress блог. Правда, там все на английском :))).

Установка FeedBurner на WordPress блог

Переходим на вкладку “Publize”:

Установим себе на блог подписку по E-mail. Для этого жмем справа на ссылку «Email Subscriptions»:

Жмем «Activave»:

Здесь выбираем русский язык, а код копируем в буфер обмена:

Жмем «Save»:

Теперь идем в админку нашего блога. Заходим в раздел «Внешний вид» => «Виджеты». Здесь выбираем виджет «Текст» и тащим его в боковую колонку (так же как и при установке счетчика). Вписываем заголовок, а во второе поле вставляем скопированный ранее код. С помощью тегов <center></center> можно сделать форму подписки по центру.

Сохраняем.
Вот так данная подписка теперь выглядит на мой блоге:

Как видите, все на английском. Давайте переведем на русский. Приступим.
Итак, вот наш код:
<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=velooblog', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Enter your email address:</p><p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="velooblog" name="uri"/><input type="hidden" name="loc" value="ru_RU"/><input type="submit" value="Subscribe" />form>
Разберем некоторые элементы кода.
border:1px – отвечает за ширину рамки. Например, можно поменять на border:0px или border:3px
Enter your email address: - это по англ. «Введите Ваш e-mail адрес». Изменю данную строчу на «Введите Ваш e-mail адрес».
value="Subscribe" – это кнопка «Subscribe», изменю значение на «Подписаться».
<p>Delivered by <a href="http://feedburner.google.com" target="_blank">FeedBurner</a></p> - данный участок кода отвечает за вывод «Delivered by FeedBurner». Пожалуй, удалю его вообще.
В итоге у меня получился такой код:
<form style="border:0px solid #ccc;padding:3px;text-align:center;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=velooblog', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Введите Ваш e-mail адрес:</p><p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="velooblog" name="uri"/><input type="hidden" name="loc" value="ru_RU"/><input type="submit" value="Подписаться" /></form>
Вставляю его в свой виджет и сохраняю:

Вот что у меня получилось:

Экспериментируйте, может у Вас получится что-то лучшее :))).

Установка счетчика подписчиков FeedBurner на WordPress блог

Итак, форму подписки установили. Теперь можно установить счетчик подписчиков, чтобы постоянно не заходить на feedburner, а видеть количество подписчиков прямо на блоге.
На сайте feedburner переходим по ссылке FeedCount:

Выбираем стили и цвет по вкусу и жмем «Activate». Я выберу так:

На следующей странице мы получим html-код. Копируем его в буфер обмена:

Ниже жмем «Save»:

Переходим в админку своего блога (опять же в виджеты). Можете создать еще один виджет «Текст» с заголовком «Уже подписалось» и т. п. Лично я в уже созданный виджет «Подписка» добавлю скопированный код и с помощью тега <center></center> сделаю счетчик подписчиков по центру, потом сохраню.

Вот как все это чудо выглядит на моем сайте:

Нажав на счетчик, Вы увидите ленту новостей со своего сайта на Google FeedBurner.
На этом все. Желаю удачи!
Последние сообщения:
Мы в социальных сетях!