# Добавление плагина на web-страницу

Для подключения плагина на страницу необходимо добавить в html-код страницы ссылку на основной скрипт плагина (`plugin_liveness.php`). `web-sdk-root-url` – это полученная от нас ссылка на Web Adapter.

<pre class="language-markup"><code class="lang-markup">&#x3C;script src="<a data-footnote-ref href="#user-content-fn-1">https://web-sdk-root-url</a>/plugin_liveness.php">&#x3C;/script>
</code></pre>

<details>

<summary>Для версий до 1.4.0</summary>

Добавьте в html-код страницы ссылку на основной скрипт плагина (`plugin_liveness.php`) и файл со стилями (`ozliveness.css`). `web-sdk-root-url` – это полученная от нас ссылка на Web Adapter.

<pre class="language-markup"><code class="lang-markup">&#x3C;link rel="stylesheet" href="https://<a data-footnote-ref href="#user-content-fn-2">web-sdk-root-url</a>/plugin/ozliveness.css" />
&#x3C;script src="https://<a data-footnote-ref href="#user-content-fn-3">web-sdk-root-url</a>/plugin_liveness.php">&#x3C;/script>
</code></pre>

</details>

{% hint style="info" %}
При использовании Angular и Vue подключение стилей и скриптов происходит так же. При интеграции с React-приложениями необходимо загружать и инициализировать плагин в `head` на главной странице шаблона. Внимание: при использовании `<React.StrictMode>` возможна некорректная работа Web Liveness.
{% endhint %}

[^1]: Расположение скрипта плагина

[^2]: ```
    Ссылка на Web Adapter, где размещен файл со стилями
    ```

[^3]: ```
    Ссылка на Web Adapter, где размещен основной скрипт плагина
    ```