Сайт застройщика

Поделитесь этой инструкцией с разработчиком Вашего сайта.

Установка на сайт

Разместите 2 строки кода MacroCatalog перед закрывающим тегом </body> Вашего сайта.

Код встраивания, если система MACRO установлена на 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

<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

<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>

Установка данного кода подключит MacroCatalog на сайт и является минимальной конструкцией, которую Вы можете дополнить следующими параметрами:

Имя параметра	Возможные значения	Описание
data-autoinit	true или false	Инициализация MacroCatalog при запуске страницы с кодом, если требуется быстрая загрузка каталога при клике на кнопки
data-autoshow	true или false	Инициализация и запуск MacroCatalog при запуске страницы с кодом, если требуется сразу запускать каталог при переходе на страницу
data-views	Значения через запятую: facades, floor, bigGrid, smallGrid, plans, objects	Список разрешенных видов дома. Если параметр не определен, то разрешены все виды дома

Пример:

<div
class="mcrm-inline-form"
data-type="catalog"
data-views="floor,bigGrid,smallGrid,plans"
data-autoinit="true"
data-autoshow="false">
/div>

Кнопка запуска каталога

Включите отображение продающей кнопки запуска Вашего каталога. Подробнее в статье.

Внедрение MacroCatalog в тело сайта

MacroCatalog может быть встроен в контент вашего сайта, а не открываться в модальном окне. Пример встраивания MacroCatalog в тело сайта, реализованного в Tilda.

Создайте на Вашем сайте страницу, на которой будет располагаться каталог. Пример адреса:

https://YOUR_SITE.COM/catalog/

На этой странице нужно разместить код встраивания каталога.

Код встраивания, если система MACRO установлена на 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

<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

<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 зависит от , а YOUR_DOMAIN— , указанный в разделе «Интеграции» настроек компании

Управление поведением Макрокаталога через JS SDK

Если вам требуется управлять открытием каталога для разных домов и жилых комплексов на одной странице сайта или открыть каталог с установленными параметрами фильтров, то запросите в своём чате поддержки расширенный документ «Управление поведением MacroCatalog через JS SDK».