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

Как сделать форму подписки на обновления нашего блога по email
Форма подписки на обновления блога вплотную подводит нас к вопросу работы с нашей целевой аудиторией.

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

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

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



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

Google организует подписку на обновления нашего блога через сервис Feedburner, поэтому мы и прошли регистрацию на нем, чтобы иметь возможность работать напрямую с этим сервисом.

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

Итак, приступим к созданию формы подписки на обновления нашего блога по e-mail.

1.  Открываем наш аккаунт в Feedburner и дважды кликаем по названию нашего фида:




 2.  Попав на следующую вкладку, кликаем: Publicize.

Созданию формы подписки на фид блога


3.  На вкладке: Publicize  кликаем на вкладку: Email Subscription.


Создаем форму подписки по email



4.  Мы попадаем на вкладку: Subscription Management, где находится код формы нашей подписки.

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




На его место вставьте вот такой код:

<form style="border:1px solid #ccc;padding:3px;text-align:center;"
action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow"
onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=#########', 'popupwindow',
'scrollbars=yes,width=$$$, height=***');return true"><p>Введите свой email адрес:</p>

<p><input type="text" style="width:140px" name="email"/></p>
<input type="hidden" value="############" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input type="submit" value="Получать обновления на e-mail" />
</form


Вместо значков: $$$ вставьте цифрами желаемую ширину формы, а вместо значков: *** - желаемую высоту формы.

Вместо красных решеток вставьте адрес вашего фида.

Для того, чтобы узнать адрес своего фида, надо кликнуть на ссылку: Edit Feed Details и скопировать кусочек адреса в открывшемся поле, подсвеченным на картинке розовым цветом.

Этот скопированный кусочек и вставьте на место адреса вашего фида в коде формы подписки.

Будьте очень внимательны, в коде недопустимо искажение ни одного знака.

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

Посмотреть адрес фида своего блога




Когда вы вставите исправленный код в текстовое поле, не забудьте сохранить изменения, кликнув на: Save.


Сохранить код формы подписки

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


5.  Затем переходим на вкладку: Communication Preferences.

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

Здравствуйте,
Вы подписались на обновление блога:
##########.


 Для того, чтобы активировать подписку, перейдите пожалуйста по следующей ссылке:

${confirmlink}

(Если ссылка почему-либо не работает, просто скопируйте ее и вставьте в адресную строку вашего браузера.)


Вместо красных решеток вставьте название вашего блога.

Значок ссылки, подсвеченной синим цветом, изменять ни в коем случае нельзя.

Вставьте исправленный текст в текстовое поле письма.

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

Активируйте пожалуйста вашу подписку на: #########.  

Вместо красных решеток вставьте название вашего блога.


Здесь же вы можете поставить тот адрес отправителя, который хотите. Я рекомендую вам создать для подписки специальный отдельный адрес, потому что, когда у вас станет много подписчиков, то вы замучаетесь получать спам от их автоответчиков на свой основной адрес.

Когда все будет сделано, сохраните изменения, кликнув на: Save.


Меняем текст обращения к подписчикам



6.   Далее переходим на вкладку: Delivery Options.

Здесь мы устанавливаем наш часовой пояс и время доставки обновлений.

Сохраняем настройки, кликнув на: Save.

Натсроить время получения подписки



 7.  Теперь нам надо выполнить еще одну очень важную настройку.

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

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

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

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

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

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

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

Об этом мы будем с вами говорить подробно позже, а сейчас пока давайте зайдем на вкладку: Optimize  и перейдем на вкладку: Summary Burner.

Здесь мы должны ограничить число знаков, выводимых в фиде. Рекомендуется делать не более 200 - 250-ти.

А в текстовом поле вместо английского текста вставьте тот, который вы видите на картинке.

Теперь надо активировать этот сервис, кликнув: Activate.




8.  Вкладка активируется, и вы увидите следующую вкладку, на которой надо будет сохранить настройки, кликнув: Save.

Активировать настройки формы подписки

9.  Теперь я покажу вам, как создать счетчик подписчиков.

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

Надо войти на вкладку: Publicize и затем на вкладку: FeedCount.

Здесь надо активировать счетчик, кликнув: Activate.


Как создать счетчик подписчиков


На открывшейся вкладке выбираем стиль счетчика: статический (Static) или анимированый (Animated).

Затем выбираете цвет фона (body)  и текста (text).

Сохраняете результат, кликнув на: Save.

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

После сохранения ваш счетчик появится над полем с кодом.

Активируем счетчик подписчиков


10.  Информацию о своих подписчиках вы сможете смотреть на вкладке:

Publicize --> Email Subscriptons --> Subscription Management --> кликнув на ссылку: View Subscriber Details.

Вы также сможете экспортировать с этой вкладки список своих подписчиков с адресами в формате CSV и вставлять их в другие свои рассылки.


как отследить базу своих подписчиков




11.  Теперь давайте разместим нашу форму подписки на обновления у себя в блоге.

Заходим на вкладку: Дизайн.

Кликаем: Добавить гаджет.

Выбираем гаджет: HTML/Java Script и кликаем на плюсик около него.

В открывшееся поле вставляем код нашей формы подписки, который мы создали в пункте 4. Сохраняем изменения.

Перетаскиваем гаджет мышкой в нужное нам место и сохраняем расположение в правом верхнем углу страницы.

12.  Теперь войдите на свой блог и подпишитесь на его обновления по e-mail, чтобы проверить, как работает вся эта цепочка.

Вот и все, а вы боялись...)))

На следующем занятии мы создадим красивую форму подписки на обновления нашего блога по RSS.



Если вы случайно попали на эту страницу и хотите присоединиться к тренингу, вы можете сделать это через эту подписную форму:


Ваше имя: *
Ваш e-mail: *
В тренинге участвуют:
слушателей


Забрать на свою страничку:




10 комментариев:

  1. Здравствуйте! Я споткнулась в самом начале, там, где нужно удалить старый код и вставить рекомендуемый Вами. Код НЕ УДАЛЯЕТСЯ! В чем может быть дело?

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

      Удалить
  2. Каролина, в пункте 4: ошибка в коде, он не работает (ведет на ваш тренинг)... Пришлось вставлять первоначальный на англ. языке.

    ОтветитьУдалить
    Ответы
    1. Адрес фида должен повторяться два раза, а у вас один...

      Удалить
    2. Каролина, обратите внимание на ошибки в п.4

      Удалить
    3. ВАУ!!!...Точно!...не заметила...спасибо, Ирочка..))

      Удалить
  3. Спасибо!!!! Спасибо!!!! У вас очень ценная информация!!!!

    ОтветитьУдалить
  4. Крутяк, спасибо вам большое! Благодаря вашему блогу, я стал много чего понимать в создании блога и его оформлении. До СЕО ещё не дошел, надеюсь, там я тоже черпану много полезной информации. И ещё раз, спасибо вам!

    ОтветитьУдалить