Как сделать форму подписки, подписать по e-mail и получить постоянных читателей

Отличный урок, который помог мне установить на сайт форму подписки для читателей. Для этого используется популярный сервис от Google бесплатный Feedburner. Публикую без сокращений с блога blog.topdelo.ru.

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

Воспользуемся для этого бесплатным сервисом FeedBurner (Фидбернер).

==============================

Для тех, кто не знает что такое RSS.

Вы запустили свой блог, создали в нем сообщения и по умолчанию он имеет свою RSS ленту этих сообщений. Чаще всего ссылки на рсс-ленту ваших сообщений уже прописаны в вашем шаблоне, к примеру RSS моего блога находится по адресу http://www.savatop.ru/feed

Другая ссылка на нее может выглядеть так: http://вашблог.ком/?feed=rss2.
В других движках блогов, адрес вашей RSS ленты, может быть другим, обязательно выясните его – достаточно кликнуть специальный значок (логотип RSS) в адресной строке:

fb_2

Для начала Вам необходимо зарегистрироваться на сервисе Фидбернер. Процедура простая и быстрая.

1. Входим на Главную страницу: http://feedburner.google.com

2. Если у вас уже есть свой аккаунт Google, то входим в него — вводим адрес почты Gmail и пароль + кликаем кнопку [Войти].

Если аккаунта Google у вас нет, его сначала надо создать — кликаем кнопку [Создать аккаунт]. Далее проходим стандартную процедуру регистрации — указываем:

  • Ваш электронный адрес
  • пароль
  • проверочное слово

2. Входим в свой Аккаунт Google и выбираем Русский язык — кликаем ссылку [Languages] (справа в верхней строке).

Откроется окно «Мои фиды».

3. Если Ваш фид уже существует, то выбираем его, если нет – вводим адрес блога и кликаем кнопку [Next].

Зажигаем фид -1У меня уже есть несколько свежих подписок, на которых я натренировал руку

У вас, скорее всего, будет надпись: “У тебя нет фидов… Давай жги…”

4. Чтобы ваш фид «зажегся», надо дать ему имя (Название) и Адрес.
Название фида вводим русскими буквами;

Адрес – любыми латинскими. В предложенном FeedBurner варианте я оставил “savatop”.

Зажигаем фид -2

Кликаем кнопку [Next]

5. Откроется окно «Поздравляем! Ваш фид обрел жизнь…»

Зажигаем фид - 3

В этом окне мы видим полный адрес вашего фида. Его надо скопировать и сохранить, так он понадобиться вам в дальнейшем.
Кликаем кнопку [Next]

6. В следующем окне ничего не трогаем – сразу кликаем кнопку [Next].

Откроется окно вашего фида, которое должно быть похоже на:

Зажигай фид - 4

7. При необходимости снова выбираем Русский язык и кликаем вкладку [Оптимизируй].

8. Заходим на вкладку «Оптимизируй«, выбираем «BrowserFriendly» в левой колонке и в секции Опции внешнего вида, выбираем «ClearFeed(Russian)«.

fb_7

9. Потом перейдите на «SmartFeed» и нажмите кнопку «Активировать».

10. Далее переходим на «Title / Description Burner» (внизу левой колонки) и задаем название RSS-ленты и при желании ее краткое описание.

Название лучше на английском.

fb_8

11. Переходим на «Convert Format Burner«, выбираем «RSS 2.0»  и активируем.

fb_9

 

Теперь нам осталось получить код формы подписки, которую мы разместим в блоге,  отредактировать (“руссифицировать”) текст письма  подтверждения и настроить внешний вид писем с новостями вашего блога.

12. Переходим на вкладку “Публикуй” (в верхней полосе) и в левой колонке выбираем Подписки по электронной почте.Кликаем кнопку [Активировать]

Откроется окно «Подписки по электронной почте», в котором мы получим 2 кода: в верхнем поле — код формы подписки по E-mail, которую мы разместим у себя на блоге;
в нижнем поле – код, который можно вставлять в письма или рассылки.

fb_10

13. Полностью копируем и сохраняем этот код.

Но прежде, чем использовать эти коды их надо немного откорректировать – заменить английские фразы (выделены желтым маркером) на русские, например, так:

Enter your email address: –> Введите свой e-mail
Subscribe –> Подписаться

Subscribe to… –> Подпишись на новости блога

Фрагмент кода: <p>Delivired…</p> можно вообще удалить (выделен красным маркером).

 

О том, как превратить «верхний» код в форму подписки на обновления вашего блога на Blogger читайте здесь: http://popov-ssb.blogspot.com/2009/04/e-mail.html

С Wopd Press будет чуть сложнее, но мы все равно прорвемся :-). Ну, а пока займемся письмом для подтверждения подписки.

Это письмо придет к читателю на указанный им в форме подписки e-mail.
В этом письме будет ссылка для активации подписки. Достаточно кликнуть эту ссылку и отправить появившееся письмо (можно даже пустое), чтобы подтвердить свое желание получать новость.

