Встраивание сайта в iFrame основного сайта клиента

Материал из Mid Office Manager Help
Перейти к: навигация, поиск


Платформа B2C — это отдельный автономный проект, размещенный на поддомене основного сайта клиента.

Существует несколько вариантов взаимодействия клиентского сайта с B2C решением:

1. Самым простым и надежным способом является размещение на основном сайте клиента кнопки Авиабилеты online, которая будет открывать отдельную страницу B2C по поиску перелетов. Рекомендуем использовать именно этот вариант.

Info.png Внешний вид сайта можно гибко настроить, для того чтобы он был визуально идентичен основному вашему сайту. Для этого можно воспользоваться упрощенным Редактором стилей сайта или проработать стили сайта в Экспертном режиме.

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 на хостинге основного сайта;

  • сообщите разработчику 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).

Личные инструменты
Пространства имён

Варианты
Действия
Навигация
Печать/экспорт
Инструменты