Как сделать кликабельную ссылку на

Как сделать кликабельную ссылку на

Как сделать кликабельную ссылку на

Как сделать кликабельную ссылку на

Как сделать кликабельную ссылку на

Feedburner — добавление RSS ленты, получение счетчика и настройка Email-подписки на сайте через Фидбернер

Обновлено: 29 июля 2017

Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. Это очередная статья, в которой мы продолжаем разговор об , начатый в статье, где рассказывается о том, .

Сегодня же мы поговорим о Feedburner (FB) и о том, что с ним связано. Настроим трансляцию нашего фида (новостной ленты сайта) через него, предложим посетителям подписываться на новости посредством E-mail и получим код счетчика Фидбернера, который будет отображать количество читателей (подписчиков).

Сейчас вы практически не найдете ресурса, который бы имея РСС ленту не транслировал ее через Фидбернер. Но зачем это нужно и почему все это делают? Во-первых, таким образом все приводится к стандартному формату, который поддерживается любой программой читалкой (ридером). Во-вторых, мы получаем очень гибкий инструмент с массой настроек. В-третьих, сможем всегда знать точное количество подписчиков на наш новостной канал.

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

Как добавить и настроить свою RSS ленту в Feedburner


Еще раз к вопросу — а зачем это нужно? Сие особливо актуально если вы являетесь владельцем блога. Дело в том, что по показаниям FeedBurner-счетчика ведется косвенная оценка успешности вашего проекта (например, вашими потенциальными рекламодателями или обычными читателями).

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

Учет показаний счетчика FeedBurner в рейтингах сайтов

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

Пример счетчика Фидбернера на блоге

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

Кстати, если сумлеваетесь, что собранная с таким трудом база подписчиков канет в лету, например, в случае скоропостижной кончины Фидбернера, то могу вас успокоить — в любой момент ее можно сохранить выкачав с сервиса на свой компьютер в CSV формате и при желании использовать в любом другом сервисе Емайл-рассылок (Смартреспондер и т.п.). Но учтите, что рассылка по большой базе там будет стоить довольно приличных денег, а FB все это делает абсолютно бесплатно:

База подписчиков в фидбернере

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

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

Войти в свой Google аккаунт вы можете , введя полученные при создании почтового ящика логин и пароль. После того, как авторизуетесь в Гугле, просто перейдите на главную страницу сервиса: . Если язык отображения страницы автоматически не переключился на русский, то щелкните в самом ее верху справа по ссылке «Languages» и выберете русский язык.

