Jak vložit Twitter do iframe – průvodce widgety a embedem

Twitter nabízí vestavěné widgety, které pomocí skriptu vloží obsah Twitteru do iframe na jiné webové stránce. Přímé načtení Twitteru v iframe je z bezpečnostních důvodů zakázáno, takže je nutné vytvořit widget přímo v účtu Twitter a ten pak embedovat.

Stránky uvnitř stránek

HTML umožňuje vývojářům vkládat obsah z jedné stránky do druhé pomocí elementu iframe. Tento prvek vytvoří samostatný rámec, který načítá externí obsah nezávisle na hlavní stránce. Twitter widgety využívají právě tuto technologii, aby se obsah hostovaný na Twitteru zobrazoval jako součást vašeho webu.

Twitter widgety založené na iframe

Widgety jsou oficiální a řízený způsob, jak zobrazovat tweet‑y, časové osy, seznamy nebo výsledky vyhledávání na jiných stránkách. Vytvoříte je v nastavení svého Twitter účtu a Twitter vygeneruje JavaScriptový kód, který obsahuje autentizační data a odkaz na iframe hostovaný na Twitteru.

Jak vytvořit Twitter widget

1. Přihlaste se na Twitter.
2. Klikněte na ikonu ozubeného kolečka → Settings.
3. V levém menu zvolte Widgets a klikněte na Create new.
4. Vyberte typ widgetu – User timeline, Favorites, List nebo Search.
5. Podle typu zadejte uživatelské jméno, seznam nebo hledaný hashtag a klikněte Create widget. Twitter vám vygeneruje embed kód.

Implementace widgetu

Vygenerovaný HTML/JavaScript kód stačí zkopírovat a vložit do kódu vaší stránky. Skript automaticky načte iframe s požadovaným obsahem a zobrazí jej na místě, kde jste kód umístili.

Vkládání jednotlivých tweetů

Pro embed konkrétního tweetu přejděte na jeho stránku, klikněte na ikonu More (tři tečky) a zvolte Embed Tweet. Zobrazí se dialog s kódem, který můžete zkopírovat a vložit kamkoliv.