Har du nogensinde ønsket at dele et bestemt Instagram-foto eller videoindlæg) på din hjemmeside, så prøvede du frustrerende at gemme billedet på din computer og uploade det til dit websted?
Instagram har en indlejringsfunktion, som du nemt kan indsætte fotos eller videoer i HTML på dit websted eller blog, og du behøver ikke være webdesigner for at finde ud af, hvordan du gør det.
Fordelen ved at indlejre Instagram-indlæg direkte i dine websider er, at dine besøgende på internettet kan interagere med posten som om de var på Instagram. De kan klikke på det for at gå til indlægssiden eller brugerprofilen, som de vil sætte pris på, hvis de allerede er Instagram-brugere selv.
Klik gennem følgende trin for at se, hvordan du nemt kan indlejre et Instagram-billede eller en video på dit websted om få minutter.
01 af 06Find Instagram-fotoet eller videosiden, du vil integrere
Første ting først: Du skal bruge Instagram på internettet og ikke mobilappen til at gøre dette.
Hvis du skal indlejre et indlæg, du har fundet i appen, kan du trykke på tre prikker der vises i øverste højre hjørne af et indlæg, og tryk derefter på Kopier link mulighed der vises i menuen for at kopiere og indsætte det et eller andet sted for at få adgang til det på internettet.
Du kan f.eks. Indsætte det i en e-mail-meddelelse og sende det til dig selv, så du kan åbne linket til det pågældende indlæg på en stationær computer.
Åbn Instagram Post i en webbrowser
I dette eksempel bruger vi et fotopost fra den officielle Lifewire Instagram-konto, men du kan bruge ethvert Instagram-indlæg, du vil have.
Hvis du allerede har URL'en til indlægget, skal du blot klikke på det eller kopiere og indsætte det i din webbrowser. Webadressen til Instagram-indlægget vil se sådan ud: instagram.com/p/xxxxxxxxxx/ .
Men hvis du allerede er på Instagram.com (på internettet, husk ikke appen) gennemsøger dit hjemfeed, en profil, et tag eller siden Udforsk, behøver du ikke engang at åbne postens side for at integrere det i en webside.
03 af 06Klik på de tre prikker i nederste højre hjørne
I stedet for at højreklikke på musen og vælge "Gem som" eller tage et skærmbillede af billedet, skal du bare søge efter tre prikker i nederste højre hjørne af billedboksen, som vil være der, uanset om du ser posten som en pop op over siden, i dit feed eller på egen postside.
Klik på de tre grå prikker, og du skal se flere muligheder pop op. Klik på Indlejre.
04 af 06Kopier embed-koden
En boks vil dukke op midt på skærmen med en streng kode og en blå knap. Hvis du vil medtage billedteksten for at dukke op på websiden, kan du forlade Medtag billedtekst afkrydset, men hvis du bare vil vise billedet eller videoen, kan du fjerne markeringen.
Du behøver ikke at vide, hvordan en kode fungerer eller hvad det betyder for korrekt at integrere billedet eller videoen på dit websted. Du skal blot klikke på det blåKopier Embed Code-knappen at automatisk kopiere hele strenget af kode.
Du er færdig med Instagram siden nu. Dernæst kan du gå videre til dit websted eller din blog, hvor du vil have posten vist.
05 af 06Indsæt Instagram Embed Code i HTML på dit websted
Det er op til dig at få adgang til admin-området eller dashboardet af hvilken webside eller blog-platform du bruger, og find det rigtige område for at indsætte koden.
Hvis dit websted f.eks. Kører på WordPress, skal du bare få adgang til dit redigerbare indlæg eller side i Teksttilstand (snarere end visuel tilstand) Højreklik i editoren, og vælg sæt ind at sætte din kopierede embed kode ind i boksen.
Gem det, centrer det, hvis du vil, udgiv det, og du er færdig.
06 af 06Se dit side og indlejret Instagram-billede
Se på den offentliggjorte side online for at se det nye Instagram-billede eller -video, der er indlejret lige ind i det.
Du skal kunne se billedet med linket til Instagram-brugerens navn øverst såvel som antallet af lignende og kommentarer under det.
Hvis det er en video i stedet for et billede, vil besøgende på dit websted kunne spille videoen lige der på dit websted.
Selvfølgelig, hvis der ikke vises noget på dit websted, har du muligvis indsat koden på det forkerte sted eller måske ikke kopieret hele kodenes streng. Tjek denne fantastiske HTML WordPress help artikel, hvis du har problemer.
