Вы читаете статью "Ставим форму подписки на Feedburner, Youtube и Twitter"

Купить здесь баннер

Ставим форму подписки на Feedburner, Youtube и Twitter


01 Дек 201214 комментариев

Я предлагаю вам сегодня поставить на Ваш блог форму подписки от сервиса Feedburner, Youtube и Twitter

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

Не скажу, что мы сваяем бомбу Feedburner, но что-то приятное попробуем сделать.

Кроме этого мы поместим в форму ещё подписки на Твиттер и канал Ютуб, будем использовать все каналы подписки.

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

Начнём с Feedburner.

Если у Вас нет ещё аккаунта в этом сервисе идём и срочно регистрируемся. Не вижу смысла описывать процесс регистрации, все везде стандартно вписываете свои данные и жмёте «зарегистрироваться».

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

Feedburner1

Feedburner

Далее Вам нужно зажечь фид. Вводим поле адрес Вашей Rss ленты для блога на WordPress это http://dfi-домен/feed

И жмём кнопку зажечь.

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

Feedburner 3.

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

Feedburner 4

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

Жмём пропустить и приступить к управлению фидом Feedburner.

Feedburner 5

Далее, Вам предложат подключить Ваш фид в всевозможным службам статистики. Но нам нужна вкладка вверху «публикуй» Жмем и начинаем отладку канала.

Feedburner6

Переходим и находим в левой колонке пункт «Подписка по эл. почте»

Feedburner7

Сейчас нам нужно активировать функцию подписки и система выдаст нам HTML-код формы подписки, который мы сможем поставить к нам на сайт.

Feedburner8

Feedburner9

Ну что ж вроде круто и уже все работает, но не спешите. Нужно произвести ещё кое, какие настройки.

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

Пойдём подправим. Для этого переходим по вкладке «Communication Preferences» дествие1

И правим тему письма 2 и само письмо приветствия 3, в котором объясните подписчику, что это за письмо и что нужно сделать.

4.Ни в коем случае не убирайте переменную ${confirmlink} , она генерирует ссылку для подтверждения рассылки.

Feedburner10

В настройках панели сервиса есть ещё много настроек, но все расписывать рука устанет, больше и детальнее покажу в видео уроке, который снял для 4 версии своего бесплатного видеокурса «Блог на WordPress». Если интересно качайте курс и смотрите все подробнее.

Что я хочу ещё здесь показать это интересный инструмент аниматор заголовков.

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

Feedburner11

Обратите внимание, что можно выбирать ширину баннера. Я выбрал 180 на 100 она дольше подходит для сайт бара блога.

Жмём активировать и код самого баннера забираем во всплывающем окне

Feedburner 12

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

Супер, нужные коды у нас есть.

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

Feedburner 13

Пока, если честно не очень.

Предлагаю взять этот код и отредактировать сначала в HTML редакторе Dreamweaver.

Уберём некоторые ссылки Feedburner

Сначала я убрав первом коде вот эту строчку, которая выводила ссылку на ↑ Grab this Headline Animator

<p style=»margin-top:5px; padding-top:0; font-size:x-small; text-align:center»><a href=»http://feedburner.google.com/fb/a/headlineanimator/install?id=9gvadk0njdgkifhihhcgdv8ias&amp;w=1″ onclick=»window.open(this.href, ‘haHowto’, ‘width=520,height=600,toolbar=no,address=no,resizable=yes,scrollbars’); return false» target=»_blank»>&uarr; Grab this Headline Animator</a></p>

И во втором коде я убрал код

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

Понятно да. Ссылка на фидбернер.

Перенес тег form вперед всего кода чтоб все было в единой рамке.

И конечно же перевел на русский «Ввести е-маил» и «подписаться»

Вот мой код что получился

<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=ashifin2’, ‘popupwindow’, ‘scrollbars=yes,width=550,height=520’);return true»><p style=»margin-top:10px; margin-bottom:0; padding-bottom:0; text-align:center; line-height:0″><a target=»_blank» href=»http://feeds.feedburner.com/~r/ashifin2/~6/1″><img src=»http://feeds.feedburner.com/ashifin2.1.gif» alt=»ВЕБ-Мастерская Инфобизнеса2″ style=»border:0″></a></p>

