«

»

Фев 02

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

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

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

for

А если содержание страницы сайта человеку понравилось, и он хочет получать информацию о выходе новых публикаций на блоге? Люди все занятые и постоянно отслеживать информацию по моим страницам времени нет. Тем более если таких сайтов не один. Вот тут на помощь должна прийти “Подписка на новости блока”.

for4

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

Все довольны и счастливы. Я с подписчиками, Вы со свежими новостями на почте.

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

 


Пошел простым путем и посмотрел, что используют для этого “старшие” товарищи. Методом проб и ошибок я выбрал сервис от Google, а именно feedburner.google.com.

for5

Порядок действий следующий. Для начала мы должны иметь свой аккаунт на Google, если нет, то завести. У меня есть почта на Google.

Я обычно работаю в браузере Opera. Но при работе с feedburner лучше использовать Google Chrome по причине встроенного переводчика, т.к. сервис англоязычный. А так нажал иконку и все на русском хоть и корявом.

for1

Переходим по ссылке http://feedburner.google.com/ и на странице в окошке вводим адрес своего блока. Нажимаем кнопку следующий.  

for2

После этого у Вас появляется название сайта. На вкладке мои каналы кликаем на названии своего сайта. 

for6

 

На открывшейся странице нажимаем на “оповещать”, незабываем переводить. 

for3

На вкладке “оповещать” кликаем на “Подписки по электронной почте”. 

for7

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

 

Код формы подписки для сайта, копируем.

for9

И сохраняем его в Блокноте а лучше в редакторе Notepad++ программа бесплатная.

2017-02-02_18-14-39

 

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

for13

Немного видоизменив код я получил следующий результат

for10

Этот код я разместил ниже. Если хотите можете использовать

for11

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


 <form style=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=abch70/QMWG’, ‘popupwindow’, ‘scrollbars=yes,width=550,height=520’);return true»>
<h2>Подпишитесь на обновление:</h2>
<p>
<input type=»text» value=»Введите Ваш e-mail» onblur=»if(this.value==») this.value=’Введите Ваш e-mail’;» onfocus=»if(this.value==’Введите Ваш e-mail’) this.value=»;» style=»width:140px» name=»email»/>
<input type=»hidden» value=»abch70/QMWG» name=»uri»/><input type=»hidden» name=»loc» value=»ru_RU»/><input type=»submit» value=»Подписаться»style=»width:140px; margin:10px 0 0 5px» />
</p>
</form>


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

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

Всего доброго, Александр Чехлов.

 

Оформить кредитую карту Тинькофф
Кредитная карта Тинькофф "ALL GAMES" RU CPL

Поделиться в соц. сетях

Опубликовать в Google Plus
Опубликовать в Мой Мир
Опубликовать в Одноклассники
Опубликовать в Яндекс

2 комментария

  1. Любовь

    Спасибо что напомнили об этом сервисе. А то мой бывший сервис прекратил своё существование.

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

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