JavaScript SDK

npm install @notix-hub/sdk

import { Notix } from '@notix-hub/sdk';

<script src="https://notix-hub.ru/js/notify.js"
        data-token="ntx_..."
        data-metric="true"
        data-errors="true"></script>

<form data-notify
      data-notify-type="lead"
      data-notify-tag="Сайт"
      data-notify-title="Новая заявка">

  <input name="name" placeholder="Ваше имя" required>
  <input name="phone" placeholder="Телефон">
  <textarea name="message" placeholder="Сообщение"></textarea>
  <button type="submit">Отправить</button>
</form>

{
  "title": "Новая заявка",
  "notification_type": "lead",
  "tag": "Сайт",
  "payload": {
    "name": "Иван",
    "phone": "+7 917 000-00-00",
    "message": "Хочу сайт"
  }
}

<button id="checkout-btn">Оформить заказ</button>

<script>
document.getElementById('checkout-btn').addEventListener('click', async () => {
  await notix.notify({
    title: 'Новый заказ',
    type: 'order',
    priority: 'high',
    tag: 'Заказы',
    payload: {
      items: [
        { name: 'Товар 1', price: 1200, qty: 2 },
        { name: 'Товар 2', price: 800, qty: 1 }
      ],
      total: 3200,
      customer: 'Иван',
      phone: '+7 917 000-00-00'
    }
  });
});
</script>

<form data-notify
      data-notify-type="lead"
      data-notify-tag="Лендинг"
      data-notify-title="Заявка"
      data-notify-payload='{"page": "landing-1", "utm_source": "google"}'>
  <input name="name">
  <input name="phone">
</form>

<input name="phone" data-notify-label="Телефон">
<input name="email" data-notify-label="Email">

<form data-notify data-notify-fields="name,phone">
  <input name="name">
  <input name="phone">
  <input name="hidden_field"> <!-- не попадёт -->
</form>

const notix = new Notix({ token: 'ntx_live_xxxxxxxxxx' });

await notix.notify({
  title: 'Новый заказ',
  type: 'order',
  priority: 'high',
  tag: 'Заказы',
  payload: { amount: 12000, items: 3 }
});

// Минимально — только title
await notix.notify({ title: 'Сервер перезапущен' });

<script src="..." data-token="ntx_..." data-metric="true"></script>

const notix = new Notix({ token: '...', metricEnabled: true });

notix.trackPageView('/catalog', 'https://google.com/search?q=...');

<script src="..." data-token="ntx_..." data-errors="true"></script>

// Ручное включение
new Notix({
   token: '...',
   errorTrackingEnabled: true
});

new Notix({ token: '...', metrika: { enabled: false } });