Как установить скрипт Tech-решений на ваш сайт

1. Перейдите в личный кабинет Travelpayouts и откройте вкладку Tech-решения.

2. В верхней части страницы выберите проект, где хотите установить скрипт.
Примечание: Будут показаны только проекты, у которых есть сайты.

Если у вас ещё нет проекта, создайте его в личном кабинете Travelpayouts с помощью этой инструкции. 

3. Пройдите шаги 1-3, чтобы открыть страницу Установите скрипт. Вы можете активировать LinkSwitcher и Booking Booster на шаге 2, они не начнут работать, пока вы не поставите скрипт на своём сайте. Если вы не включили инструменты, обязательно вернитесь к этому шагу после установки скрипта, чтобы активировать их.

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

Установка через WordPress

  1. Откройте панель администратора WordPress на вашем сайте. В левой панели нажмите Плагины, а затем нажмите Добавить новый.
  2. Введите "Head & Footer Code" в поисковую строку.
  3. Найдите нужный плагин (такой же, как на картинке ниже) и нажмите кнопку Установить. Этот плагин поможет вам применить скрипт на каждой странице вашего блога.
  4. После завершения установки, нажмите Активировать.
  5. Далее в левой панели нажмите Плагины, а затем - Установленные плагины. Найдите "Head & Footer Code" в списке и откройте его Настройки.
  6. Вернитесь на вкладку Tech-решения в вашем аккаунте Travelpayouts и скопируйте код скрипта.

    Обратите внимание, что для каждого проекта скрипт уникален. Если вы планируете использовать Tech-решения на нескольких проектах, осуществляйте установку отдельно для каждого из них.
  7. Вставьте код в плагин Head & Footer в раздел под названием HEAD Сode.
  8. Нажмите Сохранить изменения в нижней части страницы.
  9. Обязательно сбросьте кэш на вашем WordPress сайте, чтобы скрипт заработал.
  10. Если вы используете WP Rocket или другой плагин, который кэширует js-скрипты, добавьте скрипт Tech-решений в список исключений.
  11. Вернитесь в Личный кабинет Travelpayouts. При необходимости убедитесь, что LinkSwitcher и Booking Booster включены для выбранного проекта.
  12. Больше про решения читайте здесь:

Установка через Google Tag Manager

Использование Google Tag Manager (GTM) — это продвинутый способ установки скриптов на сайт. Этот метод полезен для управления несколькими скриптами из одного интерфейса, но он имеет свои нюансы, такие как риск блокировки адблокерами и замедление загрузки страницы. Рекомендуем использовать этот способ только в том случае, если вы уже знакомы с работой GTM.

  1. Убедитесь, что у вас есть аккаунт в Google Tag Manager и создан контейнер для вашего сайта. Если нет — следуйте инструкциям в официальной документации Google, чтобы выполнить эти шаги.
  2. Установите созданный контейнер на сайт, где вы планируете использовать Tech-решения. Используйте инструкции, описанные здесь.
  3. Откройте созданный контейнер в личном кабинете Google Tag Manager и добавьте новый тег. Вы можете узнать больше в документации от Google.
  4. Выберите Пользовательский HTML как тип тега в меню Конфигурации тега.
  5. Вернитесь на вкладку Tech-решения в вашем аккаунте Travelpayouts и скопируйте код скрипта.

    Обратите внимание, что для каждого проекта скрипт уникален. Если вы планируете использовать Tech-решения на нескольких проектах, осуществляйте установку отдельно для каждого из них.
  6. Вставьте код в поле HTML.
  7. Выберите All Pages в разделе триггеры.
  8. Сохраните настройки. 
  9. Нажмите Отправить в верхней части экрана и опубликуйте изменения.
  10. Вернитесь в Личный кабинет Travelpayouts. При необходимости убедитесь, что LinkSwitcher и Booking Booster включены для выбранного проекта.
  11. Больше про решения читайте здесь:

Добавление кода скрипта вручную

  1. Откройте страницу Tech-решения в вашем аккаунте Travelpayouts и скопируйте код скрипта.

    Обратите внимание, что для каждого проекта скрипт уникален. Если вы планируете использовать Tech-решения на нескольких проектах, осуществляйте установку отдельно для каждого из них.
  2. Вставьте код в тег '<head>' на всех своих страницах. Если у вас есть отдельный HTML-файл, содержащий тег head, просто вставьте код туда.
  3. Вернитесь в Личный кабинет Travelpayouts. При необходимости убедитесь, что LinkSwitcher и Booking Booster включены для выбранного проекта.
  4. Больше про решения читайте здесь:

WP Rocket plugin: Как добавить Tech-решения в список исключений

Если вы используете WP Rocket плагин, вам нужно добавить скрипт Tech-решений в список исключений. Мы добавили подробные инструкции ниже. Если вы используете какие-либо другие плагины, которые кэшируют js-скрипты, обратитесь в нашу службу поддержки.

  1. Откройте настройки WP Rocket плагина.
  2. Перейдите на вкладку File Optimization.
  3. Если в разделе Javascript Files у вас не активированы настройки, вам не нужно ничего делать. Если галочки всё же стоят, перейдите к пункту 4 ниже.
  4. Скопируйте код скрипта из личного кабинета Travelpayouts.
  5. Из кода возьмите только домен. Вы найдёте его здесь:
  6. Вставьте домен во все поля Excluded JavaScript Files:
  7. Нажмите Save changes.

После установки

После того как вы успешно установите скрипт на свой сайт, страница Tech-решения изменит свой вид. На ней останутся только вкладки с настройками инструментов.

Если вы видите бейдж Работает — это означает, что скрипт успешно запустился и работает на вашем сайте. Если же вы видите бейдж Включён — это значит, что либо вы пока не установили скрипт на сайте, либо установили, но пока на сайте не было активности пользователей. Зайдите на свой сайт и прогрузите пару страниц, чтобы скрипт заработал.

Где найти код скрипта после установки?

Если вы уже установили скрипт на своем сайте, вы можете проверить и скопировать код скрипта.

  1. Откройте страницу Tech-решения в вашем аккаунте Travelpayouts.
  2. Выберите проект, в котором установлен скрипт.
  3. Нажмите на кнопку скрипта на странице Booking Booster или LinkSwitcher.
  4. Проверьте код скрипта в всплывающем окне.

Я уже установил скрипт на одном сайте, как я могу установить его на другом?

Если вы также установили скрипт на одном из ваших проектов и теперь хотите использовать Tech-Solutions на другом сайте, пожалуйста, имейте в виду следующее:

  • Код скрипта уникален для каждого сайта, что означает, что вы не можете скопировать тот же скрипт, который вы уже использовали ранее на другом сайте.
  • Вам нужно открыть страницу Tech-Solutions в вашем аккаунте Travelpayouts и выбрать проект, который вы создали для URL нового сайта. Нажмите кнопку Получить скрипт.
  • Скопируйте код скрипта и установите его на вашем сайте, используя один из вариантов, упомянутых в этой статье. Вы можете активировать инструменты уже на этом этапе.