Інтеграція Intercom: встановлення, ідентифікація, події

Наша компанія займається розробкою, підтримкою та обслуговуванням сайтів будь-якої складності. Від простих односторінкових сайтів до масштабних кластерних систем, побудованих на мікро сервісах. Досвід розробників підтверджено сертифікатами від вендорів.

Розробка та обслуговування будь-яких видів сайтів:

Інформаційні сайти або веб-програми
Сайти візитки, landing page, корпоративні сайти, онлайн каталоги, квіз, промо-сайти, блоги, ресурси новин, інформаційні портали, форуми, агрегатори
Сайти або веб-програми електронної комерції
Інтернет-магазини, B2B-портали, маркетплейси, онлайн-обмінники, кешбек-сайти, біржі, дропшиппінг-платформи, парсери товарів
Веб-програми для управління бізнес-процесами
CRM-системи, ERP-системи, корпоративні портали, системи управління виробництвом, парсери інформації
Сайти або веб-програми електронних послуг
Дошки оголошень, онлайн-школи, онлайн-кінотеатри, конструктори сайтів, портали надання електронних послуг, відеохостинги, тематичні портали

Це лише деякі з технічних типів сайтів, з якими ми працюємо, і кожен із них може мати свої специфічні особливості та функціональність, а також бути адаптованим під конкретні потреби та цілі клієнта.

Послуги, які ми пропонуємо
Показано 1 з 1Усі 2062 послуг
Інтеграція Intercom: встановлення, ідентифікація, події
Простий
~1 день
Часті запитання

Наші компетенції:

Етапи розробки

Останні роботи

  • image_website-b2b-advance_0.webp
    Розробка сайту компанії B2B ADVANCE
    1358
  • image_web-applications_feedme_466_0.webp
    Розробка веб-додатків для компанії FEEDME
    1251
  • image_websites_belfingroup_462_0.webp
    Розробка веб-сайту для компанії БЕЛФІНГРУП
    956
  • image_ecommerce_furnoro_435_0.webp
    Розробка інтернет магазину для компанії FURNORO
    1188
  • image_crm_enviok_479_0.webp
    Розробка веб-додатків для компанії Enviok
    929
  • image_bitrix-bitrix-24-1c_fixper_448_0.webp
    Розробка веб-сайту для компанії ФІКСПЕР
    947

Інтеграція Intercom з коректним налаштуванням HMAC-верифікації, передачею кастомних атрибутів та відстеженням подій — запорука успішної роботи чату підтримки. Ви виконали інтеграцію Intercom, запустили тригерні повідомлення — але користувачі не ідентифікуються, події йдуть у порожнечу, а HMAC-верифікація дає помилку 403. Це типова ситуація при поверхневій інтеграції Intercom. У результаті до 30% лідів не отримують персоналізованого повідомлення, а відділ підтримки витрачає години на ручний збір даних.

Ми інтегрували Intercom на 50+ проектах — від SaaS-стартапів до enterprise-рішень з тисячами користувачів. Наш стек: PHP 8.3 (Laravel), JavaScript, Docker. Кожен етап тестуємо на staging, щоб уникнути помилок у продакшені. Розберемо, як налаштувати HMAC, передавати кастомні атрибути та відстежувати події, щоб месенджер працював без збоїв.

Як налаштувати HMAC-верифікацію?

Генерація HMAC-хешу

HMAC (Hash-based Message Authentication Code) захищає дані користувача від підробки. Intercom використовує ваш секретний ключ для перевірки хешу. Помилка 403 виникає, якщо ключ не збігається або user_id порожній. Отримайте секретний ключ у налаштуваннях Intercom (Settings > Developer Tools > Identity Verification). На сервері згенеруйте хеш:

$userHash = hash_hmac('sha256', (string)$user->id, env('INTERCOM_SECRET_KEY'));

Перевірте, що user_id унікальний і не змінюється. На одному проекті ми бачили помилку 403 через те, що user_id містив пробіли — після trim проблема зникла.

Встановлення скрипта з HMAC

Додайте скрипт перед </head>. Обов'язково передавайте user_hash:

<script>
window.intercomSettings = {
    api_base: "https://api-iam.intercom.io",
    app_id:   "YOUR_APP_ID",
    user_id:  "<?= $user->id ?>",
    name:     "<?= $user->name ?>",
    email:    "<?= $user->email ?>",
    created_at: <?= $user->created_at->timestamp ?>,
    user_hash: "<?= $userHash ?>"
};
</script>
<script>
(function(){var w=window;var ic=w.Intercom;/* snippet */})();
</script>

Важно: api_base має вказувати на https://api-iam.intercom.io, інакше не спрацює.

Як передавати кастомні атрибути?

Передавайте дані про користувача одразу після ініціалізації, щоб картка в Inbox була повною. Використовуйте метод window.Intercom('update', ...):

window.Intercom('update', {
    plan:              'pro',
    monthly_spend:     150,
    is_paying:         true,
    last_product_used: 'dashboard'
});

Типові помилки: забувають передати атрибути після оновлення профілю або не синхронізують з CRM. Атрибути мають оновлюватися при кожній зміні — інакше Intercom зберігає застарілі дані.

Як відстежувати події?

Кожна важлива дія користувача має стати подією для Intercom. Так ви зможете будувати автоматичні тригери:

window.Intercom('trackEvent', 'feature-used', {
    feature:     'export',
    format:      'csv',
    record_count: 1250
});

Події дозволяють сегментувати користувачів за поведінкою. Наприклад, якщо клієнт не скористався новою функцією протягом 7 днів, надсилайте автоматичне навчальне повідомлення. Intercom дає можливість створювати до 100 кастомних подій на проект.

REST API: створення нотаток і завдань

Для програмної взаємодії з Inbox використовуйте REST API. Наприклад, додавання нотатки при оформленні замовлення:

Http::withToken(env('INTERCOM_ACCESS_TOKEN'))
    ->post('https://api.intercom.io/notes', [
        'user'  => ['user_id' => $userId],
        'body'  => "Оформив замовлення #{$orderId} на {$total} ₴"
    ]);

REST API дозволяє синхронізувати користувачів, додавати теги та створювати завдання.

Чому Intercom вигідніший за дешеві альтернативи?

Intercom у 3 рази ефективніший за конверсією з чату в продаж завдяки проактивним повідомленням і глибокій інтеграції з продуктом. Інтеграція окупається в середньому за 2 місяці, скорочуючи витрати на підтримку на $5,000–$20,000 на рік для середнього B2B-проекту. Для проекту з 1,000 користувачів економія складає $15,000 на рік. При зростанні бази до 5,000 користувачів економія досягає $50,000 на рік. Інтеграція Intercom у 2 рази швидше налаштовується, ніж дешеві альтернативи. Порівняння:

Функція Intercom Дешеві альтернативи
Ідентифікація користувачів HMAC, кастомні атрибути Тільки email або ID
Події Кастомні події + автодії Обмежені тригери
API Повноцінний REST + Messenger Часто немає або слабкий
База знань Вбудована Відсутня або платно
Аналітика Глибока по користувачах Базова

Різниця суттєва — особливо для B2B з довгим циклом угоди.

Як ми виконуємо інтеграцію під ключ?

Ми не просто вставляємо скрипт. Ми проектуємо архітектуру передачі даних, налаштовуємо автоматичні повідомлення та тури, інтегруємо з CRM через REST API.

Процес роботи:

  1. Аналітика: аудит поточного стеку, визначення точок інтеграції (реєстрація, подія "оплата", вхід).
  2. Проектування: схема передачі атрибутів, HMAC-ключі, події.
  3. Реалізація: встановлення скрипта, бекенд-код, тестування на staging.
  4. Тестування: перевірка ідентифікації, подій, автоматичних повідомлень.
  5. Деплой та документація: передача доступів, інструкція для підтримки.

Що входить у роботу?

  • Встановлення Messenger з HMAC-верифікацією.
  • Налаштування 5–10 кастомних атрибутів (тариф, витрати, статус) та подій.
  • Інтеграція REST API для створення/оновлення користувачів, додавання нотаток і тегів.
  • Тестування та документація (опис усіх атрибутів, подій, інструкція для підтримки).
  • Навчання команди підтримки роботі з Inbox, налаштування автоматичних повідомлень.

