Красивое и функциональное оформление писем от FeedBurner

красивое оформление письма от feedburner

Эта статья будет полезна тем, кто пользуется услугами бесплатного сервиса Google FeedBurner. Тем, кто вопреки всем советам интернета, собирает подписную базу на самом старом и самом известном сервисе email-рассылок.

Есть в нём определенная привлекательность и особый функционал, который не позволяет спамерам захламлять вашу почту, в отличии от smartresponder, madmimi, unisender и т.д.

Но есть и один недостаток, который я постарался исправить.

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

Красивое оформление письма от FeedBurner с помощью плагина

Самый простой способ изменить RSS в WordPress — это плагины. И первый, о котором стоит сказать — Ozh Better Feed. Самое интересное и полезное поле данного плагина — Feed Item Footer, поле, в которое вы можете внести все желаемые изменения в формате html.

оформление письма с помощью плагина Better Feed

Как следствие, вы можете разместить:

  1. дополнительные ссылки на предыдущие статьи, которые могли оказаться вне внимания новых подписчиков, увеличив тем самых конверсию на блоге,
  2. ссылку на комментарии материала, и чем больше будет цифра на вашем счётчике, тем более привлекательной будет казаться статья читателю,
  3. кнопки поделится в социальных сетях. Ещё одна возможность заработать дополнительные социальные сигнала прямо из почты,
  4. ссылки на ваши социальные профили или группы, кто же откажется от дополнительных подписчиков в соц. сети,
  5. копирайт вашего материала — небольшая защита от автоматических парсеров, дайджестов и анонсов на других сайтах,
  6. рекламу — это могут быть ваши реферальные ссылки, партнерки или же прямая реклама того или иного продукта или услуги,
  7. напоминания — например, о постоянном конкурсе, который проходит у вас на блоге.

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

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

оформление письма с помощью плагина yaost wordpress seo

Красивое оформление письма от FeedBurner без плагина

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

Для начала добавил в свой feed миниатюру из постов с помощью функции:

function img_rss($content) {
global $post;
if ( has_post_thumbnail( $post->ID ) ) {
$content = ' ' . get_the_post_thumbnail( $post->ID, 'full', array( 'style' => 'float:center; width:100%; height: 100%;' ) ) . ' ' . $content;
}
return $content;
}
add_filter('the_excerpt_rss', 'img_rss');
add_filter('the_content_feed', 'img_rss');

Вторая функция подвязывает после сообщения feed-а необходимые дополнения:

function add_text_to_the_feed_end( $content ){
$content .= ' ';
return $content;
}
add_filter( 'the_excerpt_rss', 'add_text_to_the_feed_end' );

Вывод копирайта:

<p>Запись <a href="'. get_permalink() .'">'. get_the_title() .'</a> впервые появилась <a href="'. get_bloginfo('url') .'">'. get_bloginfo('name') .'</a>.</p>

Вывод ссылок на предыдущие посты:

<p>А знаете ли вы, что:<ul><li><a href="'. get_permalink(20) .'">'. get_the_title(20) .'</a></li><li><a href="'. get_permalink() .'">'. get_the_title() .'</a></li><li><a href="'. get_permalink() .'">'. get_the_title() .'</a></li><li><a href="'. get_permalink() .'">'. get_the_title() .'</a></li><li><a href="'. get_permalink() .'">'. get_the_title() .'</a></li></ul><p>

в скобках () указывается номер статьи /?p=20, рекомендую использовать не более пяти статей в ручной модерации, это обеспечит вам ссылки на необходимые материалы.

Вывод кнопок поделится:

<p>Поделиться в: <a target="_blank" href="http://www.facebook.com/sharer.php?u='.get_permalink().'&t='. get_the_title() .'"><img style="align:middle;" src="https://img-fotki.yandex.ru/get/4806/269092382.0/0_15e94d_7eabc995_orig.png"></a> <a target="_blank" href="http://vkontakte.ru/share.php?url='. get_permalink() .'"><img src="https://img-fotki.yandex.ru/get/6001/269092382.0/0_15e94f_24180529_orig.png"></a> <a target="_blank" href="http://twitter.com/share?url='. get_permalink() .'&text='. get_the_title() .'"><img src="https://img-fotki.yandex.ru/get/6733/269092382.0/0_15e94e_2b609c95_orig.png"></a></p>

Вывод количества комментариев:

<p>Комментариев: <a href="'. get_comments_link($post->ID) .'">'. get_comments_number() .'</a></p>

В результате функция стала выглядеть так:

function add_text_to_the_feed_end( $content ){
$content .= '
</p><p>Запись <a href="'. get_permalink() .'">'. get_the_title() .'</a> впервые появилась <a href="'. get_bloginfo('url') .'">'. get_bloginfo('name') .'</a>.</p><p>Поделиться в: <a target="_blank" href="http://www.facebook.com/sharer.php?u='.get_permalink().'&t='. get_the_title() .'"><img style="align:middle;" src="https://img-fotki.yandex.ru/get/4806/269092382.0/0_15e94d_7eabc995_orig.png"></a> <a target="_blank" href="http://vkontakte.ru/share.php?url='. get_permalink() .'"><img src="https://img-fotki.yandex.ru/get/6001/269092382.0/0_15e94f_24180529_orig.png"></a> <a target="_blank" href="http://twitter.com/share?url='. get_permalink() .'&text='. get_the_title() .'"><img src="https://img-fotki.yandex.ru/get/6733/269092382.0/0_15e94e_2b609c95_orig.png"></a> Комментариев: <a href="'. get_comments_link($post->ID) .'">'. get_comments_number() .'</a></p><p>Полезные статьи:<ul style="list-style:inside url("http://marseo.ru/wp-content/themes/marseo/images/list-image.png") square;"><li><a href="'. get_permalink() .'">'. get_the_title() .'</a></li><li><a href="'. get_permalink() .'">'. get_the_title() .'</a></li><li><a href="'. get_permalink() .'">'. get_the_title() .'</a></li><li><a href="'. get_permalink() .'">'. get_the_title() .'</a></li><li><a href="'. get_permalink() .'">'. get_the_title() .'</a></li></ul><p> ';
return $content;
}
add_filter( 'the_excerpt_rss', 'add_text_to_the_feed_end' );

Можете использовать её для собственного блога, достаточно добавить данную функцию в файл fuction.php, только не забудьте проставить номера статей для блока «Полезные статьи»

Подпишись, и тебе тоже придёт моё красивое письмо от рассылки FeedBurner

С уважением,
  1. Игорь Черноморец

    Я давно уже хочу оформить красиво письма через фитбернер, но руки не доходили даже искать подобных инструкций. Так что, я благодарен тебе за этот пост. Сейчас наконец то займусь этим. Хотя я предпочитаю воспользоваться плагином, а не кодом, но мало ли что произойдет. Беру на заметку твой код.

    Ответить
    • Максим

      С кодом немного интереснее, возможностей больше. Не всё, правда, сами письма отображают, например, style оформление, но буду ещё изучать.

      Ответить
  2. Евгений Никитенко

    Я уже где-то несколько недель использую красочные HTML письма для своих читателей и подписчиков. Причём сам шаблон письма, я делал самостоятельно, по примеру своего блога. Получилось очень оригинально. Теперь всегда использую только такие письма для рекомендации каких-то продуктов своей базе. Но тут и советовать нужно с умом. Лично я стараюсь перед этим оценить качество товара, а потом только, убедившись в его ценности, посылаю письмо подписчикам (максимум 1-2 в месяц, это тоже важно!).

    Ответить
    • Максим

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

      Ответить
  3. Татьяна Сова

    Максим, привет! Информация то что нужно, а то у меня приходят письма-уведомления «никакие» можно сказать! Спасибо!
    Кстати, хочу тебе сообщить, что я тебе передаю награду Liebster Blog Award. Принимай! Все подробности у меня на блоге!

    Ответить
    • Максим

      Благодарю, интересная тема, обязательно изучу.

      Ответить
  4. Рита Молчанова

    Максим, спасибо. Оформление письма подписчикам желает лучшего. Я если честно, вообще запуталась с FeedBurner. Я даже не вижу своих подписчиков. Ищу информацию в иннете, но все так скудно. Разбираться нужно. Сделала закладку и буду изучать.

    Ответить
    • Максим

      Странно в интернете полно хороших статей о настройке FeedBurner, я даже поэтому статью писать о нём не стал. Хотя как вижу, можно. Сервис старый, и к нему испытываю особенное уважение.

      Ответить
  5. Андрей

    Пользуюсь плагином Ozh Better Feed. Отличная вещь, но к сожалению, как замечено в статье, у него ограниченные функции. Надо попробовать воспользоваться кодом ;) может письма получится сделать более оригинальными.

    Ответить
    • Максим

      Код на то и код, даёт больше возможности, чем любой плагин

      Ответить
    • Андрей

      Но любой плагин можно доработать под свои нужды ))

      Ответить
  6. Анастасия

    Я дким и тп настроила и теперь тестирую рассылку плагином Mailpoet, пока нравится автоматические письма раз в неделю. И шаблон им красивый нарисовала =)
    Кстати, можно попросить включить РСС, привыкла по нему подписываться через расширение для Хрома

    Ответить
  7. Максим

    А стандартную /feed страницу wordpress расширение не считывает? Она у меня без редиректов, не стал специально перенаправлять на FeedBurner.

    Ответить
    • Анастасия

      Я про него и говорю, стандартной нет в коде, сейчас поиском проверила. Если, что — сейчас она добавляется add_theme_support( ‘automatic-feed-links’ );

      Ответить
    • Максим

      Я убрал её при оптимизации, посчитал, что лишняя ссылка в коде ни к чему. Верну тогда :)

      Ответить
    • Анастасия

      У меня много через нее подписываются, я и сама так читать привыкла)

      Ответить
  8. Natalya

    Я пользуюсь по старинке рассылками от feedburner и subscribe. Мне хватает, порой даже до них руки не доходят ((
    Но вот то, что можно красиво оформить письма feedburner, даже не догадывалась. Спасибо, буду думать.

    Ответить

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

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