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

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

Разместите 2 строки кода встраивания каталога недвижимости перед закрывающим тегом **`</body>`** Вашего сайта.

#### Код встраивания, если система MACRO установлена на [macroserver.ru](https://macroserver.ru/)

{% code overflow="wrap" %}

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

{% endcode %}

#### Код встраивания, если система MACRO установлена на [macro.sbercrm.com](https://macro.sbercrm.com)

{% code overflow="wrap" %}

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

{% endcode %}

#### Код встраивания, если система MACRO установлена на [macroserver.kz](https://macroserver.kz)

{% code overflow="wrap" %}

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

{% endcode %}

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

<table><thead><tr><th width="169">Имя параметра</th><th width="216">Возможные значения</th><th>Описание</th></tr></thead><tbody><tr><td><strong>data-autoinit</strong></td><td><strong><code>true</code></strong> или <strong><code>false</code></strong></td><td>Инициализация виджета при запуске страницы с кодом, если требуется <mark style="background-color:yellow;"><strong>быстрая загрузка каталога недвижимости</strong></mark> при клике на кнопку</td></tr><tr><td><strong>data-autoshow</strong></td><td><strong><code>true</code></strong> или <strong><code>false</code></strong></td><td>Инициализация и запуск виджета при запуске страницы с кодом, если требуется сразу запускать виджет при переходе на страницу</td></tr><tr><td><strong>data-iframemode</strong></td><td><strong><code>true</code></strong> или <strong><code>false</code></strong></td><td>Используйте для принудительной<br>установки виджета в режиме<br>iframe<br>Настройка виджетов «Iframe mode»,<br>установленная для домена<br>в системе MACRO, будет<br>игнорироваться</td></tr><tr><td><strong>data-views</strong></td><td>Значения через запятую: <strong><code>facades</code></strong>, <strong><code>floor</code></strong>, <strong><code>bigGrid</code></strong>, <strong><code>smallGrid</code></strong>, <strong><code>plans</code></strong>, <strong><code>objects</code></strong>, <strong><code>description</code></strong>, <strong><code>online</code></strong>, <strong><code>panorama</code></strong></td><td>Список разрешенных видов дома. Если параметр не определен, то разрешены все виды дома</td></tr></tbody></table>

Пример:

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

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

Включите отображение продающей кнопки запуска Вашего каталога. Подробнее в [статье](https://docs.macrodigital.ru/manual/macrocrm/katalog-nedvizhimosti/ustanovka_na_sait/catalog_button).

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

Каталог недвижимости может быть встроен в контент вашего сайта, а не открываться в модальном окне. [Пример встраивания](https://macrocatalog.ru/iframe-example) каталога в тело сайта, реализованного в Tilda.

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

```html
https://YOUR_SITE.COM/catalog/
```

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

#### Код встраивания, если система MACRO установлена на [macroserver.ru](https://macroserver.ru/)

{% code overflow="wrap" %}

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

{% endcode %}

#### Код встраивания, если система MACRO установлена на [macro.sbercrm.com](https://macro.sbercrm.com)

{% code overflow="wrap" %}

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

{% endcode %}

#### Код встраивания, если система MACRO установлена на [macroserver.kz](https://macroserver.kz)

{% code overflow="wrap" %}

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

{% endcode %}

Включите в [настройках виджетов](#user-content-fn-1)[^1] настройку **Iframe mode.**

Разместите указанный ниже код в том месте Вашего сайта, в котором предполагается встраивание каталога:

<pre class="language-html" data-overflow="wrap"><code class="lang-html"><strong>&#x3C;iframe src="https://АДРЕССАЙТА/catalog/" frameborder="0" width="100%" style="height: calc(100vh - 100px)">&#x3C;/iframe>
</strong></code></pre>

где **`https://YOUR_SITE.COM/catalog/`** ссылка на созданную Вами страницу

#### Упрощенная установка в тело сайта

Существует упрощённый способ встраивания, который позволяет не создавать дополнительных страниц на Вашем сайте, а открывать каталог с сервера компании MACRO. <mark style="background-color:red;">Но при таком способе будет утеряна возможность получения событий аналитики Яндекс и Google!</mark>

Включите в [настройках виджетов](#user-content-fn-1)[^1] настройку **Iframe mode.**

Разместите указанный ниже код в том месте страницы Вашего сайта, в котором предполагается встраивание каталога:

{% code overflow="wrap" %}

```html
<iframe src="https://SERVER_ADDRESS/demo/catalog/YOUR_DOMAIN" frameborder="0" width="100%" style="height: calc(100vh - 100px)"></iframe>
```

{% endcode %}

где **`SERVER_ADDRESS`** зависит от [адреса Вашего сервера MACRO](#user-content-fn-2)[^2], а **`YOUR_DOMAIN`**— [адрес Вашего сайта](#user-content-fn-3)[^3], указанный в разделе «Интеграции» настроек компании

## Управление поведением виджета через JS SDK

Если вам требуется управлять открытием каталога для разных домов и жилых комплексов на одной странице сайта или открыть каталог с установленными параметрами фильтров, то запросите в <mark style="background-color:yellow;">**своём чате поддержки**</mark> расширенный документ <mark style="background-color:yellow;">**Управление поведением виджетов MACRO через JS SDK**</mark>.

[^1]: Настройки компании — раздел «Интеграции» — Настройки виджетов нужного вам домена

[^2]: Например, macroserver.ru, macro.sbercrm.com или macroserver.kz

[^3]: Например, your\_site.com