Які терміни виконання?

Складність проекту Термін Кількість подій
Проста (тільки чат) 1 день 0–3
Середня (з атрибутами) 2 дні 4–10
Складна (з REST API) 3 дні 10+

Які типові помилки при інтеграції?

Типові помилки при інтеграції
  • Не передається HMAC-хеш для авторизованих користувачів → помилка 403.
  • Атрибути не оновлюються після зміни профілю → застарілі дані в Inbox.
  • Події з однаковими іменами перезаписують одна одну → використовуйте унікальні імена.
  • Не налаштоване видалення користувачів за GDPR → Intercom зберігає дані вічно, що порушує регуляції.

Досвід: понад 50 проектів. Гарантуємо відсутність помилок 403 та втрат подій. Економія до $50,000 на рік на підтримці.

Зв'яжіться з нами для оцінки вашого проекту — ми підготуємо інтеграцію за 1–3 дні. Замовте інтеграцію Intercom під ключ у перевірених інженерів.

Інтеграція email розсилок: чому вона часто ламається?

Ми стикалися з тим, що тригерний лист через 10 хвилин після реєстрації конвертує в 4–5 разів краще, ніж той самий лист через 24 години. Це не маркетинговий міф — це механіка: поки користувач теплий, поки пам'ятає контекст. Але більшість інтеграцій з розсильниками зроблені так: форма сабмітиться → синхронний HTTP-запит до API → якщо API гальмує, користувач чекає 3 секунди → лист йде або не йде, ніхто не знає.

Якщо ви зіткнулися з втраченими листами або потраплянням у спам, замовте аудит існуючої інтеграції — ми знайдемо вузькі місця за 2 дні.

Провайдери та їх API

Unisender — російський провайдер, популярний у сегменті SMB. REST API, простий. Додавання контакту: importContacts, відправка транзакційного листа: sendEmail. Важливо: для транзакційних листів (підтвердження замовлення, скидання пароля) Unisender Go — окремий сервіс з іншим API та окремою ціною. Змішувати масові розсилки та транзакційні в одному потоці — погана ідея для репутації домену.

SendPulse — надає email, SMS, web push, Viber, Telegram-боти через єдиний API. Для проєктів, де потрібен омніканал, це зручно. Automation 360 — візуальний конструктор ланцюжків, можна запустити автоматизацію через API event. SDK для PHP (sendpulse/rest-api-php-sdk) підтримується, але оновлюється нерегулярно — краще використовувати напряму через Guzzle.

Mailchimp — вибір для міжнародної аудиторії та маркетингових команд, звиклих до екосистеми Mailchimp. Transactional email — через Mandrill (дочірній сервіс). Marketing API v3 для управління списками, тегами, кампаніями. Webhook для подій: відкриття, клік, відписка, bounce.