Для начала вам нужно будет вставить в форму под названием «Зажигай feed прямо сейчас» адрес своей RSS ленты (в моем случае это: http://ktonanovenkogo.ru/feed, если вы не знаете где посмотреть этот адрес (URL), то вам поможет в этом , ссылка на который приведена в самом начале этой статьи) и нажать кнопку «Next».

Добавление RSS ленты в фибдернер

Вы попадаете на страницу, где нужно будет в поле «Название feed» вписать будущее название вашего фида, а в поле «Адрес feed» вписать, используя латинские буквы и цифры, желаемое окончание Урла.

Как будет выглядеть адрес вашей ленты

Это окончание будет добавляться к:

http://feeds.feedburner.com/

Например, у меня Урл моей новой RSS ленты (уже пропущенной через Фидбернер) будет выглядеть так:

http://feeds.feedburner.com/Ktonanovenkogoru

Затем жмете кнопку «Next» и попадаете на страницу, где вас поздравляют с созданием ленты, приводят ссылку, которую вы будете в дальнейшем использовать на своем ресурсе и везде, где только возможно (, в моем случае) и предлагают перейти непосредственно к настройкам. Что мы и сделаем, нажав кнопку «Next».

На следующей странице мастера вы решаете, нужно ли вам ставить где-то галочки и опять же жмете кнопку «Next». Вверху открывшейся страницы вы можете видеть панель с вкладками «Анализируй», «Оптимизируй», «Публикуй», «Решай проблемы», «Мои feeds».

Управление фидом в feedburner.google.com

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

Счетчик FeedBurner для сайта


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

Настройка счетчика в feedburner.google.com

Счетчик будет отображать в реальном времени (обычно информация обновляется примерно раз в сутки или где-то около того) количество подписчиков на вашу ленту пропущенную через FeedBurner (иногда происходят непонятные проседания в показаниях до нуля или около того, но на них особого внимания обращать не стоит).

Для того, чтобы воспользоваться возможностями FeedCount, его нужно будет сначала активировать. Для этого нажмите на расположенную внизу страницы кнопку «Активировать».

Активировать счетчик

В результате окно FeedCount изменится. В верхней части окна будет приведен код счетчика RSS подписчиков, который можно скопировать и вставить к себе на сайт (в любое подходящее место шаблона). Над полем с кодом показан внешний вид информера, который вы получите.

Получение кода счетчика в FeedBurner

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

Настройка внешнего вида счетчика для своего сайта

В этом окне вы, во-первых, можете выбрать, будет ли ваш счетчик «Статический» или «Анимированный», а во-вторых, вы можете настроить цветовую гамму, как самого счетчика Фидбернер, так и текста отображаемого на нем. Для этого достаточно будет поставить галочку либо в поле «тело», либо в поле «текст», а затем щелкнуть мышью по нужному цвету на приведенной там цветовой палитре.

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

Если полученный результат вас не удовлетворил, то попробуйте снова настроить цветовую гамму. По достижении приемлемого результата скопируйте код из одноименного поля «Скопируйте этот HTML» и вставьте его в нужное место шаблона вашего вебсайта ( я подробно рассказывал про шаблоны Joomla, а про устройство тем WordPress, ну и про темы для форума SMF мы тоже говорили).

Единственное, что я хотел бы вам посоветовать — не спешить с этим, если показатели вашего счетчика RSS подписчиков еще не слишком высоки. Это может отрицательно повлиять на желание потенциальных читателей подписаться. Но это лишь мое мнение, вы сами решайте: отображать информер с маленькой цифрой или нет. Лично я установил для себя порог в 1000 подписчиков.

Настройка счетчика

Если вы внимательно посмотрите на код:

<p><a href="http://feeds.feedburner.com/Ktonanovenkogoru"><img src="http://feeds.feedburner.com/fc/Ktonanovenkogoru?bg=99CCFF&amp;fg=444444&amp;anim=0" height="26" width="88" style="border:0" alt="" /></a></p>

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

Соответственно, для открытия содержимого RSS канала в другом окне (а не поверх страницы вашего сайта), при клике по этому информеру, нужно всего лишь добавить в Html код ссылки атрибут TARGET с параметром _BLANK (см. ссылку в предыдущем абзаце или же читайте про то, ). В результате код будет иметь вид:

<p><a target="_blank" href="http://feeds.feedburner.com/Ktonanovenkogoru"><img src="http://feeds.feedburner.com/fc/Ktonanovenkogoru?bg=99CCFF&amp;fg=444444&amp;anim=0" height="26" width="88" style="border:0" alt="" /></a></p>

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

Рекламодатели на этих биржах зачастую учитывают количество внешних ссылок со страниц, и чем их будет меньше, тем лучше. Поэтому нам нужно закрыть от индексации поисковыми машинами все внешние ссылки, расположенные в различных счетчиках (в том числе и FeedBurner) и прочих вещах, которые не обязательно оставлять открытыми.

Для запрещения индексации таких ссылок поисковой системой Google (да и Яндексом тоже) используется . В результате, окончательный код нашего счетчика количества RSS подписчиков примет вид:

<p><a rel="nofollow" target="_blank" href="http://feeds.feedburner.com/Ktonanovenkogoru"><img src="http://feeds.feedburner.com/fc/Ktonanovenkogoru?bg=99CCFF&amp;fg=444444&amp;anim=0" height="26" width="88" style="border:0" alt="" /></a></p>

Вносить ли описанные выше изменения решать вам.

Настройка подписки на RSS ленту по электронной почте


Теперь рассмотрим второй по важности (а может и первый) аспект работы с rss лентой через FeedBurner, а именно возможность подписки через E-mail средствами Фидбернера. Еще раз повторюсь, что это очень важно, если вы хотите, чтобы все посетители, которым понравился ваш ресурс, имели возможность подписаться на рассылку новостей в удобной для них форме.

Дело в том, что далеко не все посетители знакомы с ридерами, а электронная почта — это банально и просто даже для полнейших чайников. Поэтому настраиваем возможность получения новостей через E-mail, ну прям таки в обязательном порядке. Итак, для начала нам необходимо будет открыть вкладку «Публикуй» и выбрать в левой колонке пункт под названием «Подписки по электронной почте».

Активация подписки по Емайл

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

После это, в левой колонке окна настроек под полем «Подписки по электронной почте», появятся еще четыре пункта, позволяющие осуществить детальную настройку получения писем о новых материалах на электронную почту ваших посетителей.

Настойка подписки по E-mail через FeedBurner

При выборе пункта «Subscription Management» (Управление подпиской) у вас появляется возможность скопировать код для формы подписки, который потом нужно будет по аналогии с описанном чуть выше счетчиком вставить в шаблон своего сайта. После соответствующей доработки такая форма может выглядеть, например, так (форма кликабельна, т.е рабочая):

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

Подписка на RSS по E-mail

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

Так же можно немного изменить код формы подписки RSS на E-mail для того, чтобы появилась такая фишка, которую вы можете наблюдать в приведенной чуть выше форме подписки. Я сделал так, чтобы изначально присутствовавшая в форме FeedBurner надпись «Введите Ваш e-mail» исчезала, как только посетитель щелкнет мышью в этом поле. Вроде бы пустячок, а приятно и удобно. Посетителю не надо будет стирать эту надпись, прежде чем ввести адрес своего почтового ящика.

Достигается это с помощью добавления к тегу INPUT атрибута ONFOCUS с соответствующими параметрами. Я уже рассказывал про , но вы можете проделать все по аналогии с моим случаем.

Это оригинальный код:

<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=Ktonanovenkogoru', '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="Ktonanovenkogoru" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="Subscribe" /><p>Delivered by <a href="http://feedburner.google.com" target="_blank">FeedBurner</a></p></form>

А этот немного модифицированный:

<div class="subscribetextbgpost"> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Ktonanovenkogoru', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> <input name="email" type="text" value="Введите Ваш e-mail" class="subscribe_textieldpost" onfocus="if (this.value == 'Введите Ваш e-mail') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Введите Ваш e-mail';}" /> <input type="hidden" value="Ktonanovenkogoru" name="uri"/> <input type="hidden" value="<?php bloginfo('name'); ?>" name="title"/> <input type="hidden" name="loc" value="ru_RU"/> <input type="image" src="http://ktonanovenkogo.ru/wp-content/themes/Organic/images/b_subscribe.png" value="Subscribe" class="subscribepost" /> </form> </div>

