Как добавить квиз в сайт на Google Сайты?

Инструкция для внедрения квиза на Google Сайты

Чтобы добавить квиз в конструктор Google Сайты:

  1. Переходим во вкладку «Установка» в левом боковом меню и выбираем нужный тип установки в разделе «Встраивание на сайт»:

    Выбираем тип установки квиза в левой вкладке «Установка» в разделе «Встраивание на сайт» 
  2. На шаге «Вставить код на сайт» копируем код инициализации.

    На шаге «Вставить код на сайт» копируем код инициализации

  3. Добавим в редакторе сайта новый блок: «Вставка» -> «Встроить».Добавим в редакторе сайта новый блок: «Вставка» -> «Встроить»

  4. Переходим к настройке блока «Встроить код» и вставляем скопированный код инициализации. Переходим к настройке блока «Встроить код» и вставляем скопированный код инициализации

  5. Копируем код кнопки/всплывающего баннера/для вставки в тело страницы/виджета. Переходим в редактор квиза, во вкладке «Установка» выбираем способ установки и копируем второй код.
    Переходим в редактор квиза, во вкладке «Установка» выбираем способ установки и копируем второй код

  6. Вставляем код кнопки/всплывающего баннера/для вставки в тело страницы/виджета. Переходим к настройке ранее добавленного блока «HTML» и добавляем скопированный код. Сохраняем по кнопке «Вставить».
    Переходим к настройке ранее добавленного блока «HTML» и добавляем скопированный код
    Сохраняем по кнопке «Вставить»

  7. Устанавливаем блок в то место, где должен отображаться квиз на вашем сайте. Чтобы сохранить все изменения, нажимаем на кнопку «Опубликовать».

Чтобы сохранить все изменения, нажимаем на кнопку «Опубликовать»

Готово! Квиз будет вставлен выбранным способом.


Проверяем правильность установки квиза:  

  1. Копируем адрес сайта, на котором установлен квиз.

  2. Переходим в раздел «Установка».

  3. В пункте 3 «Вставить код на сайт», вставляем адрес своего сайта в пустую форму и кликаем «Проверить».

Если все пункты высвечиваются зеленым цветом, то всё сделали правильно, кнопка установлена и квиз корректно работает.

Если какой-то то из пунктов высвечивается красным цветом, то следует проверить настройки по пунктам:

— код инициализации не установлен — проверяем, добавлен ли код инициализации в блок head;

— код добавления квиза не установлен — проверяем, добавили ли кнопку открытия квиза из редактора кнопки в нужное место.


👆 На этом пока всё