Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Содержание

Table of Contents

Введение

Виджет — встраиваемый на сайт динамический блок с несколькими «карточками» экскурсий. Легкая установка: готовый код вставляется на сайт партнера, а параметром задается город по которому надо показывать экскурсии. Пользователи перешедшие по ссылке с «карточки» на полное описание экскурсии на сайте Трипстера закрепляются за партнером по cookie в браузере на 1 год.

Вертикальный виджетImage RemovedГоризонтальный виджетImage Removed

Коды виджетов

 

...

languagepy
themeDJango
titleГоризонтальный виджет

...

Table of Contents


Виджет — самый простой и эффективный способ установить партнерскую программу Трипстера к себе на сайт:

  •  Устанавливается добавлением одной строчки в код страницы

  •  Легко настраивается на выдачу экскурсий в определенном городе или стране

  •  Очень хорошо кликается пользователями

Все переходы из виджета мы запоминаем за вами на 90 дней. Вы получаете деньги не только с первого, но и всех последующих заказов пользователей.

Внешний вид

Виджет с карточками экскурсий


...



Виджет со списком экскурсий

С помощью этого виджета удобно показывать:

  • Отобранные вами вручную экскурсии — можно делать подборки как внутри одного города, так и из нескольких городов

  • Одну-две экскурсии для встраивания в середину статьи

  • Длинные списки экскурсий


...

Виджет без экскурсий

Этот тип виджета показывается, если вы передадите в виджет город или страну, в которых у нас нет экскурсий. Например, Эритрею.


...

Куда правильно установить виджет на сайте

Чтобы получить наибольший эффект от партнерской программы:

  • Установите виджет на максимальное число страниц вашего сайта

  • Таргетируйте виджет на контент страницы. Если у вас страница про Барселону – показывайте виджет с экскурсиями в Барселоне.

  • Установите виджет под основным контентом страницы или внутри него. Не ставьте виджет в колонку, это дает в 10 раз меньше заработка 

Вот несколько примеров:

...

Установка виджета

Для того, чтобы установить виджет к себе на сайт вам нужно добавить код виджета в страницы своего сайта. Получить код виджета можно с помощью нашего конструктора виджета в личном кабинете партнерской программы, либо составив код вручную по инструкции ниже.

Код виджета

<div style="margin: 20px 0px;"><script id="tripster-1"

...

src="https://experience.tripster.ru/partner/widget.js?template=

...

horizontal&

...

version=

...

2&partner=TESTPARTNER&city=Paris&order=top&num=3&script_id=tripster-1&width=

...

100%25&height=700"><

...

Образец: http://experience.tripster.ru/about/partners_promo/#widget-horizontal

Code Block
languagepy
themeDJango
titleВертикальный виджет
<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

Параметры кодов виджетов

...

widget_template

...

Вид виджета

horizontal – для горизонтального виджета, показывающего экскурсии в ряд, его удобнее всего ставить в блок с контентом

vertical – вертикальный виджет для колонок на сайте, может показывать несколько экскурсий одна под другой

vertical-slider – вертикальный виджет, который показывает несколько экскурсий, меняя их раз в несколько секунд

...

/script></div>

Как таргетировать виджет

Виджет дает больше всего переходов, когда показывает экскурсии по городу или стране, про которые написано на странице. Идеальная стратегия размещения – добавить контекстный виджет на все страницы сайта.

  • Используйте контекстный виджет, он сам определяет содержимое страницы и показывает самые подходящие экскурсии. Контекстный виджет легко установить сразу на все страницы сайта

  • Тонкая настройка виджета под конкретные страницы

    • По городу. Если содержимое страницы относится к городу, передайте его название в параметре city (подробнее о параметрах – ниже). Например: city=Барселона

    • По стране. Если к стране, используйте параметр country. Например: country=Испания. Если это возможно, параметры city и country стоит использовать вместе: city=Valencia&country=Spain