Думаю, что проанализировав оригинальный и измененный варианты, вы сможете внести соответствующие изменения и в код своей формы. Фактически вам достаточно заменить строку в оригинале:

<input type="text" style="width:140px" name="email"/>

на

<input name="email" type="text" value="Введите Ваш e-mail" class="subscribe_textieldpost" onfocus="if (this.value == 'Введите Ваш e-mail') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Введите Ваш e-mail';}" />

Я еще изменил способ задания кнопки «Подписаться», но вам, думаю, это не понадобится.

Настройка внешнего вида письма подтверждения подписки от FeedBurner

Переходим к следующему пункту настройки под названием «Communication Preferences».

Настройка а письма подтверждения подписки в Фидбернере

На этой странице можно настроить три вещи. Во-первых, ввести тот E-mail, который будет видеть подписчик в поле «От» в полученном письме подтверждения. По умолчанию, там будет прописан адрес почты вашего аккаунта на Google. Соответственно, при необходимости здесь вы можете его изменить.

Во-вторых, на этой странице вы можете отредактировать заголовок и текст письма, которое получит пользователь после подписки на RSS ленту по электронной почте. По умолчанию текст, прописанный в этих полях, будет на английском, поэтому, если вы хотите чтобы у ваших подписчиков не возникало лишних вопросов при подтверждении подписки на вашу ленту новостей, обязательно впишите в поля «Тема письма-подтверждения» и «Тело письма-подтверждения» пояснительный текст на русском (можно воспользоваться для этой цели ).

Я прописал следующее:

Активация Вашей e-mail подписки на: KtoNaNovenkogo.ru - блог для начинающих вебмастеров

и

