Hoe Twitter in te sluiten in een Iframe

Twitter biedt ingesloten widgets die Twitter-inhoud injecteren in een inline frame binnen een andere webpagina via een script. De site van Twitter blokkeert directe iframe-weergave via het beveiligde hypertext-overdrachtsprotocol, waardoor iemand geen direct iframe naar een bepaalde pagina op Twitter kan maken. In plaats daarvan moeten Twitter-widgets worden gemaakt via het bijbehorende Twitter-account om te worden ingesloten op een site binnen een iframe.

Pagina's binnen pagina's

Iframes zijn een functie in HTML waarmee een webontwikkelaar inhoud van de ene website of webpagina in een andere kan insluiten. Binnen HTML zijn er andere commando's die kunnen worden gebruikt om frames te maken die een webpagina verdelen in afzonderlijk ladende inhoud: de iframe-tag maakt een ingesloten frame. Twitter-widgets gebruiken de iframe-constructie om inhoud weer te geven die op Twitter op andere websites wordt gehost, zodat het lijkt alsof het één samenhangende webpagina is.

Twitter Iframe-widgets

De iframe-gebaseerde widgets van Twitter zijn de geautoriseerde en gecontroleerde versie van de sociale-mediasite om de inhoud ervan op andere sites weer te geven. Een accounteigenaar kan een gebruikerstijdlijn, favorieten, lijst- en zoekwidgets maken. Twitter-widgets worden gemaakt met behulp van de widgetmaker binnen een Twitter-gebruikersaccount: u kunt widgets maken voor andere accounts binnen uw eigen account. Twitter genereert een JavaScript-code die kan worden ingesloten op een andere site die de authenticatie biedt voor het maken van de widget en de inhoud. De widgets zelf zijn aangepast en gehost op de site van Twitter.

Twitter-widgets maken

Om Twitter-widgets te maken, logt u in op de Twitter-site met uw persoonlijke account, klikt u op het "tandwiel"-pictogram en selecteert u de optie "Instellingen". Kies de subkop Widgets in het menu aan de linkerkant en klik op 'Nieuwe maken'. Kies "Gebruikerstijdlijn", "Favorieten", "Lijst" of "Zoeken", afhankelijk van het soort module dat u wilt maken. Om "Gebruikerstijdlijn" en "Favorieten" in te stellen, voert u de gebruikersnaam van het account in en klikt u op "Widget maken" om de widgetcode te genereren. Om een ​​"Lijst"-widget in te stellen, selecteert u de reeds gemaakte lijst die u wilt gebruiken en klikt u op "Widget maken". Om een ​​zoekwidget te maken, voert u de hashtag in die u wilt weergeven onder de "Zoekopdracht" en klikt u op "Widget maken".

Twitter-widgets implementeren

Alle vier de Twitter-widgettypen genereren een ingesloten HTML- en JavaScript-code die u kunt gebruiken om de widget in webpagina's te plaatsen. Om de code te gebruiken, kopieert u deze uit het veld op de Twitter-site en plakt u deze in de paginacode van de website. Het op zichzelf staande script wordt op de pagina geladen en injecteert een iframe dat de inhoud van de widget bevat.

Tweets van derden insluiten

U kunt insluitcodes voor individuele tweets van elk account genereren door de optie "Insluiten" te gebruiken. Om de functie voor het insluiten van tweets te gebruiken, gaat u naar de tijdlijnpagina van het Twitter-account en zoekt u de tweet die u wilt insluiten. Plaats de muisaanwijzer op de tweet, klik op 'Meer' en selecteer 'Tweet insluiten'. De site opent een vak met de insluitcode, die kan worden gekopieerd en geplakt naar een andere site om de tweet weer te geven.