Vous avez toujours voulu partager une photo ou une publication vidéo Instagram particuliè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 possède 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 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 sur 06Trouvez la page photo ou vidéo Instagram que vous souhaitez intégrer
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 le bouton trois points qui apparaissent dans le coin supérieur droit de tout message, puis appuyez sur le bouton Copier le lien option qui apparaît dans le menu pour copier et 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.
Ouvrez la publication Instagram dans un navigateur Web
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/xxxxxxxxxxx/ .
Cependant, si vous naviguez déjà sur Instagram.com (sur le Web, n'oubliez pas, pas sur l'application) en parcourant votre fil d'accueil, un profil, un tag ou la page Explorer, vous n'avez même pas besoin d'ouvrir la page de l'article l'intégrer dans une page Web.
03 sur 06Cliquez sur les trois points dans le coin inférieur droit
Au lieu de cliquer avec le bouton droit de la souris et de choisir «Enregistrer sous» ou de prendre une capture d’écran de l’image, vous allez simplement rechercher le trois points dans le coin inférieur droit de la zone d'image, qu'il s'agisse de l'affichage de la publication sous forme de fenêtre contextuelle au-dessus de la page, de votre flux ou de sa propre page de publication.
Cliquez sur ces trois points gris et vous devriez voir plusieurs options apparaître. Cliquer sur Intégrer.
04 de 06Copier le code incorporé
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 le Inclure la boîte de légende cochée, mais si vous souhaitez simplement 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 bleuBouton Copier le code incorporé pour copier automatiquement toute la chaîne de code.
Vous avez terminé avec la page Instagram maintenant. Ensuite, vous pouvez accéder à votre site Web ou à votre blog sur lequel vous souhaitez afficher le message.
05 de 06Collez le code d'intégration Instagram dans le code HTML de votre site Web.
C’est à vous d’accéder à la zone administrative ou au tableau de bord du site Web ou de la plate-forme 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 à votre page modifiable. Mode texte (plutôt qu'en mode visuel), clic-droit dans l'éditeur et sélectionnez Coller mettre votre code intégré copié dans la boîte.
Enregistrez-le, centrez-le si vous le souhaitez, publiez-le et vous avez terminé.
06 sur 06Voir votre page et photo Instagram incorporé
Jetez un coup d'œil à 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.
Si c’est une vidéo au lieu d’une photo, les visiteurs de votre site Web pourront la visionner directement sur votre site.
Bien sûr, si rien n’apparaît sur votre site, vous avez peut-être collé le code au mauvais endroit ou n’avez peut-être pas copié toute la chaîne de code. Consultez cet article d’aide HTML WordPress si vous rencontrez des problèmes.
