Feedburner — красивая форма подписки

Янв 31
31 января 2014

feedburnerДоброго времени суток! Последнее время я занимаюсь улучшением своего нового блога. Сделала уникальную форму подписки на обновления блога, и по просьбе читательницы Наталии, с удовольствием расскажу как это происходило. Начну, как говорится от печки.

Началось все с того, что для сайтов .рф (старый блог- акулинка2010.рф) особенного с формой подписки ничего не сделаешь, да и очень много неудобств возникает. Я собрала себя в кучку и решила все-таки переехать на новый домен и начать все с начала. Результат вы можете наблюдать). И одним из первых моментов после переезда было создание красивой формы подписки через сервис feedburner (создаёт RSS ленту и E-mail подписку для Вашего сайта).

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

Для начала, у вас обязательно должна быть зарегистрирована почта gmail.com, если ее нет, то заведите и после этого перейдите на сайт и введите логин и пароль от своей почты. Далее, на сайте Feedburner, и в правом верхнем углу «Languages», измените отображаемый язык текста на русский. Думаю, что настраивать на родном языке гораздо проще. Как думаете? Теперь давайте создадим новый фид, для чего в поле вам необходимо ввести адрес вашего ресурса и нажать кнопку «Next»:
feedburner1
В следующем окне выберите один вариант в качестве источника фида. Смело отмечайте приглянувшийся (я, например, выбрала первый RSS 2.0) и идем далее. Теперь вам необходимо будет задать название (например, возьмите основную часть адреса) создаваемого фида и идем далее .Следующие 2 окна мы пропустим. После этого нам нужно получить код формы подписки. Для этого нажмите «Мои фиды»-
feedburner2
выберите созданный фид, и в вкладке "Публикуй" (раздел Подписки по электронной почте) нажмите "Активировать":
feedburner3
На открывшейся странице, найдите необходимый нам код (не забудьте в пункте «language» опять заменить английский на русский). Далее скопируйте его и разместите в нужном месте вашего ресурса. На моем блоге, как вы можете заметить, форма подписки находится в сайдбаре. Если вы решили последовать моему примеру, то перейдите в админку wordpress, вкладка «Внешний вид» выбираете-«Виджеты» и перенесите виджет «Текст» в боковую колонку "Основная область", например у меня она находится в самом верху.
feedburner4
И поместите в поле для текста скопированный код. Задайте заголовок вашей формы, (к примеру- Доставка новостей блога). Не забудьте сохранить сделанные изменения и посмотрите какая стандартная форма подписки у вас получилось. . Если она вам не нравится, давайте ее исправим. Первым делом выровняем нашу форму по центру. Для этого необходимо разместить код в такой тэг:

КОД ФОРМЫ

Далее заменим текст кнопки «Subscribe» на любой понравившийся, например «Подписаться на новости» (для этого меняем «Subscribe» в нашем коде, на нужный текст). После этого сохраняйте сделанные изменения и обновите страницу. Изменилась надпись?
Теперь удалим внешнюю ссылку на Feedburner, думаю она нам ни к чему. И поэтому удаляем в коде следующую строчку:

1
Delivered by <a href="http://feedburner.google.com" target="_blank">FeedBurner</a>


Теперь изменим «Enter your email address» на «Укажите ваш e-mail адрес». Все тексты зависят от вашей фантазии! Не бойтесь экспериментировать.

Также рассмотрим с вами еще несколько настроек:

1
- #000000 цвет рамки, 1px - толщина рамки, solid – стиль рамки

Стиль рамки можете изменить:
Пунктирная рамка – dotted;
Пунктирная рамка из коротких отрезков – dashed;
Двойная рамка - double;
Сплошная рамка - solid;
Левый край рамки темнее правого - inset;
Правый край рамки темнее левого - outset;

1
- отступ сверху
1
- отступ снизу
1
- отступ слева
1
- отступ справа
1
<img alt="" src="http://АДРЕС ВАШЕЙ КАРТИНКИ.gif" /> - используется для вставки изображения
1
 цвет и размер текста

