Форма подписки на новости сайта

Приветствую Вас!

В этой статье я вам расскажу, как поставить форму подписки RSS ленты вашего сайта. Итак друзья, в этом нам поможет сервис FeedBurner от Google. feedburner27 Форма подписки от FeedBurner Google приглашает посетителей подписаться на обновления сайта по e-mail. Сервис FeedBurner предоставляет возможность — настроить e-mail подписку на обновления вашего сайта.

FeedBurner пропускает через себя RSS-потоки и предоставляет пользователю сервиса статистику подписки на RSS-поток (RSS – это новостная лента, RSS –лента). Способ подписки от FeedBurner очень простой: посетителю для подписки на новостной канал достаточно указать лишь свой e-mail адрес и он будет получать на этот адрес письма при каждой новой публикации на сайте. Форму подписки нужно поставить на самое видное место в сайтбаре на позицию так, чтобы она бросалась в глаза посетителям.

Я вам покажу, как сделать форму подписки от FeedBurner по шагам.

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

Итак друзья будьте внимательны!

Заходим на сервис FeedBurner  Вводим URL адрес вашего сайта и нажимаем кнопку «Next». Рекомендую вам включить переводчик в браузере Гугл Хром. Для вашего удобства.

feedburner1 Далее делаете простые шаги, как показано на скриншотах данной статьи. feedburner2Нажимаем кнопку «Next»,  здесь у вас присваивается специальный код.feedburner3Нажимаем кнопку «Next», и вас поздравят с этим уникальным кодом.feedburner4Нажимаем кнопку «Next», или если у вас включён переводчик вы увидите кнопку «следующая», здесь на ваше усмотрение можете подключить дополнительные настройки.feedburner5Нажимаем кнопку «Next».  Далее вы выбираете раздел «Публикации» feedburner16Нажимаем на активную ссылку «Подписки по электронной почте»feedburner6Нажимаем кнопку «Активировать» feedburner7Выбираем язык , в данном случае я выбираю «русский»feedburner8Нажимаем кнопку «Сохранить» feedburner9Далее копируете готовый Html-код стандартной формы подписки на ваш сайт.  (верхняя таблица) feedburner17и переносите код в блокнот (документ txt) на рабочем столе. В данном коде вам необходимо внести несколько изменений. feedburner28На скриншоте показаны места, где необходимо изменить код,  желтым маркером. Дублирую код в статье.

Внимание!

данный код не копируйте! Так как, код запрограммирован только на мой сайт!

<form style=»border:1px solid #ccc;padding:3px;text-align:center;» action=»https://feedburner.google.com/fb/a/mailverify» method=»post» target=»popupwindow» onsubmit=»window.open(‘https://feedburner.google.com/fb/a/mailverify?uri=blogspot/OvYBG’, ‘popupwindow’, ‘scrollbars=yes,width=550,height=520’);return true»><p>Enter your email address:</p><p><input type=»text» style=»width:140px» name=»email»/></p><input type=»hidden» value=»blogspot/OvYBG» name=»uri»/><input type=»hidden» name=»loc» value=»ru_RU»/><input type=»submit» value=»Subscribe» /><p>Delivered by <a href=»https://feedburner.google.com» target=»_blank»>FeedBurner</a></p></form>

В код, который вы получили с сервиса FeedBurner от Google  в своем блокноте на рабочем столе аккуратно вносите изменения.

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

1px — размер рамки формы (установить можно свой)

#ccc — цвет рамки формы (заменить его можно также на свой).

На сервисе цветовых кодов можете выбрать цвет под ваш дизайнер сайта.  Или на сайте  «Определение цветов html». Цветовая система html здесь

Вместо слов  Enter your email address  Напишите по русски: «Хотите получать обновления блога на ваш e-mail?» или «Для получения новостей укажите e-mail здесь»

Вместо слова Subscribe Вы напишите «Подписаться на новости» или просто «Подписаться»

Удалите не нужную ссылку;

Delivered by <a href=»https://feedburner.google.com» target=»_blank»>FeedBurner</a>

которая ведет на их сервис, она вам не к чему.

И вот друзья, ваш html код готов, так как вам нужно. С вашим индивидуальным дизайном. Теперь нам нужно скопировать готовый html код вставить его на свой сайт или блог.

Для этого вы заходите в консоль вашего сайта.

Если у вас блог на Blogger, то ниже в статье вы найдете так же описание, как поставить готовый отредактированный html код. Зайдите в консоль вашего сайта в раздел «Внешний вид» выбирайте подраздел «Виджеты» feedburner18 Во вкладке «Виджеты» выбираете виджет «Произвольный текст или HTML-код» ( с помощью такого виджета вставляются все HTML-коды) feedburner19 Вы этот виджет перетаскиваете в нужное вам место в сайтбаре. (Зажав левой кнопкой мыши) В заголовке пропишите свой призыв.

