Дополнительные возможности скрипта 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>
Далее перейдите в раздел Настройки МультиЧата — таб ЧатРасширенные настройки, и задайте #якорь в поле «Открывать по клику на элемент сайта».
Задать #якорь в настройках Callibri
Задать #якорь в настройках Callibri

После этого добавьте #якорь к 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.

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

В качестве идентификатора подойдет уникальный 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 с отложенным запуском

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

Вариант, работающий на 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_onLoadCallback() {
  callibriInitQuiz(id);
}
</script>
Вместо id нужно подставить id квиза, который требуется открыть.

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