Содержание
Введение
Виджет — встраиваемый на сайт динамический блок с несколькими «карточками» экскурсий. Легкая установка: готовый код вставляется на сайт партнера, а параметром задается город по которому надо показывать экскурсии. Пользователи перешедшие по ссылке с «карточки» на полное описание экскурсии на сайте Трипстера закрепляются за партнером по cookie в браузере на 1 год.
Коды виджетов
<script id="tripster-1" src="https://experience.tripster.ru/partner/?template=loader&widget_template=horizontal&partner=TESTPARTNER&city=Paris&order=top&num=3&script_id=tripster-1&width=100%&height=700"></script>
Образец: http://experience.tripster.ru/about/partners_promo/#widget-horizontal
<script id="tripster-2" src="https://experience.tripster.ru/partner/?template=loader&widget_template=vertical&partner=TESTPARTNER&city=Barcelona&order=top&num=3&script_id=tripster-2&width=240"></script>
Образцы: http://experience.tripster.ru/about/partners_promo/#widget-vertical
Параметры кодов виджетов
Параметр | Описание | |
---|---|---|
1 | template | (Всегда) loader |
2 | widget_template | Вид виджета horizontal – для горизонтального виджета, показывающего экскурсии в ряд, его удобнее всего ставить в блок с контентом vertical – вертикальный виджет для колонок на сайте, может показывать несколько экскурсий одна под другой vertical-slider – вертикальный виджет, который показывает несколько экскурсий, меняя их раз в несколько секунд |
3 | partner | ID партнера, узнайте свой в личном кабинете. Обязательно укажите идентификатор, иначе мы не сможем учесть ваши заказы. |
4 | city или iata или geonames_id | Название города латиницей как в URL страниц городов на Трипстере: http://experience.tripster.ru/experience/Saint_Petersburg/ IATA-код города ID города по базе geonames.org |
5 | width | Ширина виджета, можно указать число в пикселях или процентах, например: 100% |
6 | height | Высота виджета, можно указать число в пикселях |
7 | num | Количество отображаемых в виджете экскурсий |
8 | order | Сортировка списка экскурсий:
|
9 | label | С помощью этого параметра можно отслеживать, с какого именно виджета идут переходы и заказы. Может содержать только "a-zA-Z0-9" и знаки "-_". Например, если у вас на странице два виджета, один в контентном блоке, а другой в колонке, сделайте им лейблы after-content и column. |
10 | script_id | ВАЖНО: – если вы устанавливаете несколько виджетов на страницу, сделаейте им разные <script id="">. script_id в ссылке – при этом параметр script_id в ссылке элемента <script> должен совпадать с атрибутом id в элементе <script> |
11 | bg_color | (Опционально) Цвет фона виджета. RGB значение, например bg_color=255,255,255 Если не указано, цвет белый. |
Если виджет устанавливается для небольшого числа городов, то идентификатор города проще скопировать из URL страницы, например experience.tripster.ru/experience/Saint_Petersburg/, Если городов много, то их корректные идентификаторы можно находить через API поиска города с экскурсиями.