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

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

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

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