Как создать форму подписки на обновления блога?

Приветствую читателей моего блога!

В статье речь пойдет о создании формы подписки на обновления блога.

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

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

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

Переходим к технической части.

Как сделать форму подписки для WordPress?

Реализовывать форму подписки на обновления блога будем с помощью сервиса Google под названием feedburner, для доступа к которому достаточно иметь аккаунт Google. Если у вас его нет, то обязательно заведите, а у меня он есть, поэтому я перехожу к следующему шагу и кликаю по ссылке:

Как создать форму подписки на обновления блога?

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

Переходим к следующему действию: нужно «зажечь» фид. У меня один фид уже «зажжен», что видно из картинки.

Что вообще значит «зажечь»? Действием по «зажжению» фида вы пропускаете RSS-канал вашего блога через сервис feedburner, после чего этот канал будет транслироваться среди подписчиков вашего блога.

Чуть не забыл, для удобства последующих действий сразу же в правом верхнем углу находим следующее меню:

Как создать форму подписки на обновления блога?

И выбираем во вкладке Languages русский язык (или любой другой из доступных, если вам так удобнее).

Далее необходимо ввести URL вашего блога и нажать кнопку Next:

Как создать форму подписки на обновления блога?

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

Как создать форму подписки на обновления блога?

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

Как создать форму подписки на обновления блога?

Идем дальше, жмем Next.

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

Как создать форму подписки на обновления блога?

Переходим далее:

Как создать форму подписки на обновления блога?

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

Как создать форму подписки на обновления блога?

Интерфейс сервиса feedburner предусматривает четыре вкладки с настройками и информацией:

  • Анализируй
  • Оптимизируй
  • Публикуй
  • Решай проблемы

На данном этапе для нас наибольший интерес представляют две из них, а именно Оптимизируй и Публикуй.

Начнем с первой. Находим во вкладке Оптимизируй раздел BrowserFriendly и заходим в него. В первую очередь здесь нужно поменять язык темы на русский, для этого в выпадающем меню Тема выбираем ClearFeed (Russian). Ниже, в опциях контента, выбираем в выпадающем меню Контент фида значение Показывать список названий и содержание статей. Также можно задать текст персонального сообщения, которое будет появляться вверху вашего фида, я этого делать не буду:

Как создать форму подписки на обновления блога?

Жмем Сохранить и идем дальше.

На очереди пункт SmartFeed, заходим в него и видим только одну кнопку Активировать, которую и нажимаем, тем самым делая канал совместимым с любым приложением для чтения RSS. После данной операции окно будет выглядеть следующим образом:

Как создать форму подписки на обновления блога?

Переходим к пункту FeedFlare, в котором представлен на выбор ряд специальных сервисов, функционал которых может быть добавлен под текстовое содержание каждого письма рассылки, осуществляемой сервисом feedburner. Более или менее знакомыми для русскоязычной аудитории являются здесь Email This (электронная почта), Share on Facebook (поделиться в Facebook), их и отмечаем, можете добавить и другие, по своему усмотрению:

Как создать форму подписки на обновления блога?

Далее нажимаем Активировать и переходим к следующему пункту под названием Feed Image Burner. В данном разделе можно добавить специальное изображение в вашем фиде для отображения в большинстве популярных программ чтения RSS-новостей. Сервис рекомендует выбирать изображение, не превышающее по ширине или высоте 144 пикселя.

В выпадающем меню Image Source нужно выбрать пункт Specify custom image URL, после чего по порядку сверху вниз:

  • заполнить поле Specify custom image URL, то есть прописать URL к картинке;
  • заполнить поле Image Title, то есть прописать содержимое тега title картинки;
  • вписать URL вашего блога в поле Link, то есть при щелчке по картинке будет происходить переход по данной ссылке на ваш блог.

Как создать форму подписки на обновления блога?

Жмем Сохранить.

Переходим к пункту настроек Title / Description Burner. Данный пункт позволяет прописывать заголовок и описание вашего блога, которые будут использоваться при трансляции потока через RSS. Я прописал сюда содержимое мета-тегов главной страницы своего блога:

Как создать форму подписки на обновления блога?

Сохраняем все внесенные изменения. Основные настройки во вкладке Оптимизируй мы произвели.

На очереди вкладка Публикуй:

Как создать форму подписки на обновления блога?

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

В разделе BuzzBoost можно определить функцию экспорта RSS фида в виде html для публикации на другом сайте.

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

Первый подпункт — Subscription Management. Здесь в выпадающем меню Language выбираем русский язык, после чего чуть ниже копируем сгенерированный код формы подписки:

Как создать форму подписки на обновления блога?

Теперь этот код нужно использовать для вставки в файлы WordPress вашего блога. Тут все индивидуально, каждый может вставить код куда пожелает. Например, чтобы сделать форму подписки в сайдбаре, нужно в админ-панели в меню Внешний вид выбрать пункт Виджеты, после чего перетащить в понравившееся вам место в сайдбаре текстовый виджет и вставить в его текстовое поле скопированный код. Сохраняем изменения и радуемся результату. О том, как сделать получившуюся форму подписки красивой прочитайте в этой статье.

