27.05.2018
103

Добрый день! Сегодня покажем практический кейс по подключению 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, мы с радостью вам подскажем.

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

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

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

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

Подписаться



В версии 2.0

  • Существенно доработан интерфейс
  • Появилась возможность добавлять фразы
  • Добавлена поддержка "serpstat.com"
  • Добавлена возможность выгрузить слова через запятую
  • Добавлена возможность выгрузить фразы в кавычках
  • Появилась кнопка "Добавить" из буфера обмена, копируйте и вставляйте в расширение ранее собранные списки
  • Добавлена возможность закрепить окно расширения или скрыть его для вашего удобства
  • В analytics.google.com расширение больше не работает

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

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