Чем больше данных о географии вы предоставите, тем более релевантные предложения мы покажем. Например, если вы укажете небольшую французскую деревушку, где нет экскурсий, и страну: city=SmallFrenchVillage&country=France, то мы покажем экскурсии в Париже. Это все равно будет релевантно, так как Париж посещает большинство путешественников, приезжающих во Францию.

Описание параметров

...

Название города латиницей как в

Параметр

Описание

1

partner

ID партнера, узнайте свой в личном кабинете. Обязательно укажите идентификатор, иначе мы не сможем учесть ваши заказы.

4

city или

iata или

geonames_id

2

version

2

3

Параметры выбора города

city – Название города на английском или русском (написание по Wikipedia, например: Берлин, Berlin). Также можно использовать часть URL страниц городов на Трипстере: http://experience.tripster.ru/experience/Saint_Petersburg/

IATA

country – Название страны на английском или русском (пример: France, Франция)

iata – IATA-код города

geonames_idID города по

базе geonames

базе geonames.org

5widthШирина виджета, можно указать число в пикселях или процентах, например: 100%6heightВысота виджета, можно указать число в пикселях7

, его удобно использовать, если вы уже используете эту БД на своем сайте

Можно использовать несколько параметров одновременно, например, город и страну. Виджет подберет наиболее подходящие экскурсии. Если же мы не найдем экскурсий по запрошенному направлению, то покажем виджет с общей идеей необычных экскурсий от местных жителей – это тоже дает существенные переходы и заказы.

4

num

Количество отображаемых в виджете экскурсий

8

, мы рекомендуем показывать 3 экскурсии

5

order

Сортировка списка экскурсий:

top — самые популярные по рейтингу, показываются статично, пока другие экскурсии не займут лучшие позиции

random — все экскурсии в городе в случайном порядке, с большей вероятностью будут показаны самые популярные

9
6

label

С помощью этого параметра можно отслеживать, с какого именно виджета идут переходы и заказы.

Может

Эти данные в дальнейшем видны в детализации по заказам в партнерском кабинете.

Поле может содержать только символы "a-zA-Z0-9" и знаки "-_". Например, если у вас на странице два виджета, один в

контентном блоке

середине статьи, а другой

в колонке

внизу, то сделайте им лейблы

after-content и column.10script_id

ВАЖНО:

– если вы устанавливаете несколько виджетов на страницу, сделаейте им разные <script id="">. script_id в ссылке

– при этом параметр script_id в ссылке элемента <script> должен совпадать с атрибутом id в элементе <script>

11bg_color(Опционально) Цвет фона виджета. RGB значение, например bg_color=255,255,255 Если не указано, цвет белый.
Info

Если виджет устанавливается для небольшого числа городов, то идентификатор города проще скопировать из URL страницы, например experience.tripster.ru/experience/Saint_Petersburg/, Если городов много, то их корректные идентификаторы можно находить через API поиска города с экскурсиями.

 

middle и bottom. Если ставите виджеты в разные статьи, то можете передать в label их идентификатор на вашем сайте или название латиницей, например "chto-delat-v-amsterdame"

7

template

horizontal – Показывает экскурсии “плиткой”.

horizontal-list –Показывает экскурсии списком

8

mobile

Мобильное представление:

  • большие карточки "mobile": { // Вид мобильного виджета "grid" // Карточки }

  • маленькие карточки "mobile": { // Вид мобильного виджета "list" // список }

9

features

"features": "logo" // Показывать логотип
"features": "notitle" // Скрывать заголовок "Многодневные туры по Турции"
"features": "nolistbutton" // Скрывать кнопку "Посмотреть все"
"features": "price" // Показывать цену

10

(tick) widgetbar 

widgetbar_delay

полоска наверху страницы, выглядит вот так

true – включает полоску, показывается через 10 секунд после пребывания на странице

(опционально) установка времени, через которое будет показываться полоска от 10 секунд до 60 секунд. Например, widgetbar_delay=30

11

(tick) experiences

параметр позволяет выбирать экскурсии по ID, указываются через запятую

Например, experiences=4471,5655,2588