Для разработчиков

Установка на сайт на React, Next.js или Vue

Скрипт подключается один раз на уровне всего приложения. Переходы без перезагрузки поддерживаются: при смене адреса виджеты сами сверяются с правилами показа, а блоки историй заполняются, как только появляются на странице.

  1. 1

    Vite, Create React App и обычный HTML

    Вставьте строку в index.html перед закрывающим тегом </body>.

    <script src="https://vzhuuuh.ru/loader.js" data-site="КЛЮЧ_САЙТА" async></script>
  2. 2

    Next.js (App Router)

    Подключите скрипт в корневом app/layout.tsx внутри <body>.

    import Script from "next/script";
    
    <Script src="https://vzhuuuh.ru/loader.js" data-site="КЛЮЧ_САЙТА" strategy="afterInteractive" />
  3. 3

    Nuxt

    Добавьте скрипт в nuxt.config.ts.

    app: {
      head: {
        script: [{ src: "https://vzhuuuh.ru/loader.js", "data-site": "КЛЮЧ_САЙТА", async: true, tagPosition: "bodyClose" }],
      },
    },

Если истории стоят «в блоке на странице»

Для кнопки, баннера и историй поверх страницы этот шаг не нужен. Код блока свой у каждого виджета историй, он есть в редакторе на шаге «Публикация».

  1. 4

    Поставьте пустой элемент в разметку

    В JSX или шаблоне компонента. Не передавайте ему детей: содержимое добавит скрипт.

    <div data-vzhuh="ID_ВИДЖЕТА" />

✓ Проверьте

Откройте сайт в новой вкладке. Когда кто-нибудь зайдёт на сайт с кодом, в кабинете Вжуха появится зелёная отметка «Код стоит».

Не можете поставить код? Бесплатно встроим

Напишите в техподдержку, мы поможем или сделаем за вас

Написать в техподдержку