Если вы хотите изменить кнопку подписки и заменить ее на изображение:
замените код

1
input type="submit" value="Subscribe"

на следующий

1
input style="width: 120px; height: 21px;" type="image" src="/ссылка на кнопку-картинку"

Или вы просто можете изменить мою форму подписки под себя: в поле «адрес фида» вписываете свой, у меня например nataliaakulova/cUiZ, а в поле «адрес вашей картинки» пропишите путь к изображению, которое вы будете использовать. Размеры картинки, шрифт, надписи и отображаемые цвета подберите сами, учитывая дизайн вашего блога.

БЕСПЛАТНАЯ ДОСТАВКА Новостей блога прямо на ваш e-mail

Введите ваш e-mail:


После всех манипуляций у вас получится красивая, индивидуальная форма подписки для вашего ресурса! Разместите ее по своему желанию, не забудьте сделать ссылку в конце статьи, на странице благодарности и странице 404. Буду рада вашим пожеланиям, предложениям, вопросам и комментариям!
С вами была, Наталья Акулова
P.S. А в следующей статье мы с вами настроим письма, которые будут приходить вашим читателям, и сделаем так, чтобы статья приходила не целиком, а только анонс. Советую быть в курсе всех новых событий, чтобы не пропустить важную информацию и поучаствовать в конкурсах.  Остальные статьи можно посмотреть тут.

И вот небольшое видео - про слепого летчика. Очень хорошо мотивирует!


СПАСИБО ЗА РЕПОСТ, ДРУЗЬЯ:  

