Виджет Unitiki

На нашем сайте доступен виджет для простой и быстрой интеграции с Unitiki. Виджет предоставляет возможность за несколько минут установить на сайт полнофункциональный блок для поиска автобусных рейсов. Ниже Вы можете посмотреть различные примеры подключения виджета.

Быстрый старт

Необходимые библиотеки

Для работы виджета, Вам необходимо подключить библиотеку jQuery версии 1.7 или выше (если она у Вас не была подключена до этого) и библиотеку виджета на странице Вашего сайта, как показано ниже:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.0.min.js"></script>
<script type="text/javascript" src="//widget.unitiki.com/widget.js"></script>

Html-код виджета

Определитесь с местоположением виджета на странице Вашего сайта и вставьте html-код в соответствующее место:

<div class="widget-unitiki"></div>

Инициализация виджета

Для инициализации виджета Вам необходимо разместить следующий javascript-код на странице Вашего сайта:

<script type="text/javascript">    jQuery(function(){
        jQuery('.widget-unitiki').unitikiWidgetRideSearch();
    });</script>

Инициализация виджета с указанием идентификатора партнера

При инцииализации виджета возможно указание параметра reference в котором должен находиться домен(без http/https) с которого осуществляется переход:

<script type="text/javascript">    jQuery(function(){
        jQuery('.widget-unitiki').unitikiWidgetRideSearch({
            reference: 'mysite.ru'
        });
    });</script>

Параметры

При инициализации виджета, возможно указание следующих параметров:

widthSuggest число Ширина выпадающего списка городов в пикселяъ. Может быть равен 'auto', при этом саджест будет по ширине поля ввода города. По умолчанию: 450
minCharsSearchCity число Минимальное количество символов при котором начинается поиск города. По умолчанию: 0
noSuggestionNotice строка Сообщение в выпадающем списке, если город не найден. По умолчанию: 'Город не найден'
reference строка Референс. По умолчанию: текущий домен
logo число Вариант логотипа: false - без логотипа, 1 - логотип + текст, 2 - текст, 3 - логотип. По умолчанию: 1
orientation строка Ориентация виджета. Может быть горизонтальный (значение 'horizontal') и вертикальный (значение 'vertical'). Если значение равно 'auto' и блок в который помещен виджет не фиксированной длины, то виджет будет адаптивным. Задается в пикселях. По умолчанию: 'auto'
widthOrientationAuto число Если значение параметра orientation равно 'auto', то при достижении блока равной ширине данного параметра виджет переключается с горизонтального вида на вертикальный и обратно. По умолчанию: 799
showWidgetLoader логическое выражение Показывать ли лоадер виджета. Варианты логического выражения: true - показывать лоадер или false - не показывать лоадер. По умолчанию: true
heightWidgetLoader число Высота лоадера виджета в пикселях.

Примеры подключения виджета

Без логотипа Unitiki

Автоматическая ориентация формы без логотипа

html-тэг виджета:
<div class="widget-unitiki"></div>
Javascript-код активации виджета:
<script type="text/javascript">    jQuery(function(){
        jQuery('.widget-unitiki').unitikiWidgetRideSearch({
            orientation: 'auto',
            logo: false,
        });
    });</script>

Жестко заданная ширина виджета > 799px без логотипа

Если ширину указать более 799px виджет будет отрисован в горизонтальной ориентации:

html-тэг виджета:
<div style="width: 800px" class="widget-unitiki"></div>
Javascript-код активации виджета:
<script type="text/javascript">    jQuery(function(){
        jQuery('.widget-unitiki').unitikiWidgetRideSearch({
            logo: false,
        });
    });</script>

Жестко заданная ширина виджета < 799px без логотипа

Если ширину указать менее 799px виджет будет отрисован в вертикальной ориентации:

html-тэг виджета:
<div style="width: 300px" class="widget-unitiki"></div>
Javascript-код активации виджета:
<script type="text/javascript">    jQuery(function(){
        jQuery('.widget-unitiki').unitikiWidgetRideSearch({
            logo: false,
        });
    });</script>

