Дополнительные возможности скрипта Callibri

Вызов МультиЧата по якорю

Якорь — это инструмент для целевого направления пользователя в нужное место веб-страницы. 

Якоря можно применять для вызова вкладок МультиЧата сразу при переходе на нужную страницу сайта. 

Для этого перед скриптом Callibri необходимо добавить следующий код (он позволяет скрипту отслеживать переход по якорю как клик по ссылке): 
<script>
var openWidgetHash = function() {
    if (document.location.hash)
        try { $(document.location.hash).length > 0 && $(document.location.hash).data("callibri_outside_action") && $(document.location.hash).click() }
    catch (e) {}
};
var callibri_onLoadCallback = function() {
    window.addEventListener("hashchange", openWidgetHash, false);
    openWidgetHash();
};
</script>
Далее перейдите в раздел Настройки МультиЧата — таб ЧатРасширенные настройки, и задайте якорь в поле «Открывать по клику на элемент сайта». Якорь должен начинаться с знака "#".
tab.png
tab.png 276.73 KB

После этого добавьте якорь к URL страницы, на которой необходимо автоматически открывать МультиЧат. Якорь размещается в конце ссылки на сайт, после знака "#", например: https://callibri.ru/#widget_test

Вызов МультиЧата с сообщением в форме заявки 

Вы можете автоматически открывать на сайте вкладку Заявка с заранее подготовленным текстом. Это позволит упростить обращение клиента, ему останется только заполнить свои данные (имя, телефон, почту) и сразу отправить заявку. Прописать готовый текст в заявке вы можете, добавив этот тег в код перед скриптом Callibri:
<div id="kt_test" data-callibri-message="Хочу заказать тест МультиТрекинга бесплатно на 5 дней."></div>
Чтобы найти id, который нужно прописать в коде выше, нажмите правой клавишей мыши на кнопку на сайте, по которой должна открываться форма заявки. Далее нажмите «посмотреть код» или «исследовать элемент» в зависимости от используемого вами браузера:
  • В Chrome: клик правой кнопкой — просмотр кода страницы. 
  • В Opera и Firefox — Ctrl+Shift+K. 
  • В Internet Explorer — F12 и стрелочка в правом верхнем углу. 
  • В Safari — включите отображение меню «Разработка» в настройках браузера, клик правой кнопкой по номеру — проверить объект. 
В браузере откроется консоль с кодом сайта, фокус будет установлен на коде кнопки. В строчке кода будет часть с id=”...”, где … — это требуемый id.

После этого перейдите в Настройки МультиЧата, вкладка ЗаявкаРасширенные настройки. В этом блоке нужно нажать +, вставить идентификатор для вызова и нажать на галочку. Сохраните изменения.
test.png
test.png 169.32 KB

В качестве идентификатора подойдет уникальный class или id. В нашем примере это #kt_test.

После перехода по ссылке, МультиЧат откроется сразу на заполненной заявке.
Разберем каждый атрибут подробно:

id="kt_test"
— значение идентификатора в кавычках может быть написано буквами на латинице, цифрами и знаками. Должно начинаться с буквы. Обычно такие якоря используют для автоматического скролла к нужному блоку сайта. В данном случае блока с таким id на сайте не будет и сайт откроется без автоматической прокрутки. Но виджет откроется так, как будто элемент с id есть и по нему кликнули. Это и есть #якорь, который будет прописан в конце ссылки. Подробнее о #якорях читайте в начале этой страницы.

data-callibri-message="Хочу заказать тест коллтрекинга бесплатно на 5 дней" — значение этого атрибута — сообщение в свободной форме. Этим текстом будет заполнено поле «Сообщение» в заявке МультиЧата. Это позволит клиенту отправить заявку, не объясняя свои задачи. Например, на страницах с разными товарами вы можете сделать разные тексты, которые соответствуют контенту страницы. 

Разные маски номеров для разных городов 

Эта функция пригодится, если на вашем сайте нужно подменить два номера, но у них разные маски: у одного номера в префиксе код города состоит из 4-х цифр (ХХХХ), а в другом номере в префиксе код города состоит из 3-х цифр (ХХХ). 

В этом случае необходимо добавить этот код перед скриптом Callibri на страницах, где необходима замена в разных форматах:
<script>
callibri_numbers_format = {
'3952': "+7 #{XXXX} #{XX}-#{XX}-#{XX}"
}
</script>
При отображении подменного номера с указанным префиксом маска замены номера будет взята из этого объекта, а не из настроек сайта.

Скрыть МультиЧат на конкретной странице

Добавьте этот тег до скрипта Callibri на страницах, где нужно скрыть МультиЧат:
<script>document.cookie = "callibri_nowidget=true; path=" + document.location.pathname + "; ";</script>

Скрыть Обратный звонок на конкретной странице 

Добавьте этот тег до скрипта Callibri на страницах, где нужно скрыть Обратный звонок:
<script>document.cookie = "callback_nowidget=true; path=" + document.location.pathname + "; ";</script>

Скрипт Callibri с отложенным запуском

Эти варианты скриптов применяются при нестандартных задачах и в случаях, если с обычным универсальным скриптом не работает подмена номера или перехватчик форм.

Вариант, работающий на WIX:
<script src="//cdn.callibri.ru/callibri.js" type="text/javascript" charset="utf-8"></script>
<script>callibri_wait(window, null, function(){ document.body.dataset.jsLoaded == true}, 10, 250, callibriInit);</script>
Вариант с атрибутом defer. Применяется, если какой-то контент сайта загружается другим скриптом, который выполняется раньше нашего скрипта. Это атрибут позволит поставить наш скрипт в последнюю очередь исполнения.
<script src="//cdn.callibri.ru/callibri.js" type="text/javascript" charset="utf-8" defer></script>
Скрипт для подмены после функции отрисовки номера. Применяется, если контент сайта меняется после какого-то действия клиента на сайте и из-за этих изменений не подменяется номер, либо не работает перехватчик. В этом случае нужно повторно инициировать наш скрипт. Это можно сделать при вызове этой функции.

Нужно открыть консоль и ввести “callibriInit()” и нажать Enter. Если появится сообщения “undefined”, а на странице номер подменится, значит такой скрипт поможет. Нужно разместить следующую функцию после отрисовки номера. Как правило, это внутренний js-файл (точно не в html код).
<script>
$(function() {
 callibriInit()
});
</script>

Открытие квиза сразу после загрузки страницы

Вы можете настроить автоматическое открытие квиза сразу после загрузки страницы. Для этого добавьте в код страницы следующий фрагмент:
<script>
function callibri_onLoadQuiz() {
  callibriInitQuiz(id);
}
</script>
Вместо id нужно подставить id квиза, который требуется открыть.

Важно! Технически квиз — это поп-ап окно, которое открывается на весь экран. Некоторые поисковые и рекламные системы могут применять санкции к сайтам, на которых сразу после загрузки страницы открывается полноэкранный поп-ап. Пожалуйста, учитывайте этот риск при использовании указанного механизма запуска квиза.
Не нашли решение проблемы? Обратитесь в техподдержку, мы поможем