Oletko koskaan halunnut jakaa tietyn Instagram-valokuva- tai videotiedoston) verkkosivustollasi, ja sitten yritteli tallentaa valokuva tietokoneellesi ja lähettää sen sivustollesi?
Instagramilla on upotusominaisuus, jonka avulla voit helposti lisätä valokuvia tai videoita verkkosivustosi tai blogisi HTML-muotoon. Sinun ei tarvitse olla web-suunnittelija selvittää, miten se tehdään.
Instagram-viestien upottamisen suoraan Web-sivuillesi on se etu, että sivustosi kävijät voivat olla vuorovaikutuksessa viestin kanssa ikään kuin ne olisivat Instagramissa. He voivat napsauttaa sitä siirtyäksesi postisivuun tai käyttäjäprofiiliin, jota he arvostavat, jos he ovat jo itse Instagram-käyttäjät.
Napsauta seuraamalla ohjeita, kuinka voit helposti upottaa Instagram-valokuvaa tai videota verkkosivustollesi muutamassa minuutissa.
01/06Etsi Instagram-valokuvien tai videoiden sivu, jonka haluat upottaa
Ensimmäiset asiat: Sinun täytyy käyttää Instagramia verkossa eikä mobiilisovellusta tekemään sen.
Jos haluat upottaa sovelluksessa näkyvän viestin, voit napauttaa sitä kolme pistettä jotka näkyvät minkä tahansa viestin oikeassa yläkulmassa, ja napauta sitten Kopioi linkki vaihtoehto, joka näkyy valikossa, kopioi ja liitä se jonnekin Internetiin pääsemiseksi.
Voit esimerkiksi liittää sen sähköpostiviestiin ja lähettää sen itsellesi, jotta voit avata linkin kyseiseen viestiin pöytätietokoneessa.
Avaa Instagram-viesti Web-selaimessa
Tässä esimerkissä käytämme valokuva-virkaa Lifewire Instagram -tilistä, mutta voit käyttää mitä tahansa haluamaasi Instagram-viestiä.
Jos sinulla on jo julkaisun URL-osoite, napsauta sitä tai kopioi ja liitä se selaimeen. Instagram-postin URL-osoite näyttää tältä: instagram.com/p/xxxxxxxxxx/ .
Kuitenkin, jos olet jo Instagram.com-sivustossa (verkossa, muistan, ei sovellus), joka selittää kotisi syötettä, profiilia, tunnistetta tai Tutustu -sivua, sinun ei tarvitse edes avata viestin sivua, jotta upottaa se web-sivulle.
03/06Napsauta kolmen pisteen oikeassa alakulmassa
Sen sijaan, että napsautat hiiren oikeaa hiirtä ja valitset "Tallenna nimellä" tai otat kuvan kuvakaappauksen, sinun on yksinkertaisesti vain etsittävä kolme pistettä kuvan laatan oikeassa alakulmassa, joka on siellä, katseletko viestiä ponnahdusikkunana sivullesi, syötteessäsi tai omalla postisivuillasi.
Napsauta näitä kolmea harmaata pistettä ja näet useita vaihtoehtoja pop-up. Klikkaa Upottaa.
04/06Kopioi upotuskoodi
Ruutu tulee näkyviin näytön keskellä, jossa näkyy merkkijono ja sininen painike. Jos haluat sisällyttää tekstin näkyviin verkkosivulla, voit poistua Sisällytä kuvateksti tarkistettu, mutta jos haluat vain näyttää valokuvan tai videon, voit poistaa sen käytöstä.
Sinun ei tarvitse tietää, miten jokin koodista toimii tai mitä se tarkoittaa, jotta kuva tai video voidaan upottaa sivustoosi. Napsauta vain sinistäKopioi upotuskoodi -painike kopioida koko koodilohkon automaattisesti.
Olet nyt tehnyt Instagram-sivun nyt. Seuraavaksi voit siirtyä verkkosivustoosi tai blogisi, johon haluat nähdä viestin.
05/06Liitä Instagram-upotuskoodi verkkosivustosi HTML-muotoon
Pääset käsiksi hallinnointialueeseen tai hallintapaneeliin millä tahansa verkkosivustolla tai blogialustalla, jota käytät, ja etsi oikea alue koodin lisäämiseksi.
Esimerkiksi jos sivustosi toimii WordPressissä, sinun tarvitsee vain käyttää muokattavaa viestisi tai sivusi Tekstimuoto (eikä Visual-tilassa), oikealla painikkeella ja valitse sitten tahna laittaa kopioidun upotuksen koodi ruutuun.
Tallenna se, keskitä se, jos haluat, julkaise se ja olet valmis.
06/06Tarkastele sivusi ja upotettu Instagram-kuva
Katsokaa julkaistua sivua verkossa nähdäksesi uuden Instagram-valokuvan tai videon, joka on kätevästi upotettu suoraan siihen.
Sinun pitäisi pystyä näkemään kuva, jossa on linkki Instagram-käyttäjän nimen yläosaan sekä sen alla olevien tykkäysten ja kommenttien määrä.
Jos kyseessä on valokuvan sijasta video, sivustosi kävijät voivat toistaa videosi juuri sinne sivustossasi.
Tietenkin, jos mitään ei näy sivustossasi, olet ehkä liittänyt koodin väärään paikkaan tai et ehkä kopioinut koodia. Tutustu tähän suuri HTML WordPress-ohjeartikkeli, jos sinulla on ongelmia.
