# Ручне Встановлення

### Додавання Плагіну

Веб-плагін можна встановити на будь-який веб-сайт за допомогою цього процесу.

1. Додайте наведений нижче скрипт у кінець body HTML-документа (перед \</body>). Замінить ці інструкції вашими налаштуваннями (див. опис кожного налаштування).

{% code overflow="wrap" %}

```html
<script>
        var dmBrandId = "YOUR_BRAND_ID"; //Should be taken from Brand Panel
        var dmBannerBtnSelector = "#openBannerBtn";
        var dmCheckDomain = 'true';
        var dmHandleClicks = 'true';

        var dmDesktopConfig = {
            buttonPosition: "bottom_right", //"bottom_right", "bottom_left"
            buttonMarginLeft: 0,
            buttonMarginRight: 0,
            buttonMarginBottom: 0,
            buttonScale: 70,
        };

        var dmMobileConfig = {
            buttonPosition: "bottom_right", //"bottom_right", "bottom_left"
            buttonMarginLeft: 0,
            buttonMarginRight: 0,
            buttonMarginBottom: 0,
            buttonScale: 40
        };
    </script>
    <script  type="text/javascript" src="https://dm-plugin-assets.s3.us-east-2.amazonaws.com/dm-games-bundle.js"></script>
```

{% endcode %}

2. Поверніться до панелі бренду та підтвердіть запит на підключення плагіна до панелі бренду.

### Налаштування Плагіну

{% hint style="info" %}

1. **dmBrandId** (обов'язкови) – ідентифікатор бренду, який можна знайту на екрані "Мій Бренд" у панелі бренду.
2. **dmBannerBtnSelector** – якщо власник вебсайту хоче зробити певний елемент своєї сторінки клікабельним для відкриття плагіна – CSS-селектор цього елемента повинен бути наданий з цією опцією.
3. **dmDesktopConfig.buttonScale, dmMobileConfig.buttonScale (%)** – кнопку Discounter Mania можна зменшити за потреби (1-100% від початкового розміру); встановіть опцію окремо для роздільної здатності екрана комп'ютера та мобільного пристрою.
4. **dmDesktopConfig.buttonPosition, dmMobileConfig.buttonPosition** – де слід розмістити кнопку – "bottom\_right", "bottom\_left" (положення кнопки завжди фіксоване – вона не зникне з екрана після прокручування сторінки); встановіть опцію окремо для роздільної здатності екрана комп'ютера та мобільного пристрою.
5. **dmDesktopConfig.buttonMarginLeft, dmMobileConfig.buttonMarginLeft** (у пікселях) – кнопку можна змістити праворуч за потреби (якщо було вибрано ліве нижнє положення); окремо встановити опцію для роздільної здатності екрана комп’ютера та мобільного пристрою.
6. **dmDesktopConfig.buttonMarginRight, dmMobileConfig.buttonMarginRight** (у пікселях) – кнопку можна змістити ліворуч за потреби (якщо вибрано положення «Праве нижнє»).
7. **dmDesktopConfig.buttonMarginBottom, dmMobileConfig.buttonMarginBottom** (у пікселях) – кнопку можна змістити вгору за потреби.

Зверніть увагу, що плагін не працюватиме без ідентифікатора бренду.
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.winday.co/ua/publikaciya-igor/integraciya-na-vebsait/ruchne-vstanovlennya.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.