Beágyazás a tevékenységekre a weboldaladon

Tevékenységek beágyazása

Az aktivitások beágyazása a saját domaineden az egyik legjobb módja annak, hogy a játékos a te márkakörnyezetedben maradva tapasztalhassa meg az élményt.

Az aktivitás teljesen fehér címkés, vagyis közvetlenül nem ismeri fel a Puzzel.org-ot, miközben a színeket és betűtípusokat a saját márkádhoz igazíthatod. Ezáltal az aktivitás a weboldalad natív részévé válik.

Ez a funkció csak előfizetéses fiókok számára érhető el.

Hogyan működik a beágyazás?

A beágyazás egy kis iframe kóddarab segítségével történik. Az iframe egy jól támogatott HTML elem, amely szinte minden weboldalba/CMS-be/LMS-be beilleszthető.

Ez a kóddarab betölti a Puzzel.org tevékenységet a saját weboldaladba. Innen meghatározhatod az iframe méretét a width és height attribútumok módosításával.

Bonyolultabb beágyazás esetén még a saját CSS stíluslapjaid segítségével is megváltoztathatod az iframe méretét, például különböző képernyőméretekre.

Beágyazott rejtvény kipróbálása

Mielőtt csatlakoznál, érdemes megnézned, hogyan néz ki és működik egy minta Puzzel.org rejtvény a saját weboldaladon. Ez egy egyszerű módja annak, hogy felfedezd, milyen könnyen beilleszthetők a rejtvények a saját weblapodra.

Másold ki/illeszd be a következő mintakódot a saját weboldaladba/CMS-edbe/LMS-edbe, és nézd meg, hogyan néz ki:

<div>
<iframe src='https://puzzel.org/en/crossword/embed?p=-N7G3WdPBEnNh4jW6-Q7' width='600' height='900' frameborder='0'>
</iframe></div>

Állítsd be a szélesség és magasság értékeket, ha a rejtvény nem illeszkedik megfelelően a weboldaladra (a 100% is érvényes érték!).