Как быстро подключить сбор e-mail на eSputnik

27.05.2018
4 минуты
Разработка, Руководства,
608

Добрый день! Сегодня покажем практический кейс по подключению API сервиса eSputnik для формы подписки на сайте.

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

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

Итак, задача программиста в данном случае заключается в том, что нужно корректно передать данные с формы подписки в личный кабинет системы (в нашем случае – это сервис eSputnik).

Представленный ниже функционал реализован на системе WordPress.

Итак, для начала создадим html форму, которая будет собирать подписчиков, для этого внесем вот такой код:

На сайте наша форма выглядит вот так:

форма подписки

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

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

Пойдем пошагово: для начала зарегистрируем свой AJAX обработчик в системе WordPress.

Примечание: в данном примере работы выполняются в файле functions.php

Итак, регистрируем обработчик AJAX:

После этого реализуем программный интерфейс для API. В нашем случае будет две функции: функция подписки и функция отправки самого запроса.

Хотим обратить ваше внимание на вот эти параметры:

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

 

Собственно, сам механизм взаимодействия с API у нас готов и осталось только соединить функционал CMS и API.

 

Для этого создаем функцию:

Обратите внимание на часть, которая формирует данные для сервиса.

Имя и фамилия – обязательные параметры.

 

А вот в качестве канала связи у вас может быть что-то одно: или sms, или e-mail. В нашем случае оба варианта нужны.

 

Теперь разберем вот эту часть кода:

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

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

 

Давайте протестируем и посмотрим, что у нас из этого получилось:

тестируем подписку

Как видите, после подписки в сервисе eSputnik фиксируется событие. Стоит отметить, что если контакт новый, то событие называется вот так:

новый контакт в системе

А если контакт уже существует, то событие произойдет немного другое:

существующий контакт

Но дальше – уже для маркетологов, а работа разработчика на этом закончена.


Если у вас возникнут трудности при использовании нашего кейса, смело пишите нам на pengstud@gmail.com, мы с радостью вам подскажем.

1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 5.00 out of 5)
Loading...

Будьте в курсе последних обновлений

Присоединиться в

Получить 7 писем о том,
как улучшить свой AdWords аккаунт
+ PPC статьи

Имя
e-mail
Улучшить AdWords

Улучшить свой AdWords

Получите 7 писем, о том, как можно улучшить свой аккаунт в AdWords

Подписаться

Наш сайт использует файлы cookie, чтобы улучшить работу и предоставить максимальное удобство пользователям.

В версии 3.0.0

  • новые сервисы: Ubersuggest (NeilPatel), Spyfu и другие;
  • автосохранение списка минус-слов в рабочей области;
  • авторизация для хранения данных в аккаунте;
  • списки типовых минус-слов;
  • возможность хранить пользовательские списки минус-слова в расширении для дальнейшего применения в аккаунте;
  • англоязычный и русскоязычный интерфейс.

Основные комбинации

  • LeftMouseClick для добавления слова, повторное нажатие - для удаления
  • LeftALT + LeftMouseClick - для сбора фраз
  • LeftALT + S - для поиска слов

В версии 2.0

  • 2 режима выдачи ключевых слов:
  • быстрая выдача - аналогична выдаче Google Planner, но найденные результаты включают каждое слово из введенной в поиск фразы;
  • полная выдача - расширенная выдача, которая включает поиск по дополнительным релевантным фразам, но найденные результаты также включают каждое слово из введенной в поиск фразы.
  • Обновленный файл выгрузки ключевых слов Excel:
  • выгрузка локаций в удобном формате для загрузки в Editor;
  • обновленный шаблон для создания объявлений.
  • Полный список локаций.
  • Группировка отчетов по проектам.
  • Устранена ошибка с задержкой в 30 секунд.
  • Новые фильтры для получения релевантной выдачи.
  • Копирование минус-слов.

Несколько шагов до работы в Penguin

Заполните форму

Прикрепите резюме:
1Кликов 259, показов 3 515. Чему равно CTR?
2Заходов на сайт 874, конверсий 16. Чему равен коэффициент конверсии?
3Что такое СРА?
4CTR 4,03%, кликов 240. Чему равно число показов объявления?
5Затрат 20 158, конверсий 63. Чему равна стоимость конверсии?

Несколько шагов до работы в Penguin

Заполните форму

Прикрепите резюме: