Встраивание сайта в iFrame основного сайта клиента — различия между версиями

Версия 18:19, 30 июля 2018

Платформа 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')

</script>

где

• 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).