SMS. Для Росії: СМСЦ, МТС Exolve, Devino Telecom, SMS Aero. API у всіх схожий: метод send, параметри phone, message, sender (ім'я відправника — потрібно реєструвати окремо у оператора). Один нюанс: ім'я відправника має бути зареєстровано через агрегатора з договором — без цього SMS не відправляться на мережі МТС/МегаФон/Білайн.

Провайдер Тип Транзакційні листи Маркетингові Особливості
Unisender email+SMS Unisender Go (окремо) так Популярний в РФ, простий REST
SendPulse email+SMS+web push+Viber так так Єдиний API, омніканальність
Mailchimp email Mandrill так Аналітика, міжнародний
Twilio SMS+email так ні Глобальний, дорогий в РФ

Як побудувати інтеграцію, щоб не втрачати листи?

Розділяємо транзакційні та маркетингові потоки

Транзакційні листи (підтвердження замовлення, скидання пароля, статус доставки) — через окремий домен-відправник або субдомен tx.example.com. Маркетингові розсилки — через mail.example.com або news.example.com. Якщо маркетингова розсилка отримає багато скарг на спам, це не повинно зачепити репутацію транзакційного потоку. Згідно з документацією SendGrid, транзакційні повідомлення слід відправляти через виділений IP-пул для запобігання перехресному впливу.

Черга та retry

Будь-який виклик до email API — через чергу (Laravel Queue, Bull, Celery). Якщо Unisender повернув 503 — задача йде в retry через 5 хвилин, потім 15, потім 60. Після 5 невдалих спроб — у dead letter queue з алертом. Користувач при цьому вже отримав свій 200 OK і не знає про проблему. Завдяки цьому підходу bounce rate на проєктах знижується до 0.5%.

Приклад job для Laravel:

public function handle(): void
{
    try {
        $response = Http::post(config('services.unisender.email_url'), $this->params);
        if ($response->failed()) {
            $this->release(300); // retry через 5 хв
        }
    } catch (\Throwable $e) {
        $this->release(300);
    }
}

Шаблони

Зберігаємо шаблони в коді (Blade, Twig, React Email), не в інтерфейсі провайдера. Причини: версіонування через Git, preview у браузері без відправки, можливість тестування. Для складних шаблонів з динамічним контентом — react-email з експортом в HTML через @react-email/render.

Валідація та згоди

Перед додаванням контакту до списку — double opt-in (лист з підтвердженням). Зберігати факт підтвердження з timestamp у своїй БД. При відписці — синхронно відписуємо і у провайдера, і в своїй базі. Ігнорувати webhook відписки — прямий шлях до блокування акаунта у провайдера. Всі процеси відповідають ФЗ-152 про персональні дані.

Як налаштувати DKIM для домену-відправника?

DKIM дозволяє підписувати листи цифровим підписом, що підвищує довіру поштових серверів.

  1. Згенеруйте пару ключів (наприклад, через OpenSSL: openssl genrsa -out private.key 2048).
  2. Опублікуйте публічний ключ у DNS як TXT-запис для селектора (наприклад, mail._domainkey.tx.example.com).
  3. Вкажіть селектор у провайдера (SendGrid, Mailgun, Unisender).
  4. Перевірте командою dig TXT mail._domainkey.tx.example.com.

Моніторинг доставності

Підключаємо webhook від провайдера на події bounce (жорсткий і м'який), spam_complaint, unsubscribe. Жорсткий bounce — негайно позначаємо email як невалідний у своїй БД, більше не відправляємо. М'який bounce 3 рази поспіль — те саме. Метрики: open rate, click rate, bounce rate, unsubscribe rate — дивимося не рідше разу на тиждень. Наші сертифіковані інженери налаштовують алерти в Grafana/Prometheus.

Чому важливо розділяти потоки?

Якщо відправити маркетингову розсилку з того ж домену, що й транзакційні листи, отримавши скарги на спам, ви ризикуєте заблокувати домен — і користувачі перестануть отримувати навіть підтвердження замовлень. SPF, DKIM, DMARC (Wikipedia SPF, Wikipedia DKIM) повинні бути налаштовані окремо для кожного потоку. Ми використовуємо субдомени з різними DNS-записами.

Обсяг робіт з інтеграції

  • Аудит поточних потоків комунікації та репутації домену (SPF, DKIM, DMARC)
  • Вибір провайдера та схеми: транзакційний vs маркетинговий трафік
  • Налаштування DNS-записів SPF, DKIM, DMARC (Wikipedia DMARC)
  • Розробка шаблонів листів (HTML + динамічний контент)
  • Інтеграція з бекендом через черги та API
  • Налаштування webhook для доставності та скарг
  • Документація з експлуатації та навчання команди
  • Гарантія доставності та підтримка після запуску

Терміни та вартість

Сценарій Термін (робочі дні) Примітка
Базові транзакційні листи (один провайдер) 5–7 днів Ціна розраховується індивідуально після аудиту
Тригерні ланцюжки + SMS + веб-пуши 10–20 днів Ціна розраховується індивідуально після аудиту
Повна омніканальна автоматизація 20–40 днів Ціна розраховується індивідуально після аудиту

Вартість розраховується індивідуально після аудиту. Ми працюємо під ключ: від аналізу до моніторингу в продакшені. Отримайте консультацію інженера — оцінимо проєкт безкоштовно та скажемо точні терміни. Досвід більше 7 років в інтеграції поштових сервісів, реалізовано 50+ проєктів. Замовте безкоштовний аудит поточної інтеграції — отримайте звіт з рекомендаціями.