JavaScript SDK Roistat¶
При помощи JavaScript SDK вы можете обращаться к объектам счетчика Roistat, установленного на ваших сайтах, и управлять всеми его функциями, включая получение информации о визите, управление Коллтрекингом, Ловцом лидов, Email-трекингом и т.д.
Обратите внимание:
Внимательно изучите данную страницу перед тем, как использовать JavaScript SDK. Его неправильное использование может нарушить работу Roistat на вашем сайте. Если у вас останутся вопросы, напишите нам, и мы поможем.
- Описание работы JavaScript SDK
- Основные методы
- Дополнительные методы
- Колбэки готовности JavaScript SDK
Описание работы JavaScript SDK¶
Счетчик Roistat добавляет на страницу набор объектов и методов, которые позволяют управлять поведением Roistat и добавлять дополнительную логику в работу модулей.
Для правильной работы JavaScript SDK требуется дождаться его загрузки. Для этого существуют колбэки, которые вызываются по готовности JS API: window.onRoistatModuleLoaded и window.onRoistatAllModulesLoaded.
После загрузки основного модуля на страницу добавляется объект roistat
, который содержит набор методов и переменных, отвечающих за работу счетчика и остальных модулей.
Основные методы¶
При загрузке счетчик добавляет на страницу объект window.roistat
. В нём находятся методы и объекты по управлению всей функциональностью Roistat. По мере загрузки всех модулей, в window.roistat
будут становиться доступными соответствующие объекты.
В таблице ниже приведены методы и атрибуты объекта window.roistat
.
Метод / атрибут | Возвращаемый тип | Описание |
---|---|---|
authClientByEmail(email) | void | присвоить визиту email клиента для объединения цепочки визитов |
authClientById(clientId) | void | присвоить визиту ID клиента для объединения цепочки визитов |
callTracking | object | объект с методами и атрибутами коллтрекинга |
disableCallTracking() | void | отключить Коллтрекинг на странице |
emailtracking | object | объект с методами и атрибутами Email-трекинга |
event.send(eventName,[eventFields]) | void | отправляет событие в аналитику |
geo | object | объект с географическими данными клиента |
getSource() | string | получить значение маркера roistat (источника визита) |
getVisit() | string | получить номер визита |
leadHunter | object | объект с методами и атрибутами ловца лидов |
multiwidget | object | объект с методами и атрибутами мультивиджета |
onlineChat | object | объект с методами и атрибутами онлайн-чата |
page.params.roistat_param1..5 | string | объект с параметрами страницы |
setRoistatParams | void | установить дополнительные параметры roistat_param |
setVisit(visitId) | void | установить номер визита |
authClientByEmail(email)¶
Ищет клиента с указанным email в системе Roistat и проверяет наличие визита этого клиента (first_visit). Если визит есть, то он указывается в качестве текущего визита для клиента с этим email. Это позволяет объединить визиты клиента с разных устройств.
window.onRoistatModuleLoaded = function () {
window.roistat.authClientByEmail("test@example.com");
};
Например, вы используете систему авторизации на своем сайте и точно знаете, какой пользователь зашел на сайт. С помощью данного метода вы можете передать email этого пользователя с сайта, чтобы объединить его визиты с разных устройств.
- Поиск клиента по email осуществляется после запуска метода на сайте.
- Визиты объединятся в цепочку после того, как метод отработает.
authClientById(cliendId)¶
Ищет клиента с указанным ID из CRM в системе Roistat и проверяет наличие визита этого клиента (first_visit). Если визит есть, то он указывается в качестве текущего визита для клиента с этим ID. Это позволяет объединить визиты клиента с разных устройств.
window.onRoistatModuleLoaded = function () {
window.roistat.authClientById("1234567");
};
Например, вы используете систему авторизации на своем сайте и точно знаете, какой пользователь зашел на сайт. С помощью данного метода вы можете передать ID этого пользователя с сайта, чтобы объединить его визиты с разных устройств.
- Поиск клиента по ID осуществляется после запуска метода на сайте.
- Визиты объединятся в цепочку после того, как метод отработает.
callTracking¶
Объект с методами и атрибутами Коллтрекинга.
Метод / атрибут | Возвращаемый тип | Описание |
---|---|---|
enabled | int | Флаг, отражающий включен ли коллтрекинг на странице |
phone | string | номер коллтрекинга |
enabled¶
Флаг, отражающий, включен ли Коллтрекинг на странице.
window.onRoistatAllModulesLoaded = function () {
console.log("Calltracking enabled = " + window.roistat.callTracking.enabled);
};
phone¶
номер коллтрекинга.
window.onRoistatAllModulesLoaded = function () {
window.roistat.registerOnCalltrackingPhoneReceivedCallback(function () {
console.log("Calltracking replacement phone recieved: " + window.roistat.callTracking.phone);
});
};
disableCallTracking()¶
Отключает работу Коллтрекинга на странице.
window.onRoistatModuleLoaded = function () {
window.roistat.disableCallTracking();
};
emailtracking¶
Объект с методами и атрибутами Email-трекинга.
Метод / атрибут | Возвращаемый тип | Описание |
---|---|---|
emails | object | массив с соответсвиями подменяемых и подменных email-ов |
enabled | boolean | флаг, определяющий, включен ли Email-трекинг |
loaded | boolean | флаг, определяющий, был ли загружены email-ы с серверва |
refresh() | void | обновить подменные email-ы на страницы |
emails¶
Объект с соответствиями подменяемых и подменных email-ов.
window.onRoistatAllModulesLoaded = function () {
console.log("Email-ы для подмены: " + JSON.stringify(window.roistat.emailtracking.emails));
};
Пример возвращаемого объекта:
{
"email_to_replace1@mail.com": "email_to_replace_with1@mail.com",
"email_to_replace2@mail.com": "email_to_replace_with2@mail.com"
}
enabled¶
Флаг, определяющий, включен ли Email-трекинг.
window.onRoistatAllModulesLoaded = function () {
console.log("Email-трекинг включен: " + window.roistat.emailtracking.enabled);
};
Чтобы выключить Email-трекинг на странице, нужно установить значение до загрузки модуля Email-трекинга:
window.onRoistatModuleLoaded = function() {
window.roistat.emailtracking.enabled = false;
}
loaded¶
Флаг, определяющий, загружены ли подменные email-ы с сервера.
window.onRoistatAllModulesLoaded = function () {
console.log("Email-ы для подмены загружены с сервера: " + window.roistat.emailtracking.loaded);
};
refresh()¶
Обновить подменные email-ы на странице.
window.onRoistatAllModulesLoaded = function () {
window.roistat.emailtracking.refresh();
};
event.send(eventName,[eventFields])¶
Отправляет событие в аналитику.
document.getElementById("button").onclick = function() {
window.roistat.event.send("some_event", {"value": "123"});
};
geo¶
Объект с географическими данными клиента. Позволяет показывать разный контент на сайте в зависимости от города, региона и страны посетителя.
Метод / атрибут | Возвращаемый тип | Описание |
---|---|---|
city | string | город посетителя |
region | string | регион посетителя |
country | string | страна посетителя |
city¶
Город клиента
window.onRoistatAllModulesLoaded = function () {
console.log("Город посетителя: " + window.roistat.geo.city);
};
region¶
Регион клиента
window.onRoistatAllModulesLoaded = function () {
console.log("Регион посетителя: " + window.roistat.geo.region);
};
country¶
Страна клиента
window.onRoistatAllModulesLoaded = function () {
console.log("Страна посетителя: " + window.roistat.geo.country);
};
getSource()¶
Возвращает рекламный канал визита. Если маркера нет, то возвращает null.
window.onRoistatAllModulesLoaded = function () {
window.roistat.registerOnVisitProcessedCallback(function() {
console.log("Маркер визита: " + window.roistat.getSource());
});
};
getVisit()¶
Возращает номер визита.
window.onRoistatAllModulesLoaded = function () {
window.roistat.registerOnVisitProcessedCallback(function() {
console.log("Установлен номер визита: " + window.roistat.getVisit());
});
};
leadHunter¶
Объект с методами и атрибутам для работы с Ловцом лидов.
Метод / атрибут | Возвращаемый тип | Описание |
---|---|---|
additionalNotifyEmail | string | Дополнительный email для оповещения о лиде |
form.autoShowTime | int | Количество секунд, через которое нужно автоматически показать форму Ловца лидов |
form.buttonText | string | Текст на кнопке Ловца лидов |
form.contactLabel | string | Текст в поле с номером телефона |
form.isNameRequired | boolean | Флаг, показывающий, является ли поле с именем обязательным для заполнения |
form.isNeedExplicitAgreement | boolean | Флаг, показывающий, является ли согласие на обработку персональных данных обязательным |
form.nameLabel | string | Текст в поле с именем |
form.subTitle | string | Подзаголовок формы Ловца лидов |
form.thankYouText | string | Текст после отправки формы |
form.title | string | Заголовок формы Ловца лидов |
isEnabled | boolean | Флаг, показывающий, включен ли Ловец лидов |
localization.translateToEnglish() | void | Функция для перевода формы Ловца лидов на английский язык |
localization.translateToRussian() | void | Функция для перевода формы Ловца лидов на русский язык |
onAfterAppear | function() | Колбэк, который вызывается перед появлением формы Ловца лидов |
onAfterSubmit | function(lead) | Колбэк, который вызывается перед отправкой формы Ловца лидов |
onBeforeAppear | function() | Колбэк, который вызывается после появления формы Ловца лидов |
onBeforeSubmit | function(lead) | Колбэк, который вызывается после отправки формы Ловца лидов |
roistatLeadHunterUpdate() | void | Метод для принудительного обновления масштаба и размера формы Ловца лидов |
При настройке текстов Ловца лидов с помощью JavaScript SDK можно использовать HTML-теги – например, для переноса строки:
window.roistat.leadHunter.form.subTitle = "Перва строка <br> Вторая строка";
additionalNotifyEmail¶
Дополнительный email для оповщения о лиде. Необходимо установить до отправки формы Лоцва лидов.
window.onRoistatAllModulesLoaded = function () {
window.roistat.leadHunter.onBeforeSubmit = function(lead) {
window.roistat.leadHunter.additionalNotifyEmail = "myemail@roistat.com";
}
};
form.autoShowTime¶
Количество секунд, через которое нужно автоматически показать форму Ловца лидов.
window.onRoistatAllModulesLoaded = function () {
window.roistat.leadHunter.form.autoShowTime = 10; //Показывать ловец лидов через 10 секунд
};
form.buttonText¶
Текст на кнопке Ловца лидов.
window.onRoistatAllModulesLoaded = function () {
window.roistat.leadHunter.onBeforeAppear = function(eventType) {
window.roistat.leadHunter.form.buttonText = "Текст на кнопке";
}
};
form.contactLabel¶
Текст в поле с номером телефона.
window.onRoistatAllModulesLoaded = function () {
window.roistat.leadHunter.onBeforeAppear = function(eventType) {
window.roistat.leadHunter.form.contactLabel = "Введите номер телефона";
}
};
form.isNameRequired¶
Флаг, определяющий, является ли поле с именем обязательным для заполнения.
window.onRoistatAllModulesLoaded = function () {
window.roistat.leadHunter.onBeforeAppear = function(eventType) {
window.roistat.leadHunter.form.isNameRequired = true;
}
};
form.isNeedExplicitAgreement¶
Флаг, определяющий, является ли согласие на обработку персональных данных обязательным.
window.onRoistatAllModulesLoaded = function () {
window.roistat.leadHunter.onBeforeAppear = function(eventType) {
window.roistat.leadHunter.form.isNeedExplicitAgreement = true;
}
};
form.nameLabel¶
Текст в поле с именем.
window.onRoistatAllModulesLoaded = function () {
window.roistat.leadHunter.onBeforeAppear = function(eventType) {
window.roistat.leadHunter.form.nameLabel = "Введите ваше имя";
}
};
form.subTitle¶
Подзаголовок формы Ловца лидов.
window.onRoistatAllModulesLoaded = function () {
window.roistat.leadHunter.onBeforeAppear = function(eventType) {
window.roistat.leadHunter.form.subTitle = "Подзаголовок";
}
};
form.thankYouText¶
Текст после отправки формы.
window.onRoistatAllModulesLoaded = function () {
window.roistat.leadHunter.onBeforeAppear = function(eventType) {
window.roistat.leadHunter.form.thankYouText = "Спасибо, скоро мы с вами свяжемся";
}
};
form.title¶
Заголовок формы Ловца лидов.
window.onRoistatAllModulesLoaded = function () {
window.roistat.leadHunter.onBeforeAppear = function(eventType) {
window.roistat.leadHunter.form.title = "Заголовок";
}
};
isEnabled¶
Флаг, определяющий, включен ли Ловец лидов.
window.onRoistatModuleLoaded = function () {
window.roistat.leadHunter.isEnabled = false; //отключить ловец лидов на странице
};
localization.translateToEnglish()¶
Функция для перевода формы Ловца лидов на английский язык.
window.onRoistatAllModulesLoaded = function () {
window.roistat.leadHunter.localization.translateToEnglish();
};
localization.translateToRussian()¶
Функция для перевода формы Ловца лидов на русский язык.
window.onRoistatAllModulesLoaded = function () {
window.roistat.leadHunter.localization.translateToRussian();
};
onAfterAppear¶
Колбэк, который вызывается перед появлением формы Ловца лидов.
window.onRoistatAllModulesLoaded = function () {
window.roistat.leadHunter.onAfterAppear = function() {
console.log("Форма ловца лидов показана пользователю");
}
};
onAfterSubmit¶
Колбэк, который вызывается перед отправкой формы Ловца лидов. В качестве атрибута функции используется объект lead, в котором находятся методы и атрибуты лида.
window.onRoistatAllModulesLoaded = function () {
window.roistat.leadHunter.onAfterSubmit = function(lead) {
console.log("Форма ловца лидов отправлена");
}
};
onBeforeAppear¶
Колбэк, который вызывается после появления формы Ловца лидов. Принимает параметр eventType, в котором указывается событие, по которому показалась форма Ловца Лидов. Возможные значения eventType: click, auto, exit
window.onRoistatAllModulesLoaded = function () {
window.roistat.leadHunter.onBeforeAppear = function(eventType) {
console.log("Сейчас будет показана форма ловца лидов по событию "+eventType);
}
};
onBeforeSubmit¶
Колбэк, который вызывается после отправки формы Ловца лидов. В качестве атрибута функции используется объект lead, в котором находятся методы и атрибуты лида.
window.onRoistatAllModulesLoaded = function () {
window.roistat.leadHunter.onBeforeSubmit = function(lead) {
lead.isNeedCallback = 0; // Не совершать обратный звонок
lead.callbackPhone = 79999999999 //Номер менеджера, куда совершить звонок
console.log("Дополнительные поля лида: " + lead.fields );
console.log("Имя лида: " + lead.name );
console.log("Телефон лида: " + lead.phone );
}
};
roistatLeadHunterUpdate()¶
Метод для принудительного обновления масштаба и размера формы Ловца лидов. Используйте его, если форма отображается некорректно при изменении масштаба и размера элементов на странице. Метод нужно вызывать после кода для изменения масштаба и размера.
// Ваш код для изменения масштаба и размера элементов на странице:
async function addCustomZoom() {...}
async function customResize() {...}
await addCustomZoom();
await customResize();
// После окончания всех манипуляций с масштабом и размером принудительно обновите позиционирование формы:
window.roistatLeadHunterUpdate();
multiwidget¶
Объект с настройками Мультивиджета.
Метод / атрибут | Возвращаемый тип | Описание |
---|---|---|
fb | object | Объект с настройками кнопки Мультивиджета Facebook* |
isEnabled | boolean | Флаг, определяющий, включен ли Мультивиджет |
isVisible | boolean | Флаг, определяющий, видна ли кнопка Мультивиджета |
telegram | object | Объект с настройками кнопки Мультивиджета Telegram |
vk | object | Объект с настройками кнопки Мультивиджета VK |
fb¶
Объект с настройками кнопки Мультивиджета Facebook.
window.onRoistatAllModulesLoaded = function () {
console.log("Кнопка FB включена: " + window.roistat.multiwidget.fb.isEnabled);
console.log("Ссылка FB: " + window.roistat.multiwidget.fb.link);
};
Поменять ссылку кнопки FB:
window.onRoistatModuleLoaded = function () {
window.roistat.multiwidget.fb.link = "https://newlink.com";
};
isEnabled¶
Флаг, определяющий, включен ли Мультивиджет.
window.onRoistatModuleLoaded = function () {
window.roistat.multiwidget.isEnabled = false; //Выключить Мультивиджет на странице
};
isVisible¶
Флаг, определяющий, видна ли кнопка Мультивиджета.
window.onRoistatModuleLoaded = function () {
window.roistat.multiwidget.isVisible = false; //Скрыть кнопку Мультивиджета на странице
};
При использовании данного флага можно вызвать кнопку Мультивиджета на странице с помощью метода window.roistatMultiwidgetShow().
telegram¶
Объект с настройками кнопки Мультивиджета Telegram.
window.onRoistatAllModulesLoaded = function () {
console.log("Кнопка Telegram включена: " + window.roistat.multiwidget.telegram.isEnabled);
console.log("Ссылка Telegram: " + window.roistat.multiwidget.telegram.link);
};
Поменять ссылку кнопки Telegram:
window.onRoistatModuleLoaded = function () {
window.roistat.multiwidget.telegram.link = "https://newlink.com";
};
vk¶
Объект с настройками кнопки Мультивиджета VK.
window.onRoistatAllModulesLoaded = function () {
console.log("Кнопка VK включена: " + window.roistat.multiwidget.vk.isEnabled);
console.log("Ссылка VK: " + window.roistat.multiwidget.vk.link);
};
Поменять ссылку кнопки VK:
window.onRoistatModuleLoaded = function () {
window.roistat.multiwidget.vk.link = "https://newlink.com";
};
onlineChat¶
Объект с методами и атрибутами Онлайн-чата.
Метод / атрибут | Возвращаемый тип | Описание |
---|---|---|
isAvailableForCurrentUserAgent | boolean | флаг, определяющий, доступен ли онлайн-чат для текущего user-agent |
isEnabled | boolean | флаг, определяющий, включен ли онлайн-чат |
localization.translateToEnglish() | void | перевести онлайн-чат на английский язык |
localization.translateToRussian() | void | перевести онлайн-чат на русский язык |
localization.translate() | void | перевести онлайн-чат на язык, добавленный в настройках чата |
isAvailableForCurrentUserAgent¶
Флаг, определяющий, доступен ли онлайн-чат для текущего user-agent.
window.onRoistatAllModulesLoaded = function () {
console.log("Онлайн чат досутпен: " + window.roistat.onlineChat.isAvailableForCurrentUserAgent);
};
isEnabled¶
Флаг, определяющий, включен ли онлайн-чат.
window.onRoistatModuleLoaded = function () {
window.roistat.onlineChat.isEnabled = false; //Выключить онлайн-чат на странице
};
localization.translateToEnglish()¶
Перевести онлайн-чат на английский язык.
window.onRoistatAllModulesLoaded = function () {
window.roistat.onlineChat.localization.translateToEnglish();
};
localization.translateToRussian()¶
Перевести онлайн-чат на русский язык.
window.onRoistatAllModulesLoaded = function () {
window.roistat.onlineChat.localization.translateToRussian();
};
localization.translate()¶
Перевести онлайн-чат на язык, добавленный в настройках чата. Необходимо передавать название языка в виде строки.
window.onRoistatAllModulesLoaded = function () {
window.roistat.onlineChat.localization.translate("Испанский");
};
Чтобы добавить язык чата и настроить тексты, следуйте этой инструкции.
page.params.roistat_param1..5¶
Атрибуты, в которых хранятся значения параметров roistat_param текущего визита.
window.onRoistatModuleLoaded = function () {
console.log("roistat_param1 = " + window.roistat.roistat_param1);
console.log("roistat_param2 = " + window.roistat.roistat_param2);
console.log("roistat_param3 = " + window.roistat.roistat_param3);
console.log("roistat_param4 = " + window.roistat.roistat_param4);
console.log("roistat_param5 = " + window.roistat.roistat_param5);
};
setRoistatParams¶
Установить дополнительные параметры roistat_param, чтобы затем строить отчеты по ним. Можно установить до 50 параметров в любой последовательности.
window.onRoistatAllModulesLoaded = function () {
window.roistat.registerOnVisitProcessedCallback(function () {
window.roistat.setRoistatParams({
'roistat_param1': 'значение',
'roistat_param23': 'значение',
'roistat_param26': 'значение',
'roistat_param31': 'значение',
'roistat_param41': 'значение'
});
});
};
Например, нужно присвоить визиту три дополнительных параметра:
- День недели: roistat_param1 = Monday
- Пол клиента: roistat_param2 = female
- Возраст клиента: roistat_param3 = 27
Тогда запрос будет выглядеть следующим образом:
window.onRoistatAllModulesLoaded = function () {
window.roistat.registerOnVisitProcessedCallback(function () {
window.roistat.setRoistatParams({
'roistat_param1': 'Monday',
'roistat_param2': 'female',
'roistat_param3': '27'
});
});
};
Обратите внимание:
Измененные данные появятся в проекте при следующем обновлении данных аналитики.
Также доступен другой вариант скрипта, в котором можно установить значения 5 параметров roistat_param:
window.onRoistatAllModulesLoaded = function () {
window.roistat.registerOnVisitProcessedCallback(function () {
window.roistat.setRoistatParams(param1, param2, param3, param4, param5);
});
};
Можно пропустить любой из параметров, используя null:
window.onRoistatAllModulesLoaded = function () {
window.roistat.registerOnVisitProcessedCallback(function () {
window.roistat.setRoistatParams(Monday, female, null, null, 27);
});
};
setVisit(visitId)¶
Вручную задать номер визита.
window.onRoistatModuleLoaded = function () {
window.roistat.setVisit(123456);
};
Дополнительные методы¶
Roistat добавляет набор методов и атрибутов в объект window, которые позволяют управлять функциями Roistat на странице.
Метод / атрибут | Возвращаемый тип | Описание |
---|---|---|
window.roistat.setCallTrackingManualMode() | void | перевести Коллтрекинг в ручной режим |
window.roistatCallTrackingRefresh() | void | запрашивает номера для коллтрекинга |
window.roistatCalltrackingScripts | void | включает определенные сценарии Коллтрекинга на странице |
window.roistatLeadHunterShow() | void | показывает форму Ловца лидов на странице |
window.roistatMetrikaCounterId | string | ID счетчика Яндекс.Метрики, который прописан в интеграции Roistat |
window.roistatMultiwidgetShow | void | вызывает кнопку Мультивиджета |
window.roistatOnlineChatShow() | void | показывает окно онлайн-чата |
window.setRoistatOnlineChatCustomParams() | object | устанавливает дополнительные параметры чата и передает их в интерфейс операторского приложения |
window.roistatPromoCodeRefresh() | void | обновляет значение промокода Roistat в элементе .roistat-promo |
window.registerOnCalltrackingPhoneReceivedCallback | function() | колбэк, который вызывается после того, как от сервера получены телефоны для отображения на странице |
window.roistat.setCallTrackingManualMode()¶
Переключает Коллтрекинг в ручной режим. В этом режиме номера коллтрекинга на странице не будут отображаться автоматически.
window.onRoistatModuleLoaded = function () {
window.roistat.setCallTrackingManualMode();
};
window.roistatCallTrackingRefresh()¶
Запрашивает номера для коллтрекинга.
window.onRoistatModuleLoaded = function () {
window.roistat.setCallTrackingManualMode(); //Включаем ручной режим коллтрекинга
document.getElementById("button").onclick = function() {
window.roistatCallTrackingRefresh(); //Получаем и обновляем номера
};
};
window.roistatCalltrackingScripts¶
Включает определенные сценарии Коллтрекинга на странице. При этом другие сценарии не будут работать на этой странице.
<script>window.roistatCalltrackingScripts = [N]; </script>
N
– номер сценария. Можно указать несколько номеров через запятую. Номер сценария можно найти в настройках сценария справа от его названия.
window.roistatLeadHunterShow()¶
Показывает форму Ловца лидов на странице.
window.onRoistatAllModulesLoaded = function () {
document.getElementById("button").onclick = function() {
window.roistatLeadHunterShow();
};
};
window.roistatMetrikaCounterId¶
ID счетчика Яндекс.Метрики, который прописан в интеграции Roistat.
window.onRoistatModuleLoaded = function () {
console.log("ID cчетчика Метрики из интеграции Roistat: " + window.roistatMetrikaCounterId);
};
window.roistatMultiwidgetShow¶
Вызывает кнопку Мультивиджета.
window.onRoistatAllModulesLoaded = function () {
document.getElementById("button").onclick = function() {
window.roistatMultiwidgetShow();
};
};
window.roistatOnlineChatShow()¶
Показывает окно онлайн-чата.
window.onRoistatAllModulesLoaded = function () {
document.getElementById("button").onclick = function() {
window.roistatOnlineChatShow();
};
};
window.setRoistatOnlineChatCustomParams()¶
Позволяет задать дополнительные параметры чата, которые будут отображаться в интерфейсе операторского приложения.
window.onRoistatAllModulesLoaded = function() {
window.setRoistatOnlineChatCustomParams({
parameter_name: "parameter_value"
});
};
window.roistatPromoCodeRefresh()¶
Обновляет значение промокода Roistat в элементе .roistat-promo.
window.onRoistatAllModulesLoaded = function () {
document.getElementById("button").onclick = function() {
window.roistatPromoCodeRefresh();
};
};
window.registerOnCalltrackingPhoneReceivedCallback¶
Колбэк, который вызывается после того, как от сервера получены телефоны для отображения на странице.
window.onRoistatAllModulesLoaded = function () {
window.roistat.registerOnCalltrackingPhoneReceivedCallback(function() {
console.log("Получен номер для отображения: " + window.roistat.callTracking.phone);
});
};
Колбэки готовности JavaScript SDK¶
Колбэки используются для выполнения функций после загрузки основного или всех модулей счетчика.
Колбэк | Описание |
---|---|
onRoistatModuleLoaded | Колбэк для работы с визитами и включения/выключения дополнительных возможностей |
onRoistatAllModulesLoaded | Колбэк для доступа к функциональности дополнительных возможностей – Коллтрекинга, Email-трекинга, А/Б тестов, Событий |
onRoistatModuleLoaded¶
Вызывается после загрузки основного модуля, до загрузки дополнительных модулей инструментов – Коллтрекинга, Email-трекинга, А/Б тестов, Событий.
Используйте этот колбэк, чтобы повлиять на поведение дополнительных инструментов – например, отключить Коллтрекинг или Email-трекинг на странице.
Внутри этого колбэка специфичные дейcтвия для инструментов недоступны (т.к. они ещё не загрузились). Для управления возможностями дополнительных инструментов используйте колбэк window.onRoistatAllModulesLoaded
.
window.onRoistatModuleLoaded = function () {
window.roistat.emailtracking.enabled = false; // Отключить Email-трекинг
window.roistat.setCallTrackingManualMode(); // Включить ручной режим для отображения номеров Коллтрекинга
};
onRoistatAllModulesLoaded¶
Вызывается после того, как модули инструментов зарегистрировали свои настройки и методы, с которыми можно взаимодействовать.
В этом колбэке доступны все возможности всех инструментов счётчика. После загрузки модулей инструменты начинают выполнять свою работу: отображение телефонов и email-ов, отправку и получение данных аналитики, загрузку чатов и т.п.
Колбэки, которые вызываются после onRoistatAllModulesLoaded
:
- onAfterAppear – вызывается перед появлением формы Ловца лидов;
- onAfterSubmit – вызывается перед отправкой формы Ловца лидов;
- onBeforeAppear – вызывается после появления формы Ловца лидов;
- onBeforeSubmit – вызывается после отправки формы Ловца лидов;
- window.registerOnCalltrackingPhoneReceivedCallback – вызывается после того, как от сервера получены телефоны для отображения на странице;
- window.roistat.registerOnVisitProcessedCallback – вызывается при работе с визитами (методы getSource(), getVisit(), setRoistatParams()).
Вызов колбэка onRoistatAllModulesLoaded необязательно означает полную загрузку данных на сайте. Например, сразу после загрузки модуля Коллтрекинга может быть неизвестен номер телефона, так как от сервера еще не получены номера для коллтрекинга на странице. Как только номера получены, вызывается колбэк registerOnCalltrackingPhoneReceivedCallback, и номер передается на сайт.
Отключить или включить инструмент на этом этапе уже поздно – для включения/выключения инструментов используйте колбэк window.onRoistatModuleLoaded
.
window.onRoistatAllModulesLoaded = function () {
window.roistat.leadHunter.form.autoShowTime = 50; //Показывать Ловец лидов через 50 секунд
window.roistatOnlineChatShow(); //Открыть окно чата
};
*Правообладателем Facebook является запрещенная на территории РФ компания Meta Platforms, признанная судом экстремистской.