Добрий день, друзі! У попередній статті я розповідав, як додати RSS-стрічку на сайт Joomla за допомогою стороннього компонента Ninja RSS Syndicator. Це безкоштовне розширення, яке дає змогу створити новинний канал і має гнучкіші налаштування, ніж стандартний модуль «Стрічки новин». Детальніше про компонент можна прочитати за наведеним вище посиланням. У цій статті на прикладах і скриншотах я поясню, як додати фід у сервіс FeedBurner і виконати його налаштування.
Як я вже згадував, компонент Ninja RSS Syndicator генерує не надто презентабельне посилання на RSS-стрічку:
http://ВАШ САЙТ/index.php?option=com_ninjarsssyndicator&feed_id=1&format=raw
Щоб зробити фід привабливішим для читачів і водночас отримати зручнішу адресу, я рекомендую додати його в FeedBurner. Так ми налаштуємо трансляцію фіда й зможемо запропонувати відвідувачам блогу підписатися на розсилку через форму підписки на сайті.
На момент написання матеріалу дуже багато сайтів були підключені до цього відомого сервісу, який давав змогу транслювати новинну стрічку у зручному для звичайного користувача вигляді.
Чим усе-таки приваблює FeedBurner?
— Стандартизація формату, який підтримують різні рідери.
— Можливість детального аналізу.
— Велика кількість налаштувань.
— Можливість налаштувати E-mail-підписку й додати форму на сайт.
— Сервіс надає лічильник підписників, який за достатньої кількості читачів можна встановити на сайті.
— Можливість експорту бази підписників у зручному форматі CSV.
Як додати RSS-стрічку у FeedBurner
Оскільки сервіс належав Google, для роботи з ним потрібно мати обліковий запис Google. Щоб перейти на головну сторінку FeedBurner, натисніть це посилання. Відкриється приблизно така сторінка.
За замовчуванням інтерфейс був англійською. Для локалізації потрібно було вибрати у верхньому меню «Languages» і серед доступних мов — «русский».
Після цього спрацьовувало перенаправлення на частково перекладену сторінку. На цьому етапі в поле «Зажигай фид прямо сейчас» потрібно вставити посилання на RSS-стрічку. У випадку з Ninja RSS Syndicator воно знаходиться в Компоненти/Ninja RSS Syndicator/Feeds навпроти раніше створеної RSS-стрічки. Далі натискаємо «Next».
Після цього відкривається сторінка, де потрібно вказати «Назву фіда» та його адресу.
Як назву я рекомендую вказати заголовок головної сторінки. У мене він був таким: «Stimylrosta — интернет заработок, сайтостроение и продвижение». Щодо адреси фіда — у поле можна було внести першу частину доменного імені, у моєму випадку «Stimylrosta». Посилання на фід мало таку структуру:
http://feeds.feedburner.com/ВАШ ДОМЕН
Для перевірки можна було натиснути значок RSS на сайті й подивитися адресу потоку в адресному рядку.
Щоб підтвердити виконані дії, натискаємо «Next». На наступній сторінці сервіс повідомляв про створення RSS-потоку й показував адресу, яку можна використовувати надалі. Наприклад: http://feeds.feedburner.com/Stimylrosta. Знову натискаємо «Next».
Налаштування RSS-стрічки в сервісі FeedBurner
На наступній сторінці можна активувати додаткові функції. У цьому прикладі ми зробимо це пізніше під час налаштування стрічки, тому знову натискаємо «Next».
Відкриється сторінка з чотирма основними вкладками у верхньому меню. Розглянемо їх докладніше.
Аналізуй
Вкладка дає змогу відстежувати підписників і поведінку читачів, бачити кількість кліків та дізнаватися, з якого регіону переглядали фід. Оскільки вона не відповідає безпосередньо за налаштування RSS-каналу, докладно на ній не зупинятимемося.
Оптимізуй
На панелі міститься перелік функцій, із якими нам доведеться працювати.
Важливий момент! Деякі функції, які я вважав непотрібними, до цього переліку не включені.
— Твій фід — відповідає за відображення фіда; тут можна подивитися, як RSS-стрічка виглядатиме для користувача.
— BrowserFriendly — дає змогу додати рідери й налаштувати параметри відображення контенту.
Спочатку біля поля «Тема» потрібно було вибрати російську мову та поставити прапорець біля опції, яка відображає головну сторінку в усіх браузерах як вебсторінку.
Далі вибираємо варіанти підписки, поставивши прапорці біля потрібних рідерів. З одного боку, добре, коли їх багато, але з іншого — читач може розгубитися. Я рекомендував вибрати 3–5 онлайн-клієнтів для читання фідів.
«Параметри контенту» дають змогу визначити, у якому вигляді матеріали показуватимуться у стрічці FeedBurner. Я рекомендував варіант «Показувати список назв і вміст статей». Деякі вебмайстри вибирали лише список назв, пояснюючи це побоюванням крадіжки контенту. Для боротьби з цим у сервісі була окрема опція, про яку йтиметься нижче.
Опція «Персональне повідомлення» дає змогу звернутися до читачів і коротко пояснити, що вони отримають від підписки. Наприклад, у моїй RSS-стрічці був такий текст:
На цьому вебресурсі докладно розповідається про CMS Joomla, її налаштування та оптимізацію. Монетизація сайту, фриланс, копірайтинг, HTML-верстка, бази даних та багато іншої корисної інформації в одному місці.
Унизу сторінки також можна було задати перенаправлення фіда на іншу новинну стрічку.
Не забудьте натиснути «Зберегти».
— SmartFeed («Розумний фід») — залежно від рідера стрічка перетворювалася у формат RSS або Atom. Цю функцію я рекомендував активувати.
— FeedFlare — давав змогу додати під кожним анонсом кнопки E-mail, Facebook та інших сервісів. Порядком кнопок можна було керувати перетягуванням. Для активації достатньо було поставити прапорець навпроти потрібної назви й натиснути «Активувати».
— Feed Image Burner — давав змогу показувати логотип сайту у верхній частині новинної стрічки. Для цього у вкладці «Image Source» потрібно було вибрати «Specify custom image url», а в полі «Specify custom image URL» — вказати адресу зображення.
У полі «Image Title» можна було прописати, наприклад, заголовок сайту. У «Link» — URL сайту. Після цього зберігаємо налаштування.
— Title / Description Burner — вкладка, де можна було задати назву фіда, що відображалася у верхній частині RSS-стрічки, а за бажанням — додати власний опис.
Публікуй
Не менш важлива вкладка, яка давала змогу налаштувати форму підписки та лічильник підписників FeedBurner.
— Підписки електронною поштою — функція, що надавала код форми підписки. Завдяки їй читачі могли отримувати на пошту короткі анонси нових статей.
Форму потрібно було спочатку активувати. Після цього нижче з’являлися чотири додаткові пункти з гнучкішими налаштуваннями.
— Subscription Management — містив код і посилання для форми підписки.
Достатньо було в полі «Language» перемкнутися на російську мову, скопіювати скрипт і встановити на сайті. За наявності базових навичок HTML форму можна було адаптувати до дизайну сайту.
Трохи нижче можна було отримати окреме посилання на підписку та розміщувати його в матеріалах. Воно мало приблизно такий вигляд:
<a href="/https://feedburner.google.com/fb/a/mailverify?uri=Stimylrosta&loc=en_US">Subscribe to Stimylrosta - интернет заработок, сайтостроение и продвижение by Email</a>
Потрібно було скопіювати виділену частину, замінивши «Stimylrosta» на власну назву фіда, і читачі могли підписуватися безпосередньо зі статті.
Там же був розділ «Управління підписниками», де відображалися адреса електронної пошти, статус підписки, а також були доступні активація, деактивація та видалення окремих підписників. Щоб бачити відписки, можна було активувати повідомлення про те, що людина відмовилася від розсилки.
— Communication Preferences — пункт для налаштування листа з підтвердженням підписки. Початковий текст був англійською. У полі «Тіло листа-підтвердження» потрібно було обов’язково залишити команду ${confirmlink}, яка відповідала за активацію підписки.
Ось як підтвердження підписки виглядало в моєму блозі:
Вітаємо!
Ви підписалися на e-mail-розсилку новин блогу StimylRosta. Для підтвердження підписки перейдіть за наступним посиланням:
${confirmlink}
Примітка:
Якщо сторінка підтвердження не відкриється, скопіюйте посилання в адресний рядок браузера й натисніть «Перейти» або Enter.
У полі «Email “Reply-To” Address» можна було змінити e-mail. Це зручно, якщо для сайту створено окрему поштову скриньку для важливих листів.
— Email Branding — давав змогу налаштувати тему листа. Щоб у кожному листі показувався заголовок статті, у поле «Тема/Назва листа» потрібно було вставити ${latestItemTitle}.
За бажанням до E-mail-розсилки можна було додати логотип вебресурсу, який відображався у верхній частині листа. Для цього достатньо було прописати шлях до зображення в полі «URL логотипа».
У наступних полях задавалися оформлення заголовка, шрифт, розмір і колір тексту, а також колір посилань.
Зміни можна було одразу переглядати в полі «Попередній перегляд HTML-листа».
— Delivery Options — давав змогу налаштувати доставку листа, вибрати часовий пояс і час надсилання. У матеріалі зазначалося, що найбільша ймовірність відкриття листа припадає на 7–9 годину ранку.
— PingShot — функція для надсилання повідомлень відповідним інтернет-службам про новий контент. Я рекомендував її активувати.
— NoIndex — опція, яка давала змогу запобігти індексації фіда. У статті рекомендувалося відзначити обидва пункти й натиснути «Активувати».
Лічильник підписників FeedBurner для сайту
Щоб вивести лічильник підписників, потрібно було перейти у вкладку Публікуй/FeedCount.
Спочатку лічильник потрібно активувати. Після цього у верхній частині FeedCount показувався його вигляд, а нижче — код, який слід вставити в модульну позицію активного шаблону.
Зовнішній вигляд лічильника можна було трохи змінити інструментами FeedBurner: вибрати статичний або анімований стиль, колір фону й тексту.
Після налаштування згенерований код залишалося скопіювати й вставити в потрібне місце сайту.
Я додатково модифікував цей код, додавши до зовнішнього посилання атрибут rel="nofollow", а також target="_blank", щоб стрічка відкривалася в новому вікні або вкладці.
Після модифікації код лічильника FeedBurner виглядав так:
<p><a href="http://feeds.feedburner.com/Stimylrosta" target="_blank" rel="nofollow"><img src="http://feeds.feedburner.com/~fc/Stimylrosta?bg=99CCFF&fg=444444&anim=0" alt="лічильник RSS" width="88" height="26" margin: -150px; style="border: 0;" /></a></p>
Де взяти кнопку RSS-стрічки?
HTML-код кнопки знаходився у вкладці Публікуй/Chicklet Chooser. Це стандартна RSS-кнопка, знайома багатьом користувачам інтернету.
Як і у випадку з лічильником FeedBurner, запропонований код можна було аналогічно модифікувати.
Після всіх змін рекомендую підписатися на власну розсилку, щоб перевірити вигляд листа, який надсилає FeedBurner.
Дякую за увагу і до зустрічі на сторінках StimylRosta.
