Как встроить квиз QuizGo

Опубликовано 29 Апрель, 2024 | QuizGo | 481 просмотров

QuizGo - безлимитный конструктор квизов для увеличения количества заявок из интернета

Создайте квиз опрос за 10 минут самостоятельно без дизайнера и программиста.

Получайте заявки в бизнес с конверсией 15-30%.

 

Регистрация по ссылке: https://linkrr.app/quizgo

 

Как встроить квиз QuizGo на страницу в Linkrr

1. Перейдите в QuizGo и создайте квиз. 

2. В настройках квиза на вкладке "Установка Квиза" выберите "Виджет на сайт"

3. Выберите "Открытие квиза по кнопке"

4. Скопируйте код из шага 1 в инструкции QuizGo 

 

5. Перейдите на страницу в Linkrr. Добавьте HTML блок со скопированным кодом.

6. Вернитесь в QuizGo и скопируйте href на вкладке  "Открытие квиза по кнопке"

 

7. Перейдите на страницу в Linkrr. Добавьте новый блок "Ссылка" и укажите в поле для url скопированую ссылку, например #q1714388357.

8. Добавьте HTML блок с кодом:

<script>
document.addEventListener('DOMContentLoaded', function () {
    // Найти все ссылки внутри блоков с атрибутом data-biolink-block-id
    const links = document.querySelectorAll('[data-biolink-block-id] a');

    // Перебрать все найденные ссылки
    links.forEach(function(link) {
        // Получить значение атрибута href текущей ссылки
        const href = link.getAttribute('href');
        // Извлечь якорь из URL (часть URL после символа #)
        const anchor = href.substring(href.indexOf('#'));

        // Если в URL есть якорь, обновить атрибут href ссылки, оставив только якорь
        if (anchor) {
            link.setAttribute('href', anchor);
        }
    });
});
</script>

 

Всё готово. Теперь при клике по кнопке будет открываться квиз.

Последняя правка от 29 Апрель, 2024