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, думаю она нам ни к чему. И поэтому удаляем в коде следующую строчку:

Delivered by FeedBurner


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

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

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

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

- отступ сверху
- отступ снизу
- отступ слева
- отступ справа
 - используется для вставки изображения
 цвет и размер текста

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

input type="submit" value="Subscribe"

на следующий

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

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

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

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


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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  18. mash:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  34. Попробую создать форму подписки по вашему методу, спасибо за статью. 😉

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

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

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

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

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

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

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

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

  42. Артур:

    Достаточно полезная и полная информация. С этой инструкцией можно можно взять любую другую картинку и прикрутить к ней подписку, благо их валяется на просторах…

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

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

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

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