Jak osadzić widgety Twittera w iframe

Twitter udostępnia wbudowane widgety, które pozwalają wyświetlić treści z serwisu w ramce iframe na innej stronie. Bezpośrednie osadzanie dowolnej strony Twittera w iframe jest zablokowane ze względu na zabezpieczenia, dlatego widgety trzeba tworzyć w koncie Twitter i wstawiać wygenerowany kod.

Strony w stronach – co to jest iframe?

Tag iframe w HTML umożliwia wstawienie zawartości jednej witryny wewnątrz innej. Dzięki temu można wyświetlać np. wideo, mapy czy właśnie widgety Twittera, które wyglądają jak integralna część Twojej strony.

Widgety Twittera oparte na iframe

Twitter oferuje kilka rodzajów widgetów: oś czasu użytkownika, ulubione, listy oraz wyszukiwania. Są one generowane w panelu konta Twitter i udostępniane jako kod JavaScript, który po wstawieniu automatycznie ładuje odpowiedni iframe z zawartością hostowaną na serwerach Twittera.

Tworzenie widgetów Twittera

Aby utworzyć widget, zaloguj się na swoje konto, kliknij ikonę koła zębatego → Ustawienia. W menu po lewej wybierz Widgety i kliknij Utwórz nowy. Następnie wybierz typ widgetu:

• Oś czasu użytkownika – podaj nazwę konta.
• Ulubione – podaj nazwę konta.
• Lista – wybierz istniejącą listę.
• Wyszukiwanie – wpisz hasztag lub zapytanie.

Po wprowadzeniu danych kliknij Utwórz widget. Twitter wygeneruje kod, który możesz skopiować.

Wstawianie widgetu na stronę

Skopiowany kod JavaScript wklej w miejsce, w którym ma się pojawić widget – w kodzie HTML swojej strony. Skrypt samodzielnie załaduje iframe z treścią widgetu.

Osadzanie pojedynczych tweetów

Każdy tweet można osadzić osobno. Wejdź na oś czasu, najedź kursorem na wybrany tweet, kliknij Więcej → Osadź tweet. Otworzy się okno z kodem HTML, który wystarczy skopiować i wkleić w dowolnym miejscu.

Teraz wiesz, jak tworzyć i osadzać różne widgety Twittera oraz pojedyncze tweety przy użyciu iframe.