Jak dodać quiz na swojej stronie internetowej?

Umieszczenie quizu na Twojej witrynie internetowej umożliwia rozwiązanie go bez konieczności otwarcia nowej karty lub nowego okna przeglądarki. Poskutkuje to lepszą interakcją użytkowników z Twoją marką i zwiększy ich zaangażowanie.

Przykładowe zastosowania embedowania:

Testy dla pracowników używających systemu wewnętrznego: osadzenie quizów w intranecie firmy umożliwia łatwe przeprowadzanie szkoleń i ocen kompetencji wśród pracowników.
Testy poziomujące na stronach WWW szkół językowych: dzięki embedowaniu testów poziomujących, potencjalni uczniowie mogą sprawdzić swój poziom językowy bezpośrednio na stronie szkoły, co ułatwia proces rekrutacji i zwiększa satysfakcję użytkowników.
Inne testy dla osób mających konto w Twoim systemie informatycznym: testy i quizy będą dostępne do rozwiązania w restrykcyjny sposób bez podawania dodatkowych danych osobowych.

Jak stworzyć quiz online?

Aby dowiedzieć się, jak krok po kroku przygotować quiz online, zapoznaj się z naszym przewodnikiem.

Jak umieścić quiz na stronie?

Testportal proponuje poniższe opcje dodania quizu do Twojej strony:

Osadzenie za pomocą iframe

Quiz automatycznie dopasuje się do obszaru, w którym został osadzony, dzięki swojej responsywności.

Aby osadzić quiz, wstaw poniższy kod HTML na swoją stronę i dostosuj odpowiednio wysokość oraz szerokość elementu iframe, aby odpowiadały miejscu w Twojej witrynie, które planujesz przeznaczyć na quiz.

Pamiętaj

Zastąp 'XXXXXXXXXXXX' w kodzie unikalnym identyfikatorem Twojego testu, który będzie widoczny po utworzeniu konkretnego testu.

Quiz w nowym oknie przeglądarki

Możesz uruchomić quiz w osobnym oknie, co eliminuje ewentualne problemy związane z osadzaniem za pomocą iframe.

Zamieść poniższe odwołanie w sekcji <HEAD> swojej strony:
<script src="https://static.testportal.pl/js/embed.js" type="text/javascript"></script>
Dodaj do kodu swojej strony link prowadzący do testu:
<a href="https://www.testportal.pl" onclick="openTest('XXXXXXXXXXXX','www.testportal.pl'); return false;">Nazwa linku</a>

Strona subdomeny w iframe

Jeżeli korzystasz z hasła grupowego lub kodów dostępu do testu, subdomena umożliwi dostęp do wszystkich Twoich testów na jednej stronie. Dzięki temu użytkownicy będą mogli je rozwiązywać w jednym miejscu.

Umieść poniższy kod HTML na swojej stronie i odpowiednio skonfiguruj wymiary ramki iframe.

W zależności od wybranego przez Ciebie typu dostępu do testu, quiz na Twojej stronie internetowej uruchomi się w różny sposób.

Test udostępniony za pomocą linka - od razu wyświetli się strona startowa quizu.
Indywidualny kod dostępu do testu - rozwiązujący wpisują kod dostępu do quizu, a następnie przechodzą do jego strony startowej.
Hasło grupowe - po wpisaniu hasła do quizu, wyświetla się jego strona startowa.

Możliwe jest pominięcie strony startowej przy wykorzystaniu API i przekazaniu do testu unikalnego identyfikatora. Dzięki temu test będzie dostępny do rozwiązania tylko raz przez każdego z użytkowników, co odpowiada zabezpieczeniu testu kodami dostępu.

Gdy użytkownik odwiedza Twoją stronę internetową z osadzonym quizem, cały proces rozwiązywania go odbywa się w ramach Twojej witryny. Przebiega następująco:

Ładowanie strony internetowej.
Rozwiązujący otwiera Twoją witrynę, na której został osadzony quiz.
Wyświetlenie strony startowej quizu.
W zależności od wybranego przez Ciebie typu dostępu do testu, rozwiązujący zobaczy stronę startową quizu automatycznie lub po wpisaniu kodu dostępu bądź hasła grupowego.
Rozwiązywanie quizu.
Po rozpoczęciu quizu rozwiązujący przechodzi przez kolejne pytania. Wszystkie pytania są ładowane w obrębie osadzonego iframe, bez potrzeby przeładowywania całej strony internetowej.
Strona końcowa quizu.
Po udzieleniu odpowiedzi na ostatnie pytanie, wyświetla się strona końcowa quizu. Może ona zawierać podsumowanie wyników, jeśli tak ją skonfigurujesz. Rozwiązujący nadal pozostaje na Twojej stronie internetowej.

Więcej informacji na temat typów dostępu do testu znajdziesz w artykule na naszej stronie Pomocy.

Możesz też przeczytać o ustawieniach strony startowej i końcowej testu.

Niezależnie od wybranej metody embedowania quizu, dostępne są:

konfiguracja strony startowej quizu - możesz dostosować formularz tak, żeby pasował do Twoich wymagań;
automatyczny pomiar czasu - czas mierzony jest po stronie platformy Testportal, więc nie musisz martwić się o dokładność śledzenia go.

Ograniczenia przeglądarki

Pamiętaj, że jeśli osoby rozwiązujące Twoje quizy używają przeglądarki Safari albo trybów incognito, to osadzenie w iframe nie będzie działać. Dzieje się tak, ponieważ niektóre przeglądarki blokują treści pochodzące ze stron trzecich oraz pliki cookie.

Firefox i Chrome, tryb normalny: obsługa plików cookie stron trzecich w iframe jest możliwa
Safari i Chrome, tryb incognito: pliki cookie stron trzecich mogą być blokowane

Możesz zasugerować rozwiązującym użycie przeglądarki Chrome, Firefox lub Edge w trybie normalnym (nie incognito) lub przekierować ich do pełnej karty przeglądarki z quizem. Dzięki temu zapewnisz poprawne działanie niezależnie od ustawień przeglądarki.

Rozszerzenie API dla zaawansowanych przypadków użycia

Dla bardziej zaawansowanych scenariuszy, w ramach planu MAX Dedykowany, oferujemy rozszerzenie API, które pozwala na płynne zintegrowanie quizu z Twoją stroną. Umożliwia to pominięcie strony startowej i dostosowanie quizu do swoich potrzeb bez konieczności zmiany przeglądarki.

Kluczowe możliwości API

Przekazywanie unikalnych identyfikatorów: Możesz przekazywać unikalne identyfikatory użytkowników z Twojego systemu do Testportalu. Pozwala to na dostęp do wyników quizu i łatwą integrację danych z Twoimi bazami lub systemami zarządzania użytkownikami.
Pominięcie strony startowej: Użycie identyfikatorów z Twojego systemu umożliwi bezpośrednie rozpoczęcie quizu bez konieczności przechodzenia przez standardową stronę startową. Dzięki temu proces jest dla rozwiązującego szybszy i bardziej intuicyjny.
Automatyczne odbieranie wyników: Wyniki quizów mogą być automatycznie przesyłane na zadeklarowany przez Ciebie webhook. Alternatywnie, masz możliwość pobrania wyników w dowolnym momencie, wysyłając zapytania do API. Ułatwia to natychmiastowe przetwarzanie danych i integrację z innymi systemami.

Jeśli potrzebujesz szczegółowych informacji na temat implementacji API, skontaktuj się z naszym zespołem wsparcia technicznego – chętnie pomożemy!

Czy ten artykuł był przydatny?