Встраивание сайта в iFrame основного сайта клиента
Платформа B2C — это отдельный автономный проект, размещенный на поддомене основного сайта клиента.
Существует несколько вариантов взаимодействия клиентского сайта с B2C решением:
1. Самым простым и надежным способом является размещение на основном сайте клиента кнопки Авиабилеты online, которая будет открывать отдельную страницу B2C по поиску перелетов. Рекомендуем использовать именно этот вариант.
![]() |
Внешний вид сайта можно гибко настроить, для того чтобы он был визуально идентичен основному вашему сайту. Для этого можно воспользоваться упрощенным Редактором стилей сайта или проработать стили сайта в Экспертном режиме. |
2. Для того чтобы поиск билетов и их выдача происходила непосредственно на основном агентском сайте, можно использовать iframe интеграцию. Такая интеграция бывает 2 видов:
2.1. iFrame с фиксированным параметром высоты
Для встраивания во фрейм основного сайта разместите данный код и измените перечисленные ниже параметры:
<iframe id="iframe" name="iframe" src="адрес_b2c" width="100%" height="1000px" scrolling="auto" frameborder="0">
К сожалению, ваш браузер не поддерживает iframes. Попробуйте: перезагрузить страницу, предоставить доступ данному сайту к использованию iframes в настройках браузера, обновить данный браузер или использовать другое решение для просмотра web страниц.
</iframe>
где
-
src – укажите адрес B2C проекта в формате http:/avia.siteclient.ru/ для встраивания в основной сайт.
-
width – ширина фрейма. По умолчанию указано 100% - заполнение всей ширины страницы, но можно задать фиксированное значение ширины в пикселях (px)/дюймах (in)/ пунктах (pt), например, width="900px".
-
height – высота фрейма. По умолчанию указано значение 1000px, но можно указать фиксированное значение: в процентах (%)/ дюймах (in)/ пунктах (pt), например, height="750px".
-
Текст при ошибке воспроизведения фрейма – текст сообщения в браузере, если iframe не будет загружен.
2.2. IFrame c автоматически рассчитанной высотой под его содержимое
Данная форма встраивания предполагает выполнение следующих требований:
- B2C сайт должен быть размещен на поддомене домена основного сайта. Пример: http:/siteclient.ru/ → http:/avia.siteclient.ru/, где avia.siteclient.ru - поддомен B2C домена основного сайта siteclient.ru.
- Для того, чтобы форма имела возможность удлиняться, блоки под ней должны быть абсолютно позициронированные, а материнские контейнеры не должны иметь фиксированную высоту.
Для встраивания во фрейм основного сайта
-
скачайте iframe.js файл: http://download.gridnine.com/xtrip/misc/iframe.js
-
разместите iframe.js на хостинге основного сайта;
-
сообщите разработчику B2C о выборе адаптируемого варианта iframe - для включения соответствующих файлов в сборку B2C на сервере и последующего корректного обновления ее;
- скопируйте данный код и измените перечисленные ниже параметры
<script type="text/javascript"
src="путь_к_данному_файлу/iframe.js">
</script>
<style>iframe{width: 1px;min-width: 100%;}</style>
<iframe id="myIframe" src="адрес_b2c" scrolling="no">
К сожалению, ваш браузер не поддерживает iframes. Попробуйте: перезагрузить страницу, предоставить доступ данному сайту к использованию iframes в настройках браузера, обновить данный браузер или использовать другое решение для просмотра web страниц.
</iframe>
<script>iFrameResize({ heightCalculationMethod: 'max' }, '#myIframe')
где
- src – директория размещения файла iframe.js. Адрес должен быть указан в формате: http://siteclient.ru/js/iframe.js
-
width – ширина фрейма. По умолчанию указано 100% - заполнение всей ширины страницы, но можно задать фиксированное значение в пикселях (px)/дюймах (in)/ пунктах (pt). Например, width="900px".
-
src – во втором случае укажите адрес поддомена для встраивания в iframe клиентского домена. Адрес должен быть в формате: http://siteclient.ru/
-
Текст при ошибке воспроизведения фрейма – текст сообщения в браузере, если iframe не будет загружен.
Синхронизация локалей основного сайта и сайта B2C
Cуществует возможность синхронизировать локали основного сайта клиента и B2C проекта. Для каждой локали основного сайта необходимо прописать отдельную ссылку с адресом, в котором будет указана конкретная локаль:
src="http://avia.vashsait.ru/?locale=XX#"
locale — язык который сейчас выбран на вашей странице и необходимо показывать на странице B2C (ru, en, ua, az, kz, ge).