Comment voir les photos Instagram sur le site

Le Widget interactif offre un moyen simple de visualiser des photos Instagram en temps réel sur le site WordPress. On va te dire quoi faire. Vous avez un profil Instagram qui contient beaucoup d’informations et d’images. Vous voulez que vos visiteurs le voient. C’est très réel. Dans ce cas, le Widget du plug – in Instagram vous aidera. Il y a deux façons de voir les photos prises en charge par ce Widget. La première méthode consiste à afficher une photo avec une marque spécifique. Ensuite, sélectionnez l’option mes photos, puis vous pouvez retirer les photos de votre compte. Étant donné que la visualisation d’images à partir d’autres comptes est limitée par la politique Instagram, nous vous montrerons comment obtenir la permission de visualiser des images sur instagram. Pour accéder à vos photos et confirmer que vous êtes le propriétaire du compte et que vous avez accès à ces photos ainsi qu’à tout le contenu du site, vous devez d’abord configurer le jeton de connexion Instagram. Qu’est – ce qu’un jeton de connexion Instagram et comment voir les photos dans instagram? Le jeton de connexion Instagram est un ensemble de caractères unique à votre compte qui permet à d’autres applications d’accéder à votre flux Instagram. Votre site ne sera pas en mesure de se connecter au serveur Instagram à moins que vous n’ayez un jeton. Ce jeton fournit un moyen sûr pour un site Web de demander à Instagram l’accès à votre profil et de voir ses images. De plus, si vous souhaitez présenter une galerie Instagram que vous pouvez acheter dans shopify Store, il suffit d’installer l’application growave et de lier votre compte Facebook d’entreprise.
Comment puis – je obtenir mon jeton de connexion instagram? Pour obtenir avec succès un jeton de connexion Instagram, suivez ce guide étape par étape et vous apprendrez à voir facilement les photos dans Instagram. Étape 1. Pour ce faire, vous devez aller au développeur. Facebook. Com, sélectionnez le m
Et créer une application. Dans le tableau de bord de l’application, sélectionnez paramètres > Basic, faites défiler vers la fin de la page, puis cliquez sur Ajouter une plate – forme. Ensuite, sélectionnez le site, saisissez l’URL du site et enregistrez les modifications. Nous utiliserons le site ici, mais vous pourrez modifier la plateforme plus tard. Étape 2. Définissez la vue Instagram de base, puis cliquez sur le produit, localisez le produit Instagram et cliquez sur Ajouter une configuration. Cliquez sur la vue de base, faites défiler vers la fin de la page, puis cliquez sur créer une nouvelle application. Remplissez le formulaire comme décrit ci – dessous. Nom à afficher Entrez le nom de l’application Facebook que vous venez de créer. Oauth redirection Uri valide Saisissez l’URL du site. Ce champ est utilisé pour enregistrer l’URI spécial des paramètres de redirection, mais dans ce cas, pour plus de commodité, nous utiliserons l’URL de votre site.
Par exemple: https:\\zemez.io\ Après avoir entré l’URL, enregistrez les modifications et vérifiez à nouveau. Selon la structure, vous pouvez ajouter automatiquement un diagramme à barres à l’URL. Conservez l’URL complète – vous en avez besoin pour obtenir le Code d’autorisation et le jeton d’accès. Réinitialiser l’autorisation d’URL de rappel Saisissez à nouveau l’URL de votre site. Vous devez ensuite le remplacer par une URL pour gérer les permissions de suppression des notifications. URL de recherche pour la demande de suppression de données Saisissez à nouveau l’URL de votre site. Vous devez ensuite le remplacer par l’URL appropriée pour traiter la demande de suppression de données.
Examen des demandes Quand on saute, on n’en a pas encore besoin. Étape 3. Ajouter un utilisateur d’essai Instagram sélectionnez rôles > rôles et Défilez vers la section testeur Instagram. Cliquez sur Ajouter un testeur Instagram, Saisissez votre nom d’utilisateur Instagram et envoyez une invitation. Ouvrez une nouvelle fenêtre de navigateur et allez à www.instagram. Com et connectez – vous à votre compte inst
Invite Agram. Sélectionnez (icône profil) > modifier le profil > applications et sites Web > inviter les testeurs et accepter les invitations. Maintenant, votre application Facebook peut également accéder à votre compte Instagram en mode développement.
Étape 4. Connectez – vous à l’utilisateur d’essai et visualisez rapidement les photos à partir de l’URL de la fenêtre de permission Instagram Build ci – dessous. Remplacer {app id} par votre ID d’application Instagram (à partir du tableau de bord de l’application > Produits > Instagram > affichage de base > Instagram app ID) et {redirection Uri} par l’URL du site Web que vous avez fournie à l’étape 2 (\ Autoriser les utilisateurs d’essai Instagram (c’est – à – dire permettre aux applications d’accéder à vos données de profil). Pour ce faire, connectez – vous à votre compte dans la fenêtre d’autorisation et cliquez sur autorisation. Si elle est réussie, la page est redirigée vers l’URI spécifié à l’étape précédente et le Code d’autorisation est ajouté. Note: il y a des caractères # à la fin de l’URI de redirection, mais ils ne sont pas inclus dans le Code. Copiez ce code (sans les caractères partiels u): vous en aurez besoin à l’étape suivante. Étape 5. L’échange de code sous forme de jetons ouvre un outil ou une application en ligne de commande qui supporte les requêtes Curl et envoie les requêtes post suivantes à l’API:
Sertissage – colonne X https:\\api.instagram.com\oauth\access_token – f client _ id = {app id} – f client secret = {app secret} – f Grant type = Authorization Code \ – f Redirect uri = {Redirect Uri} – f code = {Code} remplace {app id} id de l’application Instagram au lieu de {app secret} – Instagram Application Secret Au lieu de {Redirect Uri} – URI d
Redirection et Code reçus de nous, pas {Code}. Remarque: l’URI de redirection doit correspondre exactement à l’URI spécifié à l’étape précédente jusqu’au dernier diagramme à barres (le panneau d’application peut automatiquement l’ajouter à l’URI lorsque vous configurez l’application Instagram).
Si elle réussit, l’API renvoie un objet codé json qui contient un jeton de connexion utilisateur Instagram d’une heure et votre ID utilisateur d’essai Instagram. Étape 6. Demandez au noeud utilisateur de visualiser les photos dans Instagram en utilisant la ligne de commande ou l’application et d’envoyer une demande d’URL au noeud utilisateur comme indiqué ci – dessous pour obtenir le nom d’utilisateur et l’id. Remplacez {ID utilisateur} et {jeton d’accès} par l’ID et le jeton d’accès obtenus à l’étape précédente, respectivement. Curl – X get https:\\graph.instagram.com\ {ID utilisateur}? Champs = ID, nom d’utilisateur et jeton d’accès = {jeton d’accès}
Si vous réussissez, l’API affiche votre nom d’utilisateur Instagram et votre Id. Étape 7. Changez les paramètres d’ajout de jetons d’accès au tableau de bord WordPress > jetplugins > jetelements. Allez dans l’onglet intégration, localisez la section Instagram et collez votre jeton dans le champ jetons d’accès, puis cliquez sur le bouton Enregistrer. Terminé! Vous pouvez maintenant retourner à l’élément et utiliser le Widget Instagram pour voir les photos dans votre compte. De plus, pour plus de fonctionnalités pour votre site, essayez le plugin zeguten.