<p>Введите свой е-маил:</p><p><input type=»text» style=»width:140px» name=»email»/></p><input type=»hidden» value=»ashifin2″ name=»uri»/><input type=»hidden» name=»loc» value=»en_US»/><input type=»submit» value=»Подписаться» /></form>

Подключи подписку на Youtube и Twitter

Теперь  подставим ещё ссылки на наш Твиттер и Ютуб.

Первое что нужно, это взять ссылки с Твиттера и своего канала Ютуба и оформить их.

http://www.youtube.com/user/ashifin?feature=mhee Канал с Ютуба

https://twitter.com/miniblogash Мой Твиттер

Просто заключаем в табличку картинки и ссылки с пояснениями и получаем код

<strong><font color=»#CC0000″>Получай новости первым,

любым удобным тебе способом!</font></strong>

<table width=»100%» border=»0″ cellspacing=»5″ cellpadding=»5″>

<tr>

<td><img src=»https://infomaster.su/wp-content/uploads/2012/11/6.jpg» width=»55″ height=»54″></td>

<td><a href=»https://twitter.com/miniblogash» target=»_blank»><em>Читай нас в Твиттере</em></a></td>

</tr>

<tr>

<td><img src=»https://infomaster.su/wp-content/uploads/2012/11/ytyb.jpg» width=»56″ height=»44″></td>

<td><a href=»http://www.youtube.com/user/ashifin?feature=mhee» target=»_blank»><em>Смотри наш канал на Youtube</em></a></td>

</tr>

<tr>

<td><img src=»https://infomaster.su/wp-content/uploads/2012/11/feedburner1.png» width=»45″ height=»45″></td>

<td><em><em>Или получай обновления на свой почтовый Ящик<a href=»http://www.youtube.com/user/ashifin?feature=mhee» target=»_blank»></em></td>

</tr>

</table>

<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=ashifin2’, ‘popupwindow’, ‘scrollbars=yes,width=550,height=520’);return true»>

<p>Введите свой е-маил:</p><p><input type=»text» style=»width:140px» name=»email»/></p><input type=»hidden» value=»ashifin2″ name=»uri»/><input type=»hidden» name=»loc» value=»en_US»/><input type=»submit» value=»Подписаться» /><p style=»margin-top:10px; margin-bottom:0; padding-bottom:0; text-align:center; line-height:0″><a target=»_blank» href=»http://feeds.feedburner.com/~r/ashifin2/~6/1″><a target=»_blank» href=»http://feeds.feedburner.com/~r/ashifin2/~6/1″><img src=»http://feeds.feedburner.com/ashifin2.1.gif» alt=»ВЕБ-Мастерская Инфобизнеса2″ style=»border:0″></a></p></form>

И вот такой результат на блоге.

Feedburner 14

Понятное дело что я еще повозился с оформление, но это уже личное дело каждого, более подробно я показал в видео в курсе “Блог на WP” скачать его можно с этой страницы

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


Вы прочитали мою статью " Ставим форму подписки на Feedburner, Youtube и Twitter "  Хотел бы прочитать Ваше мнение в комментариях.



Купить здесь баннер
WordPress Еще записи по этой теме:
необходимые руководства по основным базовым знаниям, бесплатные видео-курсы, способы заработка на сайте
Комментарии для сайта Cackle
14 комментариев to “Ставим форму подписки на Feedburner, Youtube и Twitter”
  1. Виктор:

    Подписку на обновления сделал. Спасибо, все четко, не ошибешься.
    Буду пробовать делать картинку и вставить подписку в картинку

  2. А вот я слышала (опять это пресловутое — слышала 😉 , но уж простите — земля слухами полнится), что фидбёрнер скоро закроется. Это в принципе, может быть? Стоит ли регистрироваться?

  3. саша:

    Познавательная во всех отношениях статья.

  4. Мне Фидбернер нравится самой идеей. Автор не должен следить за посылкой новостей своим читателям. Они своевременно получают информацию о каждой новой статье. Мне это нравится. А вот с настройками надо проверить. Я давно уже настраивала. И еще заинтересовала информация о банере.

  5. Фёдор, у Вас есть статья о том, как ставить на сайт форму подписки на группу Вконтакте?

Оставить комментарий

(required)

(required)


Купить здесь баннер