Скрипт Eyezon

Добавьте приведенный ниже скрипт на универсальный компонент вашего сайта, например <footer>, это даст возможность нашему сервису отправлять уведомления вашим клиентам об ответах на запросы и новых сообщениях от ваших продавцов не зависимо от того на какой странице вашего сайта находится покупатель. Если скрипт будет установлен на одну страницу вашего сайта в <body>, то клиент сможет получать уведомления об ответах продавца только на данной странице.

<script>
    (function (w,d,s,o,f,js,fjs) {
        w[o] = w[o] || function () { (w[o].q = w[o].q || []).push(arguments) };
        js = d.createElement(s); fjs = d.getElementsByTagName(s)[0];
        js.id = o; js.src = f; js.async = true; fjs.parentNode.insertBefore(js, fjs);
    }(window, document, 'script', 'eyeZon', 'https://storage.googleapis.com/eyezonscriptv2/static/js/eyezonwidget.js'));

    eyeZon('init', {
        businessId: 'ВАШ БИЗНЕС ID'
    });
</script>

Добавьте элемент на ваш сайт, который будет вызывать наш скрипт с обязательным атрибутом data-eyezon и ID вашей кнопки**.**

<button data-eyezon="ID ВАШЕЙ КНОПКИ">Посмотреть вживую</button>

<aside> 💡 Логика мультизапросов

По умолчанию по нажатию на кнопку Eyezon с одинаковым ID установленных на различных страницах вашего сайта чаты уникально идентифицируются по текущему URL без строки запроса и хэша. Поэтому на страницах пример: https://domain.com, https://domain.com/product, http://domain.com/product по нажатию на кнопку Eyezon с одинаковым ID будет открываться окно отправки нового запроса, с возможностью продолжить старый диалог.

Название чата По умолчанию названия чата взяты из первого элемента H1 на странице откуда отправляется запрос.

</aside>

1. Кастомизация target и title

Атрибуты data-eyezon-target и data-eyezon-title могут быть использованы для указания цели и названия чата.

Например, если вы вставите следующую кнопку на разных страницах, то всегда откроется один и тот же чат под названием "Телевизор и домашний кинотеатр":

<button data-eyezon
        data-eyezon-target="Electronics Department"
        data-eyezon-title="TV & Home Theaters">
        Start eyezon chat
</button>

Или если у вас несколько кнопок на одной странице и вы хотите, чтобы они открывали разные чаты:

<button data-eyezon
        data-eyezon-target="SKU-1"
        data-eyezon-title="Samsung Television">
        Show me Samsung TV set
</button>
<button data-eyezon
        data-eyezon-target="SKU-2"
        data-eyezon-title="Sony Television">
        Show me Sony TV set
</button>

Настройки и маршрутизация

Чат может иметь различные настройки: пользовательский интерфейс, тексты и стримеры. Эти настройки специфичны для кнопки и определяются с помощью buttonId.

Например, компания businessId 5e81cf421cb513002ed6f39e, имеет категории телевизоры и холодильники, хочет, чтобы у них были разные цветовые схемы, приветственные тексты и разные специалисты для обработки запросов:

eyeZon('init', {
    businessId: '5e81cf421cb513002ed6f39e'
});

В этом случае компания создает 2 кнопки для соответствующих отделов в Личном кабинете. Если пользователя интересует телевизор, то маршрутизация до нужного отдела продавцов buttonId может быть настроена с атрибутом data-eyezon: