Co je iframe? Iframe je rámeček vložený do webové stránky, ve kterém se zobrazuje obsah z jiné adresy. Název vznikl z anglického inline frame, tedy vsazený rámec. Prakticky jde o okénko ve Vaší stránce, do kterého se načte cizí stránka jako celek: mapa s Vaší provozovnou, video, rezervační kalendář nebo platební brána.
Představte si nástěnku ve firemní chodbě. Většinu obsahu na ni věšíte sami, ale kousek plochy jste vyhradili pro jízdní řád, který tam pravidelně přinese dopravní podnik. Vy se o něj nestaráte a vždy je aktuální. Přesně tak funguje iframe: obsah v rámečku patří někomu jinému a Vy jste jen vyhradili místo.
Kde se s ním setkáte nejčastěji:
- Mapa – vložení mapy s adresou provozovny je nejběžnější použití.
- Video – přehrávač z videoserveru běží v rámečku, takže se samotné video neukládá na Váš hosting a nezabírá kvótu.
- Objednávky a rezervace – kalendář nebo formulář od externí služby.
- Platební brána – zákazník platí v rámečku banky, aniž by Váš web viděl číslo karty.
Jak se iframe vloží? Značkou v HTML kódu stránky, která obsahuje adresu vkládaného obsahu a rozměry rámečku. Poskytovatelé služeb obvykle nabízejí hotový kód ke zkopírování, takže nic nepíšete ručně. Ve WordPressu stačí kód vložit do bloku pro vlastní HTML nebo použít widget, který to udělá za Vás.
Na co si dát pozor? Předně na rychlost: obsah v rámečku se stahuje z cizího serveru, a pokud je pomalý, zpomalí dojem z celé Vaší stránky. Několik rámečků na jedné stránce je proto zbytečně mnoho. Dále na mobily, kde pevně zadaná šířka rámečku rozbije rozvržení; řešením je responzivní úprava pomocí CSS.
A co bezpečnost? Váš web a obsah v rámečku jsou oddělené světy, které se navzájem nevidí, což je dobře. Přesto platí dvě pravidla. Vkládejte jen obsah ze služeb, kterým věříte, protože v rámečku se návštěvníkovi zobrazí cokoliv, co tam cizí strana dá. A vkládaná adresa musí začínat na https, jinak prohlížeč rámeček zablokuje a návštěvník uvidí prázdné místo. Zároveň platí, že ne každý web se do rámečku nechá vložit, protože si to řada služeb z bezpečnostních důvodů zakazuje; souvisí to s obranou proti podvodným kliknutím popsanou v hesle zabezpečení webu.