Hur man bäddar in Twitter i en Iframe

Twitter tillhandahåller inbäddade widgets som injicerar Twitter-innehåll i en inbyggd ram på en annan webbsida via ett skript. Twitters webbplats blockerar direkt iframe-visning genom det säkra hypertextöverföringsprotokollet, som hindrar någon från att göra en direkt iframe till en viss sida på Twitter. Istället måste Twitter-widgetar skapas via motsvarande Twitter-konto för att inbäddas på en webbplats i en iframe.

Sidor inom sidor

Iframes är en funktion i HTML som gör att en webbutvecklare kan bädda in innehåll från en webbplats eller webbsida inom en annan. Inom HTML finns det andra kommandon som kan användas för att skapa ramar som delar upp en webbsida i separat laddat innehåll: iframe-taggen skapar en sluten ram. Twitter-widgets använder iframe-konstruktionen för att visa innehåll som är värd på Twitter på andra webbplatser för att se ut som om det är en sammanhängande webbsida.

Twitter Iframe-widgetar

Twitters iframe-baserade widgets är den sociala mediasajtens auktoriserade och kontrollerade version för att visa dess innehåll på andra webbplatser. En kontoägare kan skapa tidslinje, favoriter, lista och widgetar för användare. Twitter-widgets skapas med hjälp av widget-skaparen i ett Twitter-användarkonto: du kan skapa widgets för andra konton inom ditt eget konto. Twitter genererar en JavaScript-kod som kan bäddas in på en annan webbplats som ger autentisering för att skapa widgeten och innehållet. Widgetarna själva är anpassade och värdar på Twitters webbplats.

Skapa Twitter-widgets

För att skapa Twitter-widgets, logga in på Twitter-webbplatsen med ditt personliga konto, klicka på ikonen "kugghjul" och välj alternativet "Inställningar". Välj underrubriken Widgets från menyn till vänster och klicka på "Skapa ny". Välj "Användartidslinje", "Favoriter", "Lista" eller "Sök" beroende på vilken typ av modul du vill skapa. Om du vill ställa in "Användartidslinje" och "Favoriter" anger du kontoets användarnamn och klickar på "Skapa widget" för att skapa widgetkoden. För att ställa in en "List" -widget, välj den redan skapade listan du vill använda och klicka på "Skapa widget." För att skapa en sökwidget, ange hashtaggen du vill lista under "Sökfråga" och klicka på "Skapa widget".

Implementera Twitter-widgets

Alla fyra Twitter-widgettyper genererar en inbäddad HTML- och JavaScript-kod som du kan använda för att placera widgeten på webbsidor. För att använda koden, kopiera den från fältet på Twitters webbplats och klistra in den på webbplatsens sidkod. Det självständiga skriptet laddas på sidan och injicerar en iframe som innehåller widgetens innehåll.

Bädda in tweets från tredje part

Du kan skapa inbäddningskoder för enskilda tweets från vilket konto som helst genom att använda alternativet "Bädda in". För att använda funktionen för inbäddning av tweet, gå till Twitter-kontoets tidslinjesida och leta upp den tweet du vill bädda in. För muspekaren över tweeten, klicka på "Mer" och välj "Bädda in Tweet". Webbplatsen dyker upp en ruta som innehåller inbäddningskoden, som kan kopieras och klistras in på en annan webbplats för att visa tweeten.