Vložení a sdílení kvízu

Každý kvíz má sdílený odkaz ve tvaru fluotest.com/to/vase-uzivatelske-jmeno/slug-kvizu (nebo vaši vlastní doménu, pokud jste ji připojili — viz Nastavení vlastní domény). Stejný odkaz se používá pro vkládací kód, hostovanou stránku kvízu i kdekoli jinde, kde ho sdílíte.

Akce „Kopírovat vkládací kód“ v menu kvízu zkopíruje přesně tento kód se sdíleným odkazem vašeho kvízu a parametrem ?embed=true, který přepne stránku do rozvržení vhodného pro vložení:

<iframe src="https://fluotest.com/to/your-username/your-quiz?embed=true" width="100%" height="600" frameborder="0" style="border:none;border-radius:8px;" allow="clipboard-write"></iframe>

Kromě obyčejného vloženého iframe může dialog vkládání vygenerovat i jediný script tag — načte embed-widget.js, který zobrazí váš kvíz jako plovoucí vyskakovací tlačítko, vysouvací panel z rohu, nebo výzvu při pokusu opustit stránku. Režim vyberte v dialogu vkládání; kód níže ukazuje režim Vyskakovací okno.

<script src="https://fluotest.com/embed-widget.js" data-quiz-url="https://fluotest.com/to/your-username/your-quiz" data-mode="popup" async></script>

data-mode přijímá popup, slidein nebo exit-intent. Volitelné atributy: data-button-text (popisek tlačítka u vyskakovacího/vysouvacího režimu), data-color (barva akcentu, výchozí je fialová FluoTest), data-position (bottom-right nebo bottom-left) a data-delay (zpoždění vysouvacího panelu v milisekundách, výchozí 4000).

Kód má ve výchozím stavu výšku 600 px a šířku 100 %. Automatické přizpůsobení velikosti neexistuje, takže pokud má váš kvíz mnoho otázek nebo dlouhou obrazovku výsledků, zvyšte hodnotu height — dobrým začátkem je projít si celý kvíz ve vloženém zobrazení a upravit výšku, dokud se nic neořezává.

Kvízy na Free zobrazují odznak „Powered by FluoTest“ na hostované stránce i ve vloženém zobrazení. Pro ho odstraní. Pokud jste připojili vlastní doménu, zkontrolujte v nastavení domény přesný odkaz, který místo fluotest.com použít.

• Vložený kvíz vypadá oříznutě nebo má posuvník: Zvyšte hodnotu height u tagu iframe — výchozích 600 px je výchozí bod, ne pevný limit.
• Kvíz se ve vloženém zobrazení nenačte: Ověřte, že je kvíz publikovaný, není v koši, a že sdílený odkaz funguje po otevření přímo na nové kartě.
• Odznak „Powered by FluoTest“ se zobrazuje i na Pro: Ověřte, že je pracovní prostor skutečně na Pro (nebo má trvalé zvýhodnění) — odznak se řídí plánem vlastníka kvízu, ne stránkou, na které je kvíz vložený.
• Vyskakovací, vysouvací nebo odchodový kvíz se nezobrazuje: Zkontrolujte, že script tag neblokuje Content-Security-Policy zakazující skripty nebo iframy třetích stran — povolte fluotest.com ve své CSP. Režim Při odchodu se spustí jen jednou za relaci prohlížeče a jen při pohybu kurzoru na desktopu, ne na mobilu.