Если вы хотите выводить вашу форму подписки после каждой статьи, то вам нужно вставить скопированный код в соответствующее место файла single.php вашей CMS WordPress.

На этом более задерживаться не будем и переходим к следующему подпункту — Communication Preferences. Здесь в графе Адрес электронной почты «От» прописываем свой адрес электронной почты, который будет значится при рассылке писем как исходящий («От»). На этой же странице указываем тему и само тело письма-запроса о подтверждении подписки в графах Тема письма-подтверждения и Тело письма-подтверждения. У меня получилось следующее:

Как создать форму подписки на обновления блога?

Сохраняем изменения. Сразу оговорюсь, что при заполнении графы Тело письма-подтверждения необходимо оставить строчку:

${confirmlink}

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

На очереди у нас подпункт Email Branding, в котором представлены настройки писем, рассылаемых подписчикам и информирующих их о появлении новых статей на вашем блоге. Здесь нужно заполнить поля Тема/Название письма и URL логотипа. Также здесь доступны настройки шрифта (стиль, цвет, размер) используемого в тексте писем. Результат моих действий ниже:

Как создать форму подписки на обновления блога?

Не забываем сохранять изменения.

Код ${latestItemTitle} в поле Тема/Название письма отвечает за вывод в качестве темы письма названия статьи, о появлении которой информирует данное письмо.

Остался последний подпункт в пункте Подписки по электронной почтеDelivery Options. Тут все просто: укажите часовой пояс, в котором находитесь, а также временной интервал, в течение которого желаете чтобы сервис feedburner рассылал письма о появлении новых статей вашего блога. Я нахожусь в Челябинске, соответственно выбрал часовой пояс, в котором находится Екатеринбург. Время рассылки я выбрал с 13:00 до 15:00, то есть в дневное время:

Как создать форму подписки на обновления блога?

Сохраняем настройки.

Переходим к настройкам PingShot. Тут тоже ничего сложного нет, просто нажимаем Активировать. Теперь при публикации нового контента на вашем блоге об этом будут уведомляться интернет-службы для чтения фидов:

Как создать форму подписки на обновления блога?

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

Как создать форму подписки на обновления блога?

Подробнее этот пункт освещать не буду, там все предельно ясно и интуитивно.

В разделе Socialize можно настроить подключение вашего RSS к социальной сети.

В разделе NoIndex можно выбрать функцию запрета индексации вашего фида поисковыми системами.

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

Сегодня мы разобрались как создать форму подписки на обновления блога. Надеюсь данная статья окажется для вас полезной!

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

До скорых встреч. С уважением, Владимир Денисов!

Комментарии 10

  • Отличная статья! Все подробно и по пунктам, очень понятно. Спасибо за проделанную работу и серьезный подход.

  • Можно вопрос? Чем этот вариант отличается от RSS или это одно и то же? Т.е. хочу понять, Вы описали один ИЗ вариантов, или это самый лучший? Или это вообще один единственный вариант подписывать людей на обновления блога? Немного запутался…

  • Благодарю за статью, за труд! Всё доступно и понятно, единственный момент в письме для подтверждения получается и русский и английский текст, а вот ссылка так и не появилась, вместо неё так и стоит код ${latestItemTitle} … Жаль, целый вечер потрачен без результата…

  • Благодарю за статью, за труд! Всё доступно и понятно, c кодом ${Confirmlink} разобралась, оказывается внедрилась каким-то образом заглавная буква С , и поэтому ссылка не появлялась. Теперь всё отлично!!! Удачи! На Вашем блоге много полезной информации — продолжайте творить!

  • Владимир, спасибо. Всё понятно. Но я дублирую вопрос Дмитрия от 1.12.2016 г. Подписка на сайт через фидбернер и подписка на RSS это одно и тоже? Или рассылка анонсов посредством RSS это разные вещи. Если это разные вещи, то может быть есть вариант который объединяет две задачи?

    • Павел, пожалуйста! По сути одно и то же. Фидбернер по сути это посредник, помогающий реализовать рассылку обновлений rss подписчикам.

  • Владимир, здравствуйте! Может, Вы мне сможете помочь, а то уже руки опускаются( На одном сайте сделала рассылку фидбернер, а в настройках BuzzBoost указала второй сайт. Но вместе с последними анонсами на втором отображается окно подписки на первый((((( Как его можно убрать? Я что только не пробовала, убирала код, меняла настройки фида — все равно форма подписки остается((( Как теперь избавиться от этого?
    Заранее спасибо.

  • У меня не получается настроить FeedFlare. Я ставлю галочки как у вас, нажимаю активировать, но мне пишут, что нужно выбрать хотя бы одно значение. Пробовала уже множество раз. Не знаете, в чём дело?

Добавить комментарий

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