Например: «Приглашаю подписаться» или «Узнайте новости первыми» или что то сами продумайте.  А в самом содержание виджета вставляйте скопированный html код. feedburner20 И ваша форма подписки Готова к работе! feedburner27Рекомендую, проверьте форму подписки в действие. Сами внесите свою электронную почту в подписную форму, и нажмите кнопку «Подписаться».

Если вы все правильно сделали, вы увидите окно с запросом на подписку по электронной почте. В верхней строке будет ваш электронный адрес.   А в нижней строке вам необходимо внести «капчу»feedburner30Нажимаем кнопку «Завершить оформление запроса на подписку». Вы увидите следующее «Ваш запрос принят!» Теперь закрывайте данное окно.feedburner10 Пройдите на свою почту, которую вы указали, найдите письмо от сервиса FeedBurner, откройте его.feedburner11Кликайте на длинную ссылку в данном письме активации.feedburner13Как только вы сделаете это. Вы увидите следующее сообщение. «Что ваша электронная подписка подтверждена!»feedburner12При выходе новых статей на вашем сайте ваши подписчики будут получать информацию, что у вас вышла новая статья на блоге или сайте. Итак мы с вами закончили установку подписной формы RSS-ленты.

У вас имеется еще один сайт или блог.

То рекомендую вам проделать все те же самые действия сразу же и установить на другие ваши ресурсы такие же формы подписки  RSS-ленты.

Помните, что для каждого вашего сайта или блога будет присвоен сервисом FeedBurner отдельный код. feedburner14

 

У вас блог на сервисе Blogger.

Зайдите в управление вашим блогом. Нажмите на вкладку «Дизайн» feedburner21В разделе сайтбар выбирайте куда вам нужно поставить данный виджет с кодом. Кликаем на «добавить гаджет»feedburner22 Выбирайте гаджет «HTML/JavaScript» feedburner23 Так же прописываем название заголовка. И где находиться раздел содержание вставляете ваш готовый отредактированный html-код feedburner24Нажимаем кнопку «Сохранить» Всё ваша подписная форма для блога установлена. feedburner26 На моём сайте в левом сайтбаре стоит форма подписка оформлена индивидуально мной! моя форма Как вам такая форма. Понравилась?

Хотите узнать, как я ее сделала, спросите меня.

Оплатите 300 руб. за консультацию в скайпе.

Виджет для оплаты находится справа в сайтбаре.

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

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

На сервисе FeedBurner в разделе  «Публикуй!» — «Подписка по электронной почте» копируете HTML-код ссылки на подписку. (Вы его увидите ниже кода формы подписки) feedburner31 Этот код также отредактируйте в блокноте (документ txt) на рабочем столе.

<a href=»https://feedburner.google.com/fb/a/mailverify?uri=nina-shishkina73/ivqH&amp;loc=ru_RU»>Subscribe to Интернет — Карьера by Email</a>

Вместо слов «Subscribe to Интернет — Карьера by Email» 

Вставьте слова по русски Например: Подпишись на новостную ленту сайта Интернет-Карьера

Получиться вот так, после исправления в коде!

<a href=»https://feedburner.google.com/fb/a/mailverify?uri=nina-shishkina73/ivqH&amp;loc=ru_RU»>Подпишись на новостную ленту сайта Интернет-Карьера по e-mail</a>

Подписку на обновления блога по ссылке можете установить при помощи плагина «Post Layout».

Плагин Post Layout выводит результат работы html и JavaScript кодов в виде рекламы, форм, ссылок и др. в начале, в середине и в конце текста статьи, внедряет код на все WordPress страницы.

Скачайте плагин Post Layout с официального сайта плагинов WordPress на свой компьютер, загрузите на сайт и активируйте плагин, а проще найдите его в разделе плагины, установить новый. В поисковой строке вбейте название плагина и установите его.

После активации плагин Post Layout откроется во вкладке «Настройки» — «Post Layout». Плагин Post Layout Если вы хотите установить ссылку на подписку после каждой публикации, то нажмите «Single post» и поставьте HTML-код ссылки на подписку в третьем окошке «Code to add after the post» и нажмите кнопку «Save». Плагин Post Layout1 Если вы хотите установить ссылку на подписку в конце каждой страницы, то нажмите «Page» и поставьте HTML-код ссылки на подписку во втором окошке «Code after the page» и нажмите кнопку «Save».

Если вы заметили, то в плагине «Post Layout» HTML-коды можно ставить и в начале каждой страницы, и в конце записи на странице. А так же в начале и в середине каждого поста.

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

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

Надеюсь, что у вас все получилось и ваша форма подписки стоит на сайте. Теперь подписчики будут получать письма от сервиса FeedBurner на e-mail адрес при каждой новой публикации статьи на сайте.

Желаю вам успехов!

с уважением Нина Шишкина