Встраивание сайта в iFrame основного сайта клиента — различия между версиями
Строка 7: | Строка 7: | ||
1. Самым простым способом является размещение на основном сайте клиента кнопки '''Авиабилеты online''', которая будет открывать отдельную страницу B2C по поиску перелетов. | 1. Самым простым способом является размещение на основном сайте клиента кнопки '''Авиабилеты online''', которая будет открывать отдельную страницу B2C по поиску перелетов. | ||
− | {{info| Внешний вид сайта можно гибко настроить, для того чтобы он был визуально идентичен основному вашему сайту. Для этого можно воспользоваться упрощенным '''Редактором стилей сайта''' или проработать стили сайта в '''Экспертном режиме'''. | + | {{info| <p style="text-align:justify;">Внешний вид сайта можно гибко настроить, для того чтобы он был визуально идентичен основному вашему сайту. Для этого можно воспользоваться упрощенным '''Редактором стилей сайта''' или проработать стили сайта в '''Экспертном режиме'''.</p>}} |
2. Для того чтобы поиск билетов и их выдача происходила непосредственно на основном агентском сайте, можно использовать iframe интеграцию. Такая интеграция бывает 2 видов: | 2. Для того чтобы поиск билетов и их выдача происходила непосредственно на основном агентском сайте, можно использовать iframe интеграцию. Такая интеграция бывает 2 видов: |
Версия 16:07, 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 и разместите его на хостинге основного сайта; сообщите разработчику 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 не будет загружен.