14. Выбираем «Communication Preferences» (левая колонка, под «подписки по электронной почте»).

На этой странице редактируем тему и тело письма.

fb_11

15. Заменяем английский текст «Activate your Email Subscription to:» на русский, например, такой «Активируйте получение новостей с блога:»

16. Редактируем английский текст (выделено желтым), чтобы изменить тело письма.

Главное — не трогайте строку ${confirmlink}  !

=========== Пример текста моего письма:

Здравствуйте!

Кто-то, возможно Вы, указал этот e-mail, чтобы получать новости блога Александра Попова «Честный бизнес — Умные деньги».

Для активации подписки достаточно кликнуть эту ссылку:

${confirmlink}

Если ссылка не открылась, то скопируйте и вставьте ее в адресную строку Вашего браузера и нажмите Enter.

Если Вы не желаете получать эту рассылку, просто игнорируйте данное письмо.

С уважением, Александр ПОПОВ.

===========================================

17. Кликаем кнопку [Сохранить]

19. В разделе Email Branding можно поменять Тему письма и при желании настроить оформление фида + добавить логотип.

fb_12

20. Переходим на «Delivery Options» и настраиваем часовой пояс, а также время доставки уведомлений:

fb_13

21. Переходим на «PingShot» (тоже в левой колонке), ставим везде галочку(и) и Активируем (сохраняем).

Переходим на Awareness API (тоже в левой колонке) и Активируем (сохраняем). Эта услуга дает доступ к вашей RSS ленте из вне, что необходимо для всяких рейтингов, например для рейтинга блогов Яндекс.

На этом мы закончили с настройкой FeedBurner + мы получили и отредактировали код формы подписки, которую нам надо вставить в блог (см. п. 12-13).

Но прежде, чем мы займемся дизайном блога, нам нужно скачать и установить в нем специальную программу (плагин) «FeedBurner FeedSmith«.

22. Скачайте файл с плагином, распакуйте и загрузите его в директорию плагинов вашего блога, /wp-content/plugins/.

fb_14

 

23. Переходим в панель управления блогом в раздел «Плагины» и активируйте плагин «FeedBurner FeedSmith».

24. Теперь переходим в раздел «Параметры» и выбираем «FeedBurner» (внизу левой колонки ) и в оба поля вводим адрес Вашего фида на FeedBurner. (см. п.4 и 5)

Переходим к заключительному этапу – вставка формы подписки в Ваш блог.

Здесь есть 2 пути:

  1. простой (без изменения кода PHP) – использовать Виджеты WP
  2. для тех кто имеет представление о PHP или хотя бы HTML

— 1 способ —

25. Переходим на вкладку «Внешний вид (Дизайн)», выбираем «Виджеты» и в средней  колонке нажимаем на ссылку «Добавить” Текст.

fb_18

26. Откроется окно Текст.

В верхнюю строчку вводим что-то типа: “Подпишитесь на новости” или “Хочешь получать новости блога?”.

В нижнее поле вставляем отредактированный код формы (см. п.13) и кликаем кнопку [Готово].

fb_19

27. Перетаскиваем виджет на нужное место и кликаем кнопку [Сохранить].

fb_20

Перегружаем страницу блога и любуемся на проделанную работу:

fb_17

— 2 способ —

Тот, кто уверен в своих навыках или не боится экспериментов, может “поколдовать” с кодом формы подписки и затем вставить ее в файл sidebar.php

У меня Боковая колонка двойная и я решил вставить форму в самый верх 2-й:

fb_22

28. Переходим на вкладку «Внешний вид (Дизайн)», выбираем «Редактор» и в правой колонке нажимаем на ссылку «Боковая колонка (sidebar.php)».

fb_23

Теперь в нужное место этого файла вставляем код формы, который мы подготовили в  п.13.

Если вы затрудняетесь с определением этого самого “нужного места”, то лучше не рисковать и воспользоваться 1-м способом (виджитом).

И последнее: чтобы убедиться, что наши труды были не напрасны, нужно провести испытания – самому подписаться через установленную форму и все проверить.

Отзывов 4 для “Как сделать форму подписки, подписать по e-mail и получить постоянных читателей”

  1. Полина 19.05.2013 at 01:24 # Ответить

    Спасибо огромное Вам за эту статью! Всё настолько понятно, что с основной частью справилась с первого раза за 15 минут. Хотя до этого, читая другие статьи на эту же тему, вообще ничего не могла понять. Форму подписки на блог поставила, осталось поработать с дизайном.

  2. Кирилл 18.07.2013 at 01:33 # Ответить

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

  3. Alina 20.08.2014 at 17:27 # Ответить

    Получилось наконец-то вставить этот виджет с подпиской)

Trackbacks/Pingbacks

  1. сайт - 22.05.2013

    Подборка сайтов ……

    […] все эти сайты, на которых стоит… […]…

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