Виджет с полным логотипом Unitiki

Автоматическая ориентация формы с полным логотипом

html-тэг виджета:
<div class="widget-unitiki"></div>
Javascript-код активации виджета:
<script type="text/javascript">    jQuery(function(){
        jQuery('.widget-unitiki').unitikiWidgetRideSearch({
            orientation: 'auto',
            logo: 1,
        });
    });</script>

Жестко заданная ширина виджета > 799px с полным логотипом

Если ширину указать более 799px виджет будет отрисован в горизонтальной ориентации:

html-тэг виджета:
<div style="width: 800px" class="widget-unitiki"></div>
Javascript-код активации виджета:
<script type="text/javascript">    jQuery(function(){
        jQuery('.widget-unitiki').unitikiWidgetRideSearch({
            logo: 1,
        });
    });</script>

Жестко заданная ширина виджета < 799px с полным логотипом

Если ширину указать менее 799px виджет будет отрисован в вертикальной ориентации:

html-тэг виджета:
<div style="width: 300px" class="widget-unitiki"></div>
Javascript-код активации виджета:
<script type="text/javascript">    jQuery(function(){
        jQuery('.widget-unitiki').unitikiWidgetRideSearch({
            logo: 1,
        });
    });</script>

Виджет с текстовым логотипом Unitiki

Автоматическая ориентация формы с текстовым логотипом

html-тэг виджета:
<div class="widget-unitiki"></div>
Javascript-код активации виджета:
<script type="text/javascript">    jQuery(function(){
        jQuery('.widget-unitiki').unitikiWidgetRideSearch({
            logo: 2,
        });
    });</script>

Жестко заданная ширина виджета > 799px с текстовым логотипом

Если ширину указать более 799px виджет будет отрисован в горизонтальной ориентации:

html-тэг виджета:
<div style="width: 800px" class="widget-unitiki"></div>
Javascript-код активации виджета:
<script type="text/javascript">    jQuery(function(){
        jQuery('.widget-unitiki').unitikiWidgetRideSearch({
            logo: 2,
        });
    });</script>

Жестко заданная ширина виджета < 799px с текстовым логотипом

Если ширину указать менее 799px виджет будет отрисован в вертикальной ориентации:

html-тэг виджета:
<div style="width: 300px" class="widget-unitiki"></div>
Javascript-код активации виджета:
<script type="text/javascript">    jQuery(function(){
        jQuery('.widget-unitiki').unitikiWidgetRideSearch({
            logo: 2,
        });
    });</script>

Виджет с графическим логотипом Unitiki

Автоматическая ориентация формы с графическим логотипом

html-тэг виджета:
<div class="widget-unitiki"></div>
Javascript-код активации виджета:
<script type="text/javascript">    jQuery(function(){
        jQuery('.widget-unitiki').unitikiWidgetRideSearch({
            orientation: 'auto',
            logo: 3,
        });
    });</script>

Жестко заданная ширина виджета > 799px с графическим логотипом

Если ширину указать более 799px виджет будет отрисован в горизонтальной ориентации:

html-тэг виджета:
<div style="width: 800px" class="widget-unitiki"></div>
Javascript-код активации виджета:
<script type="text/javascript">    jQuery(function(){
        jQuery('.widget-unitiki').unitikiWidgetRideSearch({
            logo: 3,
        });
    });</script>

Жестко заданная ширина виджета < 799px с графическим логотипом

Если ширину указать менее 799px виджет будет отрисован в вертикальной ориентации:

html-тэг виджета:
<div style="width: 300px" class="widget-unitiki"></div>
Javascript-код активации виджета:
<script type="text/javascript">    jQuery(function(){
        jQuery('.widget-unitiki').unitikiWidgetRideSearch({
            logo: 3,
        });
    });</script>

Договоры

Договор-оферта

Часто задаваемые вопросы Условия возврата Безопасность платежей Политика обработки персональных данных Пользовательское соглашение