Ooit een bepaalde Instagram-foto of videopost willen delen) op je website en vervolgens frustrerend geprobeerd de foto op je computer op te slaan en naar je site te uploaden?
Instagram heeft een insluitfunctie die je kunt gebruiken om eenvoudig foto's of video's in de HTML van je website of blog in te voegen, en je hoeft geen webontwerper te zijn om erachter te komen hoe dit moet.
Het voordeel van het direct inbedden van Instagram-berichten in uw webpagina's is dat uw websitebezoekers kunnen communiceren met de post alsof ze op Instagram zijn. Ze kunnen erop klikken om naar de berichtpagina of het gebruikersprofiel te gaan, wat ze zullen waarderen als ze zelf al Instagram-gebruikers zijn.
Doorloop de volgende stappen om te zien hoe u eenvoudig een Instagram-foto of -video in uw website in slechts een paar minuten kunt insluiten.
01 van 06Zoek de Instagram-foto of video-pagina die je wilt insluiten
De eerste dingen eerst: je moet toegang hebben tot Instagram op internet en niet de mobiele app om dit te doen.
Als u een bericht wilt insluiten dat u in de app hebt gevonden, tikt u op drie punten die in de rechterbovenhoek van een bericht worden weergegeven en tik vervolgens op Kopieer link optie die in het menu verschijnt om het ergens te kopiëren en te plakken om het op internet te openen.
U kunt het bijvoorbeeld in een e-mailbericht plakken en naar uzelf verzenden, zodat u de koppeling naar dat bericht op een desktopcomputer kunt openen.
Open de Instagram-post in een webbrowser
Voor dit voorbeeld gebruiken we een fotobericht van het officiële Lifewire Instagram-account, maar je kunt elke Instagram-post gebruiken die je wilt.
Als je de URL voor het bericht al hebt, klik je erop of kopieert en plakt je het in je webbrowser. De URL voor de Instagram-post ziet er ongeveer zo uit: instagram.com/p/xxxxxxxxxx/ .
Als je echter al op Instagram.com (op internet, niet in de app) op je homefeed, een profiel, een tag of de pagina Verkennen bent, hoef je niet eens de pagina van de post te openen om embed het in een webpagina.
03 van 06Klik op de drie punten in de rechterbenedenhoek
In plaats van met de rechtermuisknop te klikken en "Opslaan als" te kiezen of een schermafbeelding van de afbeelding te maken, gaat u gewoon naar de drie punten in de rechterbenedenhoek van het afbeeldingsvak, dat zich daar bevindt, of u nu het bericht bekijkt als een pop-up over de pagina, in uw feed of op een eigen berichtpagina.
Klik op die drie grijze stippen en je zou verschillende opties zien verschijnen. Klik op insluiten.
04 van 06Kopieer de insluitcode
Er verschijnt een vak in het midden van je scherm met een reeks code en een blauwe knop. Als u het bijschrift wilt opnemen in de webpagina, kunt u de Neem bijschriftvak op aangevinkt, maar als je de foto of video gewoon wilt laten zien, kun je het vinkje verwijderen.
U hoeft niet te weten hoe een code werkt of wat het betekent om de foto of video op de juiste manier in uw site te integreren. Klik gewoon op het blauwKnop Embedcode kopiëren om de volledige reeks code automatisch te kopiëren.
Je bent nu klaar met de Instagram-pagina. Vervolgens kunt u doorgaan naar uw website of blog waar u het bericht wilt laten weergeven.
05 van 06Plak de instagramcode van Instagram in de HTML van uw website
Het is aan u om toegang te krijgen tot het admingebied of dashboard van welk website- of blogplatform u ook gebruikt en het juiste gebied te vinden om de code in te voegen.
Als uw site bijvoorbeeld op WordPress werkt, hoeft u alleen maar uw bewerkbare bericht of pagina te openen Tekstmodus (in plaats van de visuele modus), klik met de rechtermuisknop in de editor en selecteer Pasta om uw gekopieerde ingesloten code in de doos te plaatsen.
Bewaar het, centreer het als je wilt, publiceer het en je bent klaar.
06 van 06Bekijk je pagina en Embedded Instagram Photo
Bekijk de gepubliceerde pagina online om de nieuwe Instagram-foto of -video netjes erin te zien.
Je moet de foto met de link naar de naam van de Instagram-gebruiker bovenaan kunnen zien, evenals het aantal likes en reacties eronder.
Als het een video is in plaats van een foto, kunnen bezoekers van uw website de video daar op uw site afspelen.
Natuurlijk, als er niets op uw site verschijnt, hebt u de code misschien op de verkeerde plaats geplakt of heeft u misschien niet de volledige reeks code gekopieerd. Bekijk dit geweldige Help-artikel voor HTML WordPress als u problemen ondervindt.