Здравствуйте! Вы подписались на e-mail рассылку новостей блога KtoNaNovenkogo.ru - все для начинающих вебмастеров. Для подтверждения подписки Вам необходимо перейти по следующей ссылке: ${confirmlink} Примечания: Если при переходе по ссылке страница с подтверждением не откроется, то скопируйте ссылку в адресную строку Вашего браузера и нажмите <<Перейти>> или <<Enter>> на клавиатуре.

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

Переходим к следующему пункту настройки: — «Email Branding». На открывшейся странице вы можете настроить заголовок отсылаемого письма в поле «Тема/Название письма», так же можете прописать адрес логотипа в поле «URL логотипа», чтобы письмо с вашей RSS рассылкой было визуально узнаваемо.

Емайл брендинг в FeedBurner

В последующих полях вы можете настроить тип, размер и цвет шрифта отдельно для заголовка и текста сообщения. Все вносимые изменения тут же отражаются в тестовом примере письма внизу окна настроек. Когда вы добьетесь приемлемого результата, то не забудьте нажать на кнопку «Сохранить» внизу окна.

Нам осталось рассмотреть еще один пункт меню настройки — «Delivery Options».

Опции доставки

Дополнительные настройки RSS ленты в Фидбернере


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

Мои фиды в feedburner.google.com

Далее вы должны открыть вкладку «Оптимизируй» и выбрать из левого меню открывшегося окна пункт «BrowserFriendly». В области «Опции внешнего вида», в поле «Тема», можно выбрать язык, а в поле с изображениями кнопок подписки на RSS можно поставить галочки только у тех, которые вы хотите видеть в области «Подписка» вашего фида:

Настройка внешнего вида новостной лены в Фидбернере

В области «Опции контента» в поле «Контент фида» вы можете выбрать, что именно будет выводиться в вашей ленте: список заголовков статей с их содержанием, список только заголовков статей или же вообще списка статей выводиться не будет.

В поле «Персональное сообщение» вы можете ввести текст своего сообщения, которое будет отображаться на странице вашей RSS ленты добавленной и улучшенной в Feedburner:

Персональное сообщение в фиде

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

Обратите внимание, что если вы настроили в этом сервисе Google возможность получения новостей по электронной почте (чуть выше об этом говорили), то в области «Подписка» будет так же отображаться приглашение воспользоваться и таким способом.

Приглашение подписать по Емайл

Для того, чтобы быть уверенным в том, что ваша лента новостей будет корректно отображаться во всех существующих программах для чтения (ридерах), вам нужно активировать соответствующую опцию в настройках сервиса. Для этого достаточно открыть вкладку «Оптимизируй» и выбрать из левого меню открывшегося окна пункт «SmartFeed». Нажмите кнопку «Активировать» и теперь, в зависимости от используемого посетителем вашего сайта ридера, будет происходить преобразование потока на лету в формат RSS или в Atom.

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

Для этого на странице настроек вы должны открыть вкладку «Оптимизируй» и выбрать из левого меню открывшегося окна пункт «Feed Image Burner». В поле «Image Source» выберите из выпадающего списка вариант «Specify custom image URL».

В поле настроек «Specify custom image URL» пропишите полный путь до вашего изображения логотипа (в моем случае — http://ktonanovenkogo.ru/image/webcamxp.png). В следующих двух полях настроек вы можете указать содержимое Html тега TITLE для этого изображения (включите в него ключевые слова, т.к. содержимое этого Html тега будет выполнять роль анкора для ссылки с этого изображения) и адрес ссылки (на ваш проект).

Удачи вам! До скорых встреч на страницах блога KtoNaNovenkogo.ru

Твитнуть

Поделиться

Плюсануть

Поделиться

Отправить

Класснуть

Линкануть

Запинить

Подборки по теме:


Источник: http://ktonanovenkogo.ru/vokrug-da-okolo/rss-vokrug-da-okolo/rss-lenta-fid-feed-sozdanie-i-nastrojka-feedburner-rss-agregatory-rss-ridery-chast-3.html

Как сделать кликабельную ссылку на

Как сделать кликабельную ссылку на

Как сделать кликабельную ссылку на

Как сделать кликабельную ссылку на

Как сделать кликабельную ссылку на

Как сделать кликабельную ссылку на

Как сделать кликабельную ссылку на

Как сделать кликабельную ссылку на

Как сделать кликабельную ссылку на

Как сделать кликабельную ссылку на

Как сделать кликабельную ссылку на