Comment intégrer des photos ou des publications vidéo Instagram à un site Web

loading...
Comment intégrer des photos ou des publications vidéo Instagram à un site Web

Vous avez toujours voulu partager une photo ou une publication vidéo Instagramparticulière  sur votre site Web, puis tenté de manière frustrante de sauvegarder la photo sur votre ordinateur et de la télécharger sur votre site?
Instagram a une fonctionnalité d'intégration que vous pouvez utiliser pour insérer facilement des photos ou des vidéos dans le code HTML de votre site Web ou de votre blog. Vous n'avez pas besoin d'être un concepteur de sites Web pour savoir comment le faire.
L'intégration de publications Instagram directement dans vos pages Web présente l'avantage de permettre aux visiteurs de votre site Web d'interagir avec la publication comme s'ils étaient sur Instagram. Ils peuvent cliquer dessus pour accéder à la page de publication ou au profil de l'utilisateur, ce qu'ils apprécieront s'ils sont déjà eux-mêmes des utilisateurs d'Instagram.
Suivez les étapes ci-dessous pour voir comment intégrer facilement une photo ou une vidéo Instagram à votre site Web en quelques minutes seulement.
01
de 06

Trouvez la page photo ou vidéo Instagram que vous souhaitez intégrer

Deux captures d'écran de l'application mobile Instagram.
 L'application mobile Instagram.
Tout d'abord: vous devez accéder à Instagram sur le Web et non à l'application mobile pour le faire.
Si vous devez intégrer un message que vous avez trouvé sur l'application, vous pouvez appuyer sur les trois points qui apparaissent dans le coin supérieur droit de tout message, puis sur l' option Copier le lien qui apparaît dans le menu pour le copier et le coller quelque part. pour y accéder sur le web.
Par exemple, vous pouvez le coller dans un courrier électronique et vous l'envoyer afin que vous puissiez ouvrir le lien vers ce message sur un ordinateur de bureau.
02
de 06

Ouvrez la publication Instagram dans un navigateur Web

Une capture d'écran d'un post de photo sur Instagram.com.
 Un post photo sur Instagram.com.
Pour cet exemple, nous utiliserons une publication photo du compte Instagram officiel de Lifewire, mais vous pouvez utiliser n’importe quelle publication Instagram de votre choix.
Si vous avez déjà l'URL du message, cliquez dessus ou copiez-le et collez-le dans votre navigateur Web. L'  URL  de la publication Instagram ressemblera à ceci:  instagram.com/p/xxxxxxxxxx/ .
Cependant, si vous êtes déjà sur Instagram.com (sur le Web, n'oubliez pas, pas l'application) lorsque vous parcourez votre fil d'accueil, un profil, un tag ou la page Explorer, vous n'avez même pas besoin d'ouvrir la page du message l'intégrer dans une page Web.
03
de 06

Cliquez sur les trois points dans le coin inférieur droit

Une capture d'écran d'un post de photo sur Instagram.com.
 Un post photo sur Instagram.com.
Au lieu de cliquer avec le bouton droit de votre souris et de choisir «Enregistrer sous» ou de prendre une capture d'écran de l'image, vous allez simplement rechercher les trois points dans le coin inférieur droit de la zone d'image. afficher la publication sous forme de fenêtre contextuelle sur la page, dans votre flux ou sur sa propre page de publication.
Cliquez sur ces trois points gris et vous devriez voir apparaître plusieurs options. Cliquez sur Incorporer .
04
de 06

Copier le code incorporé

Une capture d'écran d'un post de photo sur Instagram.com.
 Un post photo sur Instagram.com.
Une boîte apparaîtra au milieu de votre écran avec une chaîne de code et un bouton bleu. Si vous souhaitez inclure la légende à afficher dans la page Web, vous pouvez laisser la case Inclure la légende cochée, mais si vous souhaitez uniquement afficher la photo ou la vidéo, vous pouvez la désélectionner.
Vous n'avez pas besoin de savoir comment fonctionne le code ni ce que cela signifie pour intégrer correctement la photo ou la vidéo dans votre site. Cliquez simplement sur le bouton bleu  Copier le code incorporé pour copier automatiquement toute la chaîne de code.
Vous avez terminé avec la page Instagram maintenant. Ensuite, vous pouvez passer à votre site Web ou votre blog où vous souhaitez que le message soit affiché.
05
de 06

Collez le code d'intégration Instagram dans le code HTML de votre site Web.

Une capture d'écran du code d'intégration d'une publication Instagram.
 Le code d'intégration d'un article Instagram.
C'est à vous d'accéder à la zone d'administration ou au tableau de bord de n'importe quel site Web ou plateforme de blogging que vous utilisez, et de trouver la zone appropriée pour insérer le code.
Par exemple, si votre site fonctionne sous WordPress , il vous suffit d'accéder à votre publication ou page modifiable en mode texte (plutôt qu'en mode visuel), cliquez avec le bouton droit de la souris dans l'éditeur et sélectionnez Coller pour insérer le code d'intégration copié dans la zone.
Enregistrez-le, centrez-le si vous le souhaitez, publiez-le et vous avez terminé.
06
de 06

Voir votre page et photo Instagram incorporé

Capture d'écran d'un article Instagram intégré à une page Web.
 Un article Instagram intégré dans une page Web.
Jetez un coup d'oeil à la page publiée en ligne pour voir la nouvelle photo ou vidéo Instagram parfaitement intégrée.
Vous devriez pouvoir voir la photo avec le lien vers le nom de l'utilisateur Instagram en haut, ainsi que le nombre de goûts et commentaires en-dessous.
S'il s'agit d'une vidéo au lieu d'une photo, les visiteurs de votre site Web pourront la visionner directement sur votre site.
Labels: Instagram

Merci d'avoir lu Comment intégrer des photos ou des publications vidéo Instagram à un site Web. Partagez s'il vous plait...!

Back To Top