Поделитесь этой инструкцией с разработчиком Вашего сайта.
#Установка на сайт
Разместите 2 строки кода встраивания каталога недвижимости перед закрывающим тегом </body> Вашего сайта.
#Код встраивания, если система MACRO установлена на macroserver.ruПереход на внешний сайтhttps://macroserver.ru/
<div class="mcrm-inline-form" data-type="catalog"></div>
<script type="text/javascript">(function (d, w) {var n = d.getElementsByTagName("script")[0], s = d.createElement("script"); s.type = "text/javascript"; s.async = true; s.src = "https://api.macroserver.ru/estate/embedjs/?domain="+window.location.host; n.parentNode.insertBefore(s, n)})(document, window)</script>#Код встраивания, если система MACRO установлена на macro.sbercrm.comПереход на внешний сайтhttps://macro.sbercrm.com
<div class="mcrm-inline-form" data-type="catalog"></div>
<script type="text/javascript">(function (d, w) {var n = d.getElementsByTagName("script")[0], s = d.createElement("script"); s.type = "text/javascript"; s.async = true; s.src = "https://api.macro.sbercrm.com/estate/embedjs/?domain="+window.location.host; n.parentNode.insertBefore(s, n)})(document, window)</script>#Код встраивания, если система MACRO установлена на macroserver.kzПереход на внешний сайтhttps://macroserver.kz
<div class="mcrm-inline-form" data-type="catalog"></div>
<script type="text/javascript">(function (d, w) {var n = d.getElementsByTagName("script")[0], s = d.createElement("script"); s.type = "text/javascript"; s.async = true; s.src = "https://api.macroserver.kz/estate/embedjs/?domain="+window.location.host; n.parentNode.insertBefore(s, n)})(document, window)</script>Установка данного кода подключит каталог недвижимости на сайт и является минимальной конструкцией, которую Вы можете дополнить следующими параметрами:
| Имя параметра | Возможные значения | Описание |
|---|---|---|
| data-autoinit | true или false | Инициализация виджета при запуске страницы с кодом, если требуется быстрая загрузка каталога недвижимости при клике на кнопку |
| data-autoshow | true или false | Инициализация и запуск виджета при запуске страницы с кодом, если требуется сразу запускать виджет при переходе на страницу |
| data-iframemode | true или false | Используйте для принудительной установки виджета в режиме iframe Настройка виджетов «Iframe mode», установленная для домена в системе MACRO, будет игнорироваться |
| data-views | Значения через запятую: facades, floor, bigGrid, smallGrid, plans, objects, description, online, panorama | Список разрешенных видов дома. Если параметр не определен, то разрешены все виды дома |
Пример:
<div
class="mcrm-inline-form"
data-type="catalog"
data-views="floor,bigGrid,smallGrid,plans"
data-autoinit="true"
data-autoshow="false">
/div>#Кнопка запуска каталога
Включите отображение продающей кнопки запуска Вашего каталога. Подробнее в статье.
#Внедрение каталога в тело сайта
Каталог недвижимости может быть встроен в контент вашего сайта, а не открываться в модальном окне. Пример встраиванияПереход на внешний сайтhttps://macrocatalog.ru/iframe-example каталога в тело сайта, реализованного в Tilda.
Создайте на Вашем сайте страницу, на которой будет располагаться каталог. Пример адреса:
https://YOUR_SITE.COM/catalog/На этой странице нужно разместить код встраивания каталога.
#Код встраивания, если система MACRO установлена на macroserver.ruПереход на внешний сайтhttps://macroserver.ru/
<div class="mcrm-inline-form" data-type="catalog" data-autoshow="true"></div>
<script type="text/javascript">(function (d, w) {var n = d.getElementsByTagName("script")[0], s = d.createElement("script"); s.type = "text/javascript"; s.async = true; s.src = "https://api.macroserver.ru/estate/embedjs/?domain="+window.location.host; n.parentNode.insertBefore(s, n)})(document, window)</script>#Код встраивания, если система MACRO установлена на macro.sbercrm.comПереход на внешний сайтhttps://macro.sbercrm.com
<div class="mcrm-inline-form" data-type="catalog" data-autoshow="true"></div>
<script type="text/javascript">(function (d, w) {var n = d.getElementsByTagName("script")[0], s = d.createElement("script"); s.type = "text/javascript"; s.async = true; s.src = "https://api.macro.sbercrm.com/estate/embedjs/?domain="+window.location.host; n.parentNode.insertBefore(s, n)})(document, window)</script>#Код встраивания, если система MACRO установлена на macroserver.kzПереход на внешний сайтhttps://macroserver.kz
<div class="mcrm-inline-form" data-type="catalog" data-autoshow="true"></div>
<script type="text/javascript">(function (d, w) {var n = d.getElementsByTagName("script")[0], s = d.createElement("script"); s.type = "text/javascript"; s.async = true; s.src = "https://api.macroserver.kz/estate/embedjs/?domain="+window.location.host; n.parentNode.insertBefore(s, n)})(document, window)</script>Включите в настройках виджетовНастройки компании — раздел «Интеграции» — Настройки виджетов нужного вам домена настройку Iframe mode.
Разместите указанный ниже код в том месте Вашего сайта, в котором предполагается встраивание каталога:
<iframe src="https://АДРЕССАЙТА/catalog/" frameborder="0" width="100%" style="height: calc(100vh - 100px)"></iframe>
где https://YOUR_SITE.COM/catalog/ ссылка на созданную Вами страницу
#Упрощенная установка в тело сайта
Существует упрощённый способ встраивания, который позволяет не создавать дополнительных страниц на Вашем сайте, а открывать каталог с сервера компании MACRO. Но при таком способе будет утеряна возможность получения событий аналитики Яндекс и Google!
Включите в настройках виджетовНастройки компании — раздел «Интеграции» — Настройки виджетов нужного вам домена настройку Iframe mode.
Разместите указанный ниже код в том месте страницы Вашего сайта, в котором предполагается встраивание каталога:
<iframe src="https://SERVER_ADDRESS/demo/catalog/YOUR_DOMAIN" frameborder="0" width="100%" style="height: calc(100vh - 100px)"></iframe>где SERVER_ADDRESS зависит от адреса Вашего сервера MACROНапример, macroserver.ru, macro.sbercrm.com или macroserver.kz, а YOUR_DOMAIN— адрес Вашего сайтаНапример, your_site.com, указанный в разделе «Интеграции» настроек компании
#Управление поведением виджета через JS SDK
Если вам требуется управлять открытием каталога для разных домов и жилых комплексов на одной странице сайта или открыть каталог с установленными параметрами фильтров, то запросите в своём чате поддержки расширенный документ Управление поведением виджетов MACRO через JS SDK.