{
    "version": "https:\/\/jsonfeed.org\/version\/1",
    "title": "Максим Кузнецов: заметки с тегом рассылка",
    "_rss_description": "Простыми словами о веб-разработке",
    "_rss_language": "ru",
    "_itunes_email": "",
    "_itunes_categories_xml": "",
    "_itunes_image": "",
    "_itunes_explicit": "",
    "home_page_url": "https:\/\/maxkuznetsov.ru\/tags\/rassylka\/",
    "feed_url": "https:\/\/maxkuznetsov.ru\/tags\/rassylka\/json\/",
    "icon": "https:\/\/maxkuznetsov.ru\/user\/userpic@2x.jpg?1586398004",
    "author": {
        "name": "Максим Кузнецов",
        "url": "https:\/\/maxkuznetsov.ru\/",
        "avatar": "https:\/\/maxkuznetsov.ru\/user\/userpic@2x.jpg?1586398004"
    },
    "items": [
        {
            "id": "27",
            "url": "https:\/\/maxkuznetsov.ru\/all\/adding-email-subscription\/",
            "title": "Удерживаем читателей блога, увеличиваем ретеншн",
            "content_html": "<p>Одна из проблем всех self-hosted блогов, что их приходится самостоятельно раскручивать. Даже если вы хорошо пишете и вас приходят читать, вы не сможете удержать читателей. Они просто не узнают о том, что у вас что-то вышло.<\/p>\n<p>Есть несколько решений.<\/p>\n<ol start=\"1\">\n<li>Завести аккаунты в соц.сетях и постить там анонсы статей. Тогда читатели блога смогут узнавать о ваших статьях в удобной платформе и приходить их дочитывать к вам в блог.<\/li>\n<li>Сделать емейл подписку, чтобы периодически слать подборку новых статей.<\/li>\n<\/ol>\n<p>Оба способа хороши и стоит использовать их оба. Но в этой статье покажу, как добавить в Эгею блок с подпиской на емейл рассылку и как управлять ею.<\/p>\n<h2>Выбор сервиса по рассылке емейлов<\/h2>\n<p>Для начала нам нужно зарегистрироваться в любом сервисе, работающего с емейл-рассылками. При выборе сервиса важно понимать, что емейлы бывают<\/p>\n<ul>\n<li>транзакционными — это письма для конкретного пользователя. Например, подтверждение регистрации, письмо о произошедших с его аккаунтом событиях, о новом сообщении.<\/li>\n<li>маркетинговыми — массовые рассылки одного письма. Например, новостная рассылка сайтов, емейл-курс Максима Ильяхова «Сильный текст». В таких письмах нет ничего персонального, но они и не для этого.<\/li>\n<\/ul>\n<p>Нам нужно, чтобы сервис умел отправлять именно маркетинговые рассылки. Тогда нашу рассылку никто не заблочит, а мы ещё сможем и аналитику проводить.<\/p>\n<p class=\"remark\">\r\n<b>Mailchimp<\/b> — один из лидеров рынка емейл рассылок. У них есть тысячи интеграций как с популярными движками, CMS, платформами и соц.сетями, так и с частными сайтами, что нам и подходит.\r\n<\/p>\n<p>Я выбрал Mailchimp. Для небольшого блога достаточно бесплатного плана: 2000 подписчиков на рассылку, которым можно слать 10 тысяч писем каждый месяц. Кроме того, у него много интеграций, кастомизаций, есть удобный функционал по управлению подписчиками и созданию емейлов в онлайн редакторе. И возможность подписчикам отписываться от рассылки в любой момент — это важно, так как спам никто не любит. Вот моя честная реферральная ссылка — <a href=\"http:\/\/eepurl.com\/gZRNX1,\">http:\/\/eepurl.com\/gZRNX1,<\/a> мне будет приятно, если вы зарегистрируетесь по ней.<\/p>\n<h2>Регистрация в Mailchimp<\/h2>\n<ol start=\"1\">\n<li>Указываете емейл, юзернейм пароль.<\/li>\n<li>Вам приходит письмо для подтверждением емейла, проходим по ссылке из него.<\/li>\n<li>Выбираем бесплатный план (справа).<\/li>\n<li>Дальше нас спросят имя и фамилию, а затем название бизнеса. Это название будет показываться во всех формах с подпиской\/отпиской на вашу рассылку, поэтому укажите что-то вразумительное. Я указал: «Блог Макса Кузнецова»<\/li>\n<\/ol>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/maxkuznetsov.ru\/pictures\/mailchimp1.png\" width=\"1856\" height=\"1430\" alt=\"\" \/>\n<\/div>\n<ol start=\"5\">\n<li>Удивительно, но им нужен ещё и адрес с индексом. В принципе, можно указывать что угодно, в формах мы потом это скроем.<\/li>\n<li>Шаг с загрузкой контактов, которые уже готовы подписаться на нашу рассылку. Скорее всего им придёт письмо с просьбой подтвердить этот факт.<\/li>\n<li>Ещё пара вопросов и всё готово.<\/li>\n<\/ol>\n<h2>Настройка Mailchimp<\/h2>\n<p>Нам нужно зайти в Audience, а затем в Settings.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/maxkuznetsov.ru\/pictures\/mailchimp2.png\" width=\"2440\" height=\"1548\" alt=\"\" \/>\n<\/div>\n<p>Дальше выбираем Signup forms. Здесь нам нужно кастомизировать и перевести все возможные формы на русский (если блог русскоязычный). Для этого зайдём в Form Builder и по очереди будем выбирать шаблоны форм в выпадающем списке. Нам нужны все формы в Subscribe и Unsubscribe разделе. В разделе Build можно увидеть предпросмотр и убрать или добавить лишние поля. В раздале Translate It — указать переводы всех текстов с английского на любой другой. В принципе, можно оставить английский вариант или авто-перевод на русский, но выглядит это не айс, местами хуже гугл-транслейта:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/maxkuznetsov.ru\/pictures\/mailchimp3.png.jpg\" width=\"2560\" height=\"2094\" alt=\"\" \/>\n<\/div>\n<p>Возвращаемся обратно в Signup forms, заходим в Embedded forms и выбираем в верхних полях предустановленный вид, который подходит нам. Нам подойдёт Horizontal — мы её кастомизируем под нас чуть позже. А сейчас копируем весь код из поля «Copy\/paste onto your site».<\/p>\n<blockquote>\n<p>Обратите внимание на раздел Signup Forms > Subscriber Pop-up. Он позволяет добавить небольшой javascript-код на ваш сайт <a href=\"https:\/\/maxkuznetsov.ru\/all\/egeya-metrika-n-analytics\/\">подобно Яндекс.Метрике или Гугл Аналитике<\/a>, а затем управлять видом и структурой формы и условиями её показа прямо из Мейлчимпа. Вполне удобно, но я против назойливых попапов. Кроме того, если пользователь его скроет, то он больше не сможет подписаться на вашу рассылку позже, если передумает. Поэтому я предлагаю разместить статичный блок с подпиской в футере<\/p>\n<\/blockquote>\n<h2>Добавляем блок с формой подписки в Эгею<\/h2>\n<p>Само собой, вы можете вставить код с формой куда угодно и стилизовать его, как вы считаете нужным. Я покажу, как вставить его в Эгее чуть выше футера, чтобы этот блок появлялся на каждой странице, включая внутренние.<\/p>\n<p>Нам нужно создать новый файл footer-pre.tmpl.php и залить его на сервер с блогом (по ftp или с помощью scp) в папку \/путь\/до\/блога\/user\/extras\/.<\/p>\n<p>Внутри этого файла помещаем тот код, что мы скопировали в MailChimp, только меняем стили внутри тега style, а также текст внутри тега label и подпись на кнопке Subscribe. У меня получилось так:<\/p>\n<pre class=\"e2-text-code\"><code class=\"html\">&lt;link href=&quot;\/\/cdn-images.mailchimp.com\/embedcode\/horizontal-slim-10_7.css&quot; rel=&quot;stylesheet&quot; type=&quot;text\/css&quot;&gt;\r\n&lt;style type=&quot;text\/css&quot;&gt;\r\n  #mc_embed_signup{\r\n    background:antiquewhite; \r\n    clear:left; \r\n    font:14px Helvetica,Arial,sans-serif; \r\n    width:100%;\r\n    margin: 0 0 40px 0; \r\n    padding: 20px;\r\n  }\r\n  #mc_embed_signup label {\r\n    font-weight: 400;\r\n    line-height: 24px;\r\n  }\r\n  #mc_embed_signup input[type=submit] {\r\n    text-align: center;\r\n  }\r\n}\r\n&lt;\/style&gt;\r\n&lt;div id=&quot;mc_embed_signup&quot;&gt;\r\n&lt;form action=&quot;ВАША ССЫЛКА&quot; method=&quot;post&quot; id=&quot;mc-embedded-subscribe-form&quot; name=&quot;mc-embedded-subscribe-form&quot; class=&quot;validate&quot; target=&quot;_blank&quot; novalidate=&quot;&quot;&gt;\r\n    &lt;div id=&quot;mc_embed_signup_scroll&quot;&gt;\r\n  &lt;label for=&quot;mce-EMAIL&quot;&gt;Оставьте свой емейл, чтобы изредка получать подборку новых статей&lt;\/label&gt;\r\n  &lt;input type=&quot;email&quot; value=&quot;&quot; name=&quot;EMAIL&quot; class=&quot;email&quot; id=&quot;mce-EMAIL&quot; placeholder=&quot;Email&quot; required=&quot;&quot;&gt;\r\n    &lt;!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups--&gt;\r\n    &lt;div style=&quot;position: absolute; left: -5000px;&quot; aria-hidden=&quot;true&quot;&gt;&lt;input type=&quot;text&quot; name=&quot;b_ed0df51ffed55c354e5eeb476_d4231642b3&quot; tabindex=&quot;-1&quot; value=&quot;&quot;&gt;&lt;\/div&gt;\r\n    &lt;div class=&quot;clear&quot;&gt;&lt;input type=&quot;submit&quot; value=&quot;Подписаться&quot; name=&quot;subscribe&quot; id=&quot;mc-embedded-subscribe&quot; class=&quot;button&quot;&gt;&lt;\/div&gt;\r\n    &lt;\/div&gt;\r\n&lt;\/form&gt;<\/code><\/pre><h2>Результат<\/h2>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/maxkuznetsov.ru\/pictures\/mailchimp4.png.jpg\" width=\"2560\" height=\"1497\" alt=\"\" \/>\n<\/div>\n<h2>Что дальше<\/h2>\n<p>Теперь вам нужно продолжать писать интересные и полезные статьи, а раз в неделю-две-месяц вы сможете через интерфейс Mailchimp отправлять всем подписавшимся письмо с подборкой последних интересных статей. И не расстраивайтесь, если будут отписки, в этом нет ничего страшного. Ваш читатель всё равно вас найдёт.<\/p>\n<p>Пишите полезно, пишите вкусно.<\/p>\n",
            "date_published": "2020-04-14T23:13:32+03:00",
            "date_modified": "2020-04-14T23:14:12+03:00",
            "image": "https:\/\/maxkuznetsov.ru\/pictures\/mailchimp4.png-1.jpg",
            "_date_published_rfc2822": "Tue, 14 Apr 2020 23:13:32 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "27",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "system\/library\/highlight\/highlight.js",
                    "system\/library\/highlight\/highlight.css",
                    "system\/library\/highlight\/highlight.js",
                    "system\/library\/highlight\/highlight.css"
                ],
                "og_images": [
                    "https:\/\/maxkuznetsov.ru\/pictures\/mailchimp4.png-1.jpg",
                    "https:\/\/maxkuznetsov.ru\/pictures\/mailchimp1.png",
                    "https:\/\/maxkuznetsov.ru\/pictures\/mailchimp2.png",
                    "https:\/\/maxkuznetsov.ru\/pictures\/mailchimp3.png.jpg",
                    "https:\/\/maxkuznetsov.ru\/pictures\/mailchimp4.png.jpg"
                ]
            }
        }
    ],
    "_e2_version": 3559,
    "_e2_ua_string": "E2 (v3559; Aegea)"
}