41 комментарий к “Feedburner — красивая форма подписки”

  1. Да, полезная информация! Сама вчера ковырялась во всем этом :) . Наталья, думаю, многие будут благодарны за этот пост!

    [Ответить]

    Ирина М. Reply:

    Конечно, многие будут благодарны Наталье, например я.
    Просто слышала (и многие слышали), что Фидбёрнер скоро закроется, вот под этим мнением я и не устанавливала его. Но теперь думаю, что нужно исправлять положение, тем более, что Вы очень доступно всё описали.

    [Ответить]

    Наталья Акулова Reply:

    Я не слышала такого, очень многие пользуются рассылкой, с чего им закрываться? Сервис отличный

    [Ответить]

    Василий Цубера Reply:

    это полезный и давний сервис но только его бы немного улучшить, это на мой взгляд, а именно идет речь о внешнем виде, десятки видео перекопал об оформлении формочки от feedborner

    Наталья Акулова Reply:

    У меня изменен внешний вид формы подписки)))

  2. Спасибо. Статья полезная. Все получилось.
    Но это не совсем то что мне нужно. Я думала вы расскажете о изменении формы подписки для плагина «Subscribe2». Мне все таки хочется подкорректировать этот плагин. Поковыряюсь, может получится.

    [Ответить]

    Наталья Акулова Reply:

    Наталья, я вас поняла. Посмотрю, что с этим можно сделать. Отпишусь по результатам. Хотя советую плагины менять на коды, они меньше загружают блог. Если что- пишите в личку, постараюсь помочь

    [Ответить]

    Наталия Reply:

    Я начинающий «создатель» :smile: блогов. У меня их два, один рабочий, второй мой личный по рукоделию (личным сообщением брошу ссылки если интересно). В процессе работы с ними, я часто консультировалась с профессионалом, у него своя вебстудия и он уже не первый год занимается созданием и раскруткой сайтов. Вот он как раз и сказал, что подписку на новости сайта, лучше всего делать при помощи плагина. Не вспомню умные термины, которыми он оперировал, но последняя фраза: «Так правильно!», можно сказать, меня убедила. Но я так нигде и не нашла подробного объяснения, на вашем сайте было наиболее полезное и подробное.

    [Ответить]

    Наталья Акулова Reply:

    Наталия, вы можете вставлять адрес своего блога в форму для комментирования. Напишите мне в личку, я исправлю

  3. Хорошая статья. У меня все не доходят руки разобраться с подпиской. Она у меня стояла с сайдбаре, делала сразу, как проходила обучение, а потом что-то нажала и она пропала. Только внизу стоит тот смартреспондер. вообще нужно и с рассылкой писем разобраться.

    [Ответить]

    Наталья Акулова Reply:

    Рассылка очень нужна. Старалась писать все подробно :) Читатели лишними не бывают

    [Ответить]

  4. Наталья, ещё можно вопрос?
    Мне очень понравился ролик про слепого лётчика. Но, скажите, могу ли я разместить его у себя на сайте, или это не очень порядочно — как будто тоже ворую контент? :oops:

    [Ответить]

    Наталья Акулова Reply:

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

    [Ответить]

  5. У многих блоггеров стоит подписка федбернер. Она хорошо работает. Зачем ее закрывать.

    [Ответить]

  6. Отличается ли чем-то подписка от Смартреспондент от подписки Feedburner? Есть ли разница какая форма подписки стоит на блоге?

    [Ответить]

    Наталья Акулова Reply:

    Смартреспондер высылает подписчикам серию определенных писем, а feedburner отсылает новые статьи с блога

    [Ответить]

  7. Наталья, вы оперативно отвечаете на все мои вопросы,спасибо! То, что вы делитесь своими знаниями и наработками, вам обязательно воздастся!! ;-)

    [Ответить]

    Наталья Акулова Reply:

    Марина, спасибо вам! Сейчас добавлю дополнение к статье по виджету в одноклассниках. Там все очень просто)

    [Ответить]

    Наталья Акулова Reply:

    http://nataliaakulova.ru/vidzhety-dlya-grupp-vkontakte-i-facebook/ вот ссылка на дополненную статью

    [Ответить]

  8. mash:

    У Вас Feedburner стоит. Как раз только что подписался на Ваш блог. Подписка прошла быстро, удобно и очень просто. А у некоторых она работает с огромными косяками.

    [Ответить]

    Наталья Акулова Reply:

    Возможно не правильно у них что-то настроено

    [Ответить]

  9. Василий Цубера:

    Я никак не могу понять как сделать rss ленту. Это от feedborner или нужно какой то другой сервис использовать для этого ???

    [Ответить]

    Наталья Акулова Reply:

    С помощью feedburner насколько я помню

    [Ответить]

  10. Василий Цубера:

    Спасибо буду искать более подробное решение проблемы, или это может во всем не проблема

    [Ответить]

  11. Василий Цубера:

    А я как раз присматривался к нему, получилось не плохо. Делали сами или на фрилансе искали людей? Оформление формы подписки

    [Ответить]

    Наталья Акулова Reply:

    Делали вместе с фрилансером, я фотошопила, а он выставлял

    [Ответить]

  12. Василий Цубера:

    Я уже подготовил картинку, и как раз думал над этим смогут ли они мне сделать так как я хочу. Я нарисовал поле для ввода e-mail адреса и кнопку, и переживал смогут ли они мне подогнать форму от feedborner под мой дизайн. Теперь понял, скорее всего что да

    [Ответить]

  13. Владислав:

    Огромное спасибо Наталье за советы. Я только начал вести свой блог, и Наталья уже во многом помогла мне. Данная статья тоже полезна. И надеюсь с помощью нее у меня будет классная рассылка на моем блоге

    [Ответить]

    Наталья Акулова Reply:

    Владислав, всегда рада помочь!

    [Ответить]

  14. Здравствуйте!
    Я ещё не сделала форму подписки более красивой, но теперь буду обдумывать этот вопрос со всей серьёзностью.
    Всё ещё собираюсь сделать рассылку :oops:

    [Ответить]

    Наталья Акулова Reply:

    Наталья, а я все обновить рассылку собираюсь…

    [Ответить]

  15. мне очень стыдно, но я совсем не могу заняться подпиской. Все руки до нее не доходят. В сайдбаре убрала нечаянно и все, ее просто нет, а после статей такая допотопная стоит. Я уже и не помню, как ее ставила, чтобы убрать совсем и надо сделать новую. Если сама не смогу, попробую обратиться к фрилансеру.
    Наташа, а если что-то заказывать фрилансеру, что надо ему давать свой пароль от админки? а потом-изменить его? у меня опыта в таких делах нет совсем. Но чувствую, обращаться придется. есть проблемы и с подпиской, и с заголовками h1. У меня выводится h1 в названии блога, а в статьях нет. И из-за этого релевантность статей не высокая. Это плохо. А сама в коды я не полезу. Боюсь.

    [Ответить]

    Наталья Акулова Reply:

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

    [Ответить]

  16. Попробую создать форму подписки по вашему методу, спасибо за статью. ;-)

    [Ответить]

  17. Я помню как только делал свой первый сайт, то так мне очень сильно хотелось сделать себе красивую форму для подписки. Я смотрел и видео и статьи, но что то ничего не получалось. А когда сделал второй сайт, то по этому поводу уже не думал. На втором у меня форма выводится плагином и я как то и не думал больше её менять.
    Ну а вы, Наталья, хорошо всё написали. Думаю, что если бы мне тогда попала такая статья как у вас, то моя бы форма подписка точно бы была красивой и незабываемой. :shock:

    [Ответить]

    Наталья Акулова Reply:

    У меня сейчас вообще смартреспондер, с платными формами подписки стоит :)

    [Ответить]

    Александр Reply:

    Наталья, судя по форме подписки, я это уже понял. Ведь на Feedburner не нужно вводить имя. А письма я так понял, что вы вручную отправляете. А то раньше мне постоянно приходили письма, а в последнее время что то очень редко. Хотя смотрю, что новые посты у вас на блоге есть. Последнее письмо мне приходило то, в котором вы писали, что конкурс будете проводить. И то пост, я смотрю, написан первого числа, а письмо я получил наверное числа 7-8. А если вы пользуетесь платными услугами на смартреспондере, то там я знаю, есть возможность настроить, чтобы письма с Feedburner автоматически отправлялись всем подписчикам через смартреспондер. Только какой внешний вид будет этих писем я не знаю. Наверное же есть возможность настроить, чтобы всё было красиво, шаблон красивый для письма сделать.

    [Ответить]

    Наталья Акулова Reply:

    Я говорила, что письма будут не чаще 1 раза в неделю приходить. Это побуждает чаще заходить самостоятельно. Формы можно настроить как угодно

  18. Александр:

    Здравствуйте, Наталья!
    Правильно ли я понял, что плагин subscribe2, самостоятельно, без этого подключения к FeedBurner, работать не будет? Или же я все-таки могу создать подписку только на основе плагина subscribe2?
    Дело в том, что FeedBurner оповещает подписчиков только о тех постах, которые находятся на главной странице (причём, только на первой её части), а мои последние посты находятся не в начале главной станицы, а в её конце. Так удобнее читателям. А вот на последние публикации, которые находятся в конце страницы (тем более на какой-нибудь энной её части) FeedBurner, к сожалению, вообще никак не реагирует.
    С уважением, Александр.

    [Ответить]

    Наталья Акулова Reply:

    Александр, насколько я помню это самостоятельный плагин. От FeedBurner я тоже отказалась, он тут же отсылал письма. Теперь сама контролирую кому и что отправить

    [Ответить]

    Александр Reply:

    Александр, вы немного запутались, и у вас какое то сомнительное мнение о FeedBurner. Ведь FeedBurner всё равно где находится ваш последний пост в конце страницы или в начале, это не имеет значение. FeedBurner просто читает вашу RSS ленту новостей. То есть вы написали пост и разместили его у себя на блоге, и об этом придёт уведомлении вашим подпискам на почту, что вот мол вышел новый пост. И ссылка в письме будет стоять именно на этот пост, а не на вашу какую то страницу. Также время рассылание почты, вашим подписчикам, можно настроить. К примеру, чтобы письма приходили вечером или утром.

    [Ответить]

Оставьте комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

(Правила комментирования)

Каждому комментатору книга в подарок!

Книга расскажет как повысить свою эффективность в деловой сфере и в отношениях с другими людьми