Поп-ап и виджет-бар для перенаправления трафика

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

Скрипт позволяет отобразить на вашем сайте поп-ап и/или виджет-бар с партнёрской ссылкой на лендинг.

Пример поп-апа на сайте партнёра:Поп-ап для промо путешествий по России на сайте или в блоге

Пример виджет-бара на сайте партнёра (полоса внизу страницы с кнопкой «Выбрать поездку мечты»): Виджет-бар для промо путешествий по России на сайте или в блоге

Чтобы установить поп-ап и виджет-бар, разместите следующий скрипт в коде сайта перед закрывающим тегом </head>:

<script async="" src="https://tpo.gy/spring2.js?banner=xxx&marker=xxx&popup=xxx&popupDelay=&&&" type="text/javascript"></script>

В настройках скрипта вам доступны следующие параметры:

  • marker — ваш партнёрский маркер в Travelpayouts. Вместе с маркером вы можете указать sub ID. Обратите внимание, все действия, сделанные после перехода с баннера, помечаются sub ID $26, с поп-апа — $27. Это никак не влияет на ваш sub ID, просто добавляется к нему через точку.
  • banner — укажите true, чтобы показать виджет-бар внизу страницы, или false, чтобы не показывать;
  • popup — укажите true, чтобы показать поп-апа в центре страницы, или false, чтобы не показывать;
  • popupDelay — задержка в секундах перед показом поп-апа.

Пример скрипта с заполненными параметрами:

<script async="" src="https://tpo.gy/spring2.js?banner=true&marker=1234&popup=true&popupDelay=10" type="text/javascript"></script>

Вы можете посмотреть, как работает скрипт, без установки на ваш сайт. Для этого откройте консоль разработчика на любом сайте, вставьте в неё код, расположенный ниже, и нажмите Enter. Не забудьте подставить в параметры ваш ID и заполните другие параметры.

var script = document.createElement('script');
script.onload = function() {
  alert("Script loaded and ready");
};
script.src = 
"https://tpo.gy/spring2.js?banner=xxx&marker=xxx&popup=xxx&popupDelay=&&&";
document.getElementsByTagName('head')[0].appendChild(script);