FeedBurner — создание и настройка формы подписки для сайта 36


Здравствуйте, уважаемые читатели. Сегодня поговорим о создании канала RSS на сервисе FeedBurner. Если вы ведёте свой блог или сайт, в ваших руках есть мощный инструмент заботы о ваших читателях и тем самым создания постоянной аудитории вашего ресурса. Я говорю о RSS ленте (канале) Вашего блога. RSS-лента отображает анонсы материалов вашего блога, ссылкой на полную статью вашего блога. Такие RSS-ленты очень популярны и многие люди читают новости и анонсы через специальных программы ридеры (читалки) на своих смартфонах, планшетах компьютерах или используя онлайн-сервисы. А ещё огромным плюсом является возможность организовать подписку на обновления блога по электронной почте.

Изначально, когда вы создаёте свой блог, у вас уже есть RSS-канал. Для того чтобы посмотреть как он выглядит, достаточно к адресу вашего блога добавить /feed/. Должно получится примерно так:

http://1zaicev.ru/feed/

RSS-лента в формате xml

RSS-лента в формате xml

Конечно, в таком виде RSS-канал не представляет интереса. И поэтому нужно передать RSS-канал в сервис FeedBurner, который имеет многогранные настройки и позволить привести RSS-канал в удобочитаемый вид и настроить форму подписки.

Настройка WordPress на публикацию RSS-канала

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

Для этого в административной панели WordPress открываем «Параметры»«Чтение».

Параметры WordPress

Параметры WordPress

Здесь нужно указать, сколько материалов будет отображаться в RSS-ленте. И как эти материалы будут отображаться. В нашем случае – это анонсы.

Итак, первоначальная настройка WordPress окончена. Переходим к сервису FeedBurner.

Создание RSS-ленты в FeedBurner

Так как сервис FeedBurner принадлежит Google, вам потребуется аккаунт в Гугле для работы с данным сервисом. Если у вас уже есть аккаунт в Гугле, очень хорошо. Если же нет, рекомендую прочитать статью «Как подтвердить авторство в Google», где я рассказал, как создать аккаунт в Гугле.

Для перехода к сервису FeedBurner, в адресной строке браузера введите http://feedburner.google.com/

Сервис FeedBurner

Сервис FeedBurner

После перехода на сервис FeedBurner, вы попадаете на страницу, где нужно ввести адрес вашего RSS-канала и передать его в сервис. Этот адрес я уже упоминал в начале статьи: http://vashsite.ru/feed/

Создание RSS-канала

Создание RSS-канала на сервисе FeedBurner

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

Заголовок и ссылка

Заголовок и ссылка для RSS-канала

Эта ссылка будет перенаправлять ваших читателей на канал RSS вашего блога.

Итак, канал передан в сервис FeedBurner. Для дальнейшего удобства в работе, предлагаю изменить интерфейс сервиса на привычный нам русский язык. Для этого переходим по вкладке Languages и выбираем «русский».

Смена языка

Смена языка интерфейса

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

А начнём с закладки «Оптимизируй».

Оформление RSS-канала в FeedBurner

Для начала нужно настроить, как будет отображаться RSS-канал. Настроить, какими ридерами можно будет читать Ваш канал и разумеется добавить приветственное сообщение для читателей.

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

Оформление RSS-канала

Оформление RSS-канала

Также советую подключить сервис «SmartFeed», который позволит расширить пользовательские сервисы для просмотра RSS-ленты.

SmartFeed

SmartFeed

И ещё я добавил скромный баннер, что то вроде логотипа своего блога на странице RSS-канала. Для этого нужно перейти к пункту меню «FeedImageBurner». Ввести ссылку на ваш логотип, заголовок для логотипа и ссылку на ваш блог.

Добавление логотипа

Добавление логотипа

С основными настройками оформления мы разобрались, теперь ваша страница RSS-канала будет выглядеть подобным образом.

Вид RSS ленты

Вид RSS ленты

Подписка на обновления блога по электронной почте

Шаг 1. Форма подписки

Сейчас рассмотрим способ создания формы подписки на обновление блога по e-mail. Для начала нужно создать форму на сервисе FeedBurner, а затем полученный код формы, вставить в шаблон вашего блога.

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

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

Форма подписки по e-mail

Форма подписки по e-mail

Этот код потребуется нам в дальнейшем для вставки в шаблон блога. Мы рассмотрим этот вопрос далее в статье.

Шаг 2. Активация подписки

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

Для выполнения этой настройки переходим к пункту меню «Communication Preferences».

Активация подписки

Активация подписки

Здесь нужно заполнить три поля. Адрес электронной почты от кого пришло письмо, вы можете указать адрес электронной почты с вашим доменом, как это сделал я. Как сделать такой почтовый ящик, можно посмотреть здесь.

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

И конечно же нужно написать само письмо. Изначально будет приведён примерный текст письма на английском языке. Вы можете его удалить и написать свой текст. Но только не удаляйте ${confirmlink} – это код на ссылку активации.

Шаг 3. Оповещение подписчиков

После того, как вы будете публиковать новые статьи на блоге, вашим подписчикам будут отправляться уведомления на электронную почту о новых материалах на Вашем блоге. И вот это самое письмо-уведомление можно также настроить.

Для этого открываем пункт меню «Email Branding».

Письмо-уведомление

Письмо-уведомление

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

Шаг 4. Доставка писем

Теперь нужно выбрать часовой пояс и время доставки писем. Именно в этот временной интервал по указанному часовому поясу будут доставляться письма-уведомления. От времени доставки будет зависеть и открываемость писем. Я выбрал интервал с семи до девяти вечера. Пока о результативности говорить рано, так как форма установлена всего два дня. И кроме меня есть всего два подписчика, которым я рад как ребёнок. 🙂

Время отправки писем

Время отправки писем

Счётчик подписчиков в сервисе FeedBurner

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

Для создания счётчика переходим в пункт меню «FeedCount».

Счётчик подписчиков

Счётчик подписчиков

Прежде всего, нужно выбрать стиль счётчика. На выбор представлено два варианта, анимированный и статический. Я выбрал обычный статический счётчик.

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

Создание иконки RSS

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

Вот пример такой иконки на моём блоге:

Иконка RSS

Иконка RSS на моём блоге

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

Для того чтобы сделать такую иконку нужно перейти к пункту меню «Chicklet Chooser»

Создание иконки RSS

Создание иконки RSS

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

Ну вот с основными настройками сервиса FeedBurner мы разобрались и у нас есть коды для вставки формы подписки, счётчика и иконки на наш блог. Так давайте приступать.

Вставка кода формы подписки на RSS-ленту в шаблон WordPress

Итак, у вас уже есть готовый код формы подписки на сервисе FeedBurner. Но такая форма, мягко говоря не совсем подходит для вставки на блог. Я говорю о том, что предложение ввести свой e-mail адрес на английском языке, вокруг формы есть рамка и присутствует ссылка на сервис FeedBurner.

Стандартная форма подписки

Стандартная форма подписки

И сейчас давайте немного поработаем над этим кодом. Исходный код выглядит вот так:

Исходный код

Исходный код формы подписки

Пример этой формы вы можете видеть чуть выше.

А теперь давайте разберёмся, что же можно доделать:

Доработанный код

Доработанный код формы подписки

Прежде всего я убрал рамку вокруг формы. Вставил счётчик в форму подписки. И добавил в поле для ввода e-mail адреса атрибут onfocus, который позволяет в поле для ввода выводить подсказку. А когда вы нажимаете на это поля для ввода, подсказка исчезает. Реализацию эффекта смотрите на моей форме подписки в сайтбаре.

Доработку кода рекомендую делать в бесплатном редакторе NotePad++. И помните,  — делайте резервные копии файлов с которыми работаете.

В качестве примера можете скачать файл с исходным и доработанных кодом с моего Яндекс.Диска, здесь. Только не забудьте сменить мой идентификатор 1zaicev/CBHh на ваш.

Теперь пришло время вставить нашу форму подписки в код шаблона. Для этого открываем административную панель WordPress – Редактор. А далее тот файл куда хотите вставить форму подписки. Я вставил форму в сайтбар (sidebar.php).

Редактирование шаблона

Редактирование шаблона

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

Пример моей формы подписки смотрите в сайтбаре.

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

До встречи на моём блоге Бизнес в Сети.

С уважением, Максим Зайцев



Если статья оказалась для Вас полезной, поделитесь с друзьями, жмите на кнопочки:


Подписывайтесь на новые статьи!


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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

36 коммент. к статье “FeedBurner — создание и настройка формы подписки для сайта

  • Мила

    Максим, у меня Гугл анулировал аккаунт буквально через несколько месяцев после начала работы. Значит ли это, что с тех самых пор и форма подписки
    «сдохла» вместе с аккаунтом ? Почти три года эта форма стоит у меня вхолостую, а я и не в курсе …

    • Максим Зайцев От автора

      Здравствуйте, Мила. Вам нужно создать новый аккаунт в Гугле. И обязательно рядом с формой подписки установите счётчик, тогда Вы наглядно будете видеть число Ваших подписчиков. Желаю удачи.

  • Вера Зверева

    Максим, здравствуйте. Спасибо за статью. Есть вопрос: я пользуюсь сервисом почтовых рассылок, например, джастклик. Я сгенеировала форму подписки читателей моего блога, и контакты подписчиков попадают ко мне в джастклик. Я хочу, чтбы эжти читатели получали на почту анонсы моих статей. Я могу применить тут технологию, которую вы показали в статье? Или же эти сервисы не могут взаимодействовать, и нужно выбрать что-то одно? Дело в том, что я хочу отсылать подписчикам не только анонсы, но и использовать адреса для рассылки авторских писем, не связанных с блогом.

    • Максим Зайцев От автора

      Здравствуйте, Вера. В Джастклик у Вас есть возможность отправлять и анонсы и другие материалы для Ваших подписчиков, так как у Вас их адреса. В FeedBurner у Вас такой возможности нет. Этот сервис очень удобен, так как без Вашего участия отправляет анонсы на новый материал.
      И если Вы пользуетесь Джасткликом, организуйте RSS рассылку через это сервис и тогда у Вас не будет необходимости связывать разные сервисы. К тому же Джастклик это позволяет сделать. Желаю успехов!

  • Дмитрий

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

    • Максим Зайцев От автора

      Если в двух словах, то графическую форму для фотошопа нужно отредактировать, чтоб была только оболочка. То есть без полей и кнопки. А далее нужно сверстать графическую форму и форму подписки воедино.
      Знаю не очень понятно, но более подробно трудно в комментариях описать. Если получится выкроить на этой неделе время может статью напишу на эту тему.

  • Анастасия

    Доброго времени суток. А если мой сайт не на вордпрессе и rss лента самостоятельно не обновляется, как быть?

    • Максим Зайцев От автора

      Здравствуйте, Анастасия. А на чём ваш сайт, я пытался несколько раз открыть, но всё 403 ошибка. В любом случае это временная трудность. Если ваш сайт не самописный, то формирование rss у вас будет.

  • Марина

    Здравствуйте, Максим, а как сделать такую красивую форму подписки как у вас в конце статьи? И к сожалению у меня сама форма растягивается во всю ширину страницы, в сайт-баре стоит нормально, а в статье выглядит страшно. Спасибо за ответ.

    • Максим Зайцев От автора

      Здравствуйте, Марина. Посмотрите вот эту статью http://1zaicev.ru/kak-vstavit-formu-podpiski-feedburner-v-stati/ в ней я рассказываю, как установить форму в статью. В этой статье приведены стили css, которые позволяют настроить форму под дизайн сайта.
      А так же посмотрите эту статью http://1zaicev.ru/kak-sozdat-krasivuyu-formu-podpiski/ в ней я как раз рассказываю о том, как добавить фоновое изображение к форме подписки.
      Пробуйте, а если будут вопросы, буду рад помочь.

  • Владмир

    Хорошая статья, просто понятно доступно. Мне понравилась твоя форма подписки в конце статьи под соц сетями не поделишься кодом формы. Заранее благодарю.

    • Максим Зайцев От автора

      Здравствуйте, Владимир. Спасибо за оценку. Код тот же, что в статье. Правда, немного доработан, убрал лишнее. В исходном коде странице его легко найти по блоку ДИВ с классом form_fb. В этом блоке вся форма, только не забудьте сменить ссылку.

    • Максим Зайцев От автора

      Здравствуйте, Евдокия. Спасибо за отзыв. Очень, рад что у вас всё получилось.

  • Андрей Зимин

    Добрый день, Максим. Я так понимаю, у вас стоит плагин кэширования WP Rocket. У меня вопрос. Блог стал загружаться быстрее, WP Rocket вас устраивает?

    • Максим Зайцев От автора

      Здравствуйте, Андрей. Я не использую WP Rocket. На данный момент у меня стоит плагин W3 Total Cache. С ним сайт загружается быстрей, но всем моим требованиям он не удовлетворяет.

      • Андрей Зимин

        Понятно. С другой стороны, трудно найти плагин, что бы удовлетворял всем требованиям.

  • Ирина Рослова

    Доброго дня, Андрей! Может подскажете:
    1. В фиде в разделе communication preferences у меня (или у всех ?!) нет окна «тема письма-подтверждения». Собственно — есть ли методы эту тему как-то задать? Сейчас тема подтверждения у меня приходит такая «Activate your Email Subscription to: 2B>@A:89 1;>3 @8=K >A;>2>9»

    2. Приходит письмо-подтверждение — снизу то, что я задала, сверху:
    You received this message because someone requested an email subscription
    for моё мыло to a FeedBurner feed. If you did not make this
    request, please ignore the rest of this message.
    Можно ли это убрать?

    3. Не найдены ли случайно на данный момент альтернативные бесплатные решения для организации бесплатной АВТОМАТИЧЕСКОЙ рассылки?

    • Максим Зайцев От автора

      Здравствуйте, Ирина. Меня зовут Максим и я автор этого блога. Я помогу вам разобраться с возникшими вопросами.
      На сегодняшний день в разделе Communication Preferences отсутствует поле «Тема письма-подтверждения». Так что вам нужно заполнить ваш email и текст письма.
      Текст в письме-подтверждении добавляется автоматически. Это служебная информация для подписчика на случай, если его адрес хотят использовать без его ведома. Этот текст убрать нельзя.
      По поводу альтернативных и автоматических респондеров не подскажу. Ничего достойного не встречал.

      • Ирина

        Ааааа! Извиняюсь!!!! Максим 🙂

        То есть, получается, в русскоязычном пространстве фидбёрнер с новым аккаунтом использовать нельзя… жаль, если так

        • Максим Зайцев От автора

          Ирина, почему же? Вполне можно использовать. Основную задачи по рассылке сервис выполняет на все 100%.

          • Ирина Рослова

            Ну, у нас с Вами немного разные ниши.
            Как думаете, какова вероятность того, что человек, подписавшийся на мой блог, откроет письмо с темой ««Activate your Email Subscription to: 2B>@A:89 1;>3 @8=K >A;>2>9»»
            ? А теперь сравним с вероятностью клика по тому же самому подписчиком Вашего блога )

          • Максим Зайцев От автора

            Ирина, согласен. Тематика разная и аудитория тоже. У меня раздача бесплатного курса организована через сервис Смартреспондер. Автоматической рассылки нет, но это не как не мешает сделать рассылку вручную. Плюс можно сделать серию писем на лучшие материалы и выставить их по времени и результатам открытия. И когда посетитель подписывается, то начинает получать серию писем. В общем тоже хороший вариант, к тому же до 1000 подписчиков — бесплатно.

  • Стас Завойских

    Спасибо! Очень познавательная статья. Ранее я уже делал форму Feedburner’a, но старый блог канул в лету. В чьем-то видео-уроке ничего не было про оформление, а у вас есть. Доброго развития!

    • Максим Зайцев От автора

      Здравствуйте, Стас. Рад, что статья вам понравилась. Берите на вооружение. Если будут дополнительные вопросы, пишите. Желаю удачи!

  • марина

    Привет,Максиму!Спасибо за код подписки!Все,получилось!Занесла Ваш сайт в закладки!Я еще,новичок,нуждаюсь в советах!Буду часто забегать на огонек!Еще раз,спасибо,Вам!

    • Максим Зайцев От автора

      Здравствуйте, Марина. Рад, что смог помочь. Только в вашем коде измените мой идентификатор 1zaicev/CBHh, на ваш. Это очень важно. И конечно заходите в гости, спрашиваете, буду рад помощь. Желаю удачи!

  • Елена

    Здравствуйте, Максим! У меня не работает форма подписки, пробую подписаться и получаю следующее сообщение : The feed does not have subscriptions by email enabled. Настройки фида перебрала по Вашей статье и не могу обнаружить ошибку.

    • Максим Зайцев От автора

      Здравствуйте, Елена. Для начала, оставьте в форме только поле e-mail адреса, уберите имя. Если не поможет, нужно детально смотреть настройки и саму форму.

      • Елена

        Здравствуйте, Максим. имя убрала ,, но ничего не изменилось.
        форма подписки.

        ПОДПИШИТЕСЬ НА НОВОСТИ БЛОГА!

        Введите свой адрес e-mail:

        • Елена

          Максим, я вставила форму подписки сгенерированную сервисом без изменений и она работает, значит я внесла изменения неправильно.

          • Максим Зайцев От автора

            Елена, выходит что так. Раз стандартная форма работает, значит причина в ваших изменениях. Внимательно проанализируйте код и найдёте ошибку.