<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Archives des Instagram - Thomas KIRSCH</title>
	<atom:link href="https://kirsch-thomas.fr/blog/instagram/feed/" rel="self" type="application/rss+xml" />
	<link>https://kirsch-thomas.fr/blog/./instagram/</link>
	<description>Chef de Projet et Développeur Web</description>
	<lastBuildDate>Thu, 10 Dec 2020 22:10:53 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.7.2</generator>

<image>
	<url>https://kirsch-thomas.fr/wp-content/uploads/2019/02/cropped-favicon-32x32.png</url>
	<title>Archives des Instagram - Thomas KIRSCH</title>
	<link>https://kirsch-thomas.fr/blog/./instagram/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Générer une clé API Instagram via Facebook Developers en 2020</title>
		<link>https://kirsch-thomas.fr/blog/web/generer-une-cle-api-instagram-via-facebook-developers-en-2020/</link>
		
		<dc:creator><![CDATA[AdminKIRSCH]]></dc:creator>
		<pubDate>Sat, 25 Jul 2020 13:25:49 +0000</pubDate>
				<category><![CDATA[Instagram]]></category>
		<category><![CDATA[Web]]></category>
		<guid isPermaLink="false">https://kirsch-thomas.fr/?p=409</guid>

					<description><![CDATA[<p>Depuis le 31 mars 2020, Instagram a abandonné son ancienne API au profit d&#8217;une nouvelle API Basic Display disponible sur la plateforme Facebook Developers. Vous devez migrer vers la nouvelle API et régénérer une clé pour afficher à nouveau les informations de votre compte Instagram sur votre site internet. Les conditions requises pour suivre ce tutoriel [&#8230;]</p>
<p>L’article <a href="https://kirsch-thomas.fr/blog/web/generer-une-cle-api-instagram-via-facebook-developers-en-2020/">Générer une clé API Instagram via Facebook Developers en 2020</a> est apparu en premier sur <a href="https://kirsch-thomas.fr">Thomas KIRSCH</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>Depuis le 31 mars 2020, Instagram a abandonné son ancienne API au profit d&rsquo;une nouvelle <strong>API Basic Display disponible sur la plateforme Facebook Developers. </strong>Vous devez migrer vers la nouvelle API et régénérer une clé pour afficher à nouveau les informations de votre compte Instagram sur votre site internet.</p>
<p>Les conditions requises pour suivre ce tutoriel sont :</p>
<ul>
<li>Avoir une page Facebook</li>
<li>Avoir un rôle sur cette page Facebook (Administrateur par exemple)</li>
<li>Avoir un compte Instagram Business lié à votre page Facebook</li>
</ul>
<p><strong>À savoir avant de commencer : </strong>ce tutoriel vous guidera pour générer une clé. Néanmoins, pour afficher vos données Instagram sur votre site internet, vous aurez besoin du développeur ou de l&rsquo;agence qui s&rsquo;est occupé de la création de votre site internet.</p>
<p>&nbsp;</p>
<h2>Étape 1 : Se connecter à Facebook Developers</h2>
<p>Facebook Developers est une plateforme regroupant les différentes API des services contrôlés par Facebook, tel que Instagram ou Messenger. Cliquez sur ce lien <a href="https://developers.facebook.com/apps/" target="_blank" rel="noopener noreferrer"><strong>Facebook Developers</strong></a> pour accéder à l&rsquo;onglet des applications.<br />
L&rsquo;objectif sera d&rsquo;avoir votre API Graph pour Instagram avec le statut « <em>en ligne</em> » comme la capture ci-dessous.</p>
<p><img fetchpriority="high" decoding="async" class="alignnone size-full wp-image-413" src="https://kirsch-thomas.fr/wp-content/uploads/2020/07/tuto-api-instagram-1.png" alt="" width="2880" height="788" srcset="https://kirsch-thomas.fr/wp-content/uploads/2020/07/tuto-api-instagram-1.png 2880w, https://kirsch-thomas.fr/wp-content/uploads/2020/07/tuto-api-instagram-1-300x82.png 300w, https://kirsch-thomas.fr/wp-content/uploads/2020/07/tuto-api-instagram-1-1024x280.png 1024w, https://kirsch-thomas.fr/wp-content/uploads/2020/07/tuto-api-instagram-1-768x210.png 768w, https://kirsch-thomas.fr/wp-content/uploads/2020/07/tuto-api-instagram-1-1536x420.png 1536w, https://kirsch-thomas.fr/wp-content/uploads/2020/07/tuto-api-instagram-1-2048x560.png 2048w" sizes="(max-width: 2880px) 100vw, 2880px" /></p>
<p>&nbsp;</p>
<h2>Étape 2 : Ajouter une nouvelle App</h2>
<p>Cliquez sur le bouton <strong>Ajouter une app</strong> et suivez les étapes sous l&rsquo;image.</p>
<p><img decoding="async" class="alignnone size-full wp-image-415" src="https://kirsch-thomas.fr/wp-content/uploads/2020/07/tuto-api-instagram-1-1.png" alt="" width="2880" height="788" srcset="https://kirsch-thomas.fr/wp-content/uploads/2020/07/tuto-api-instagram-1-1.png 2880w, https://kirsch-thomas.fr/wp-content/uploads/2020/07/tuto-api-instagram-1-1-300x82.png 300w, https://kirsch-thomas.fr/wp-content/uploads/2020/07/tuto-api-instagram-1-1-1024x280.png 1024w, https://kirsch-thomas.fr/wp-content/uploads/2020/07/tuto-api-instagram-1-1-768x210.png 768w, https://kirsch-thomas.fr/wp-content/uploads/2020/07/tuto-api-instagram-1-1-1536x420.png 1536w, https://kirsch-thomas.fr/wp-content/uploads/2020/07/tuto-api-instagram-1-1-2048x560.png 2048w" sizes="(max-width: 2880px) 100vw, 2880px" /></p>
<ul>
<li>Une fois cliquée, Facebook vous demande comment allez-vous utiliser votre App. Choisissez <strong>pour le reste.</strong></li>
<li>Renseignez le <strong>nom d&rsquo;usage de l&rsquo;app, votre e-mail, la case juste moi pour l&rsquo;utilisation de l&rsquo;app, </strong>et si vous avez un compte Facebook Business, alors <strong>associez-le.</strong></li>
<li><strong>Cliquez </strong>sur <strong>Créer un ID d&rsquo;App.</strong></li>
<li><strong>Cliquez </strong>ensuite sur <strong>Je ne suis pas un robot.</strong></li>
</ul>
<p>À partir de ce moment, votre ID d&rsquo;app est créé !</p>
<p>&nbsp;</p>
<h2>Étape 3 : Renseignez vos informations et ajoutez une plateforme site internet</h2>
<p>À cette étape, vous arrivez sur la plateforme de votre ID. <strong>Cliquez</strong> à gauche sur <strong>Paramètre &gt; Général</strong> comme indiquez sur l&rsquo;image ci-dessous.</p>
<p><img decoding="async" class="alignnone size-full wp-image-416" src="https://kirsch-thomas.fr/wp-content/uploads/2020/07/Instagram-plateform.png" alt="" width="2880" height="1580" srcset="https://kirsch-thomas.fr/wp-content/uploads/2020/07/Instagram-plateform.png 2880w, https://kirsch-thomas.fr/wp-content/uploads/2020/07/Instagram-plateform-300x165.png 300w, https://kirsch-thomas.fr/wp-content/uploads/2020/07/Instagram-plateform-1024x562.png 1024w, https://kirsch-thomas.fr/wp-content/uploads/2020/07/Instagram-plateform-768x421.png 768w, https://kirsch-thomas.fr/wp-content/uploads/2020/07/Instagram-plateform-1536x843.png 1536w, https://kirsch-thomas.fr/wp-content/uploads/2020/07/Instagram-plateform-2048x1124.png 2048w" sizes="(max-width: 2880px) 100vw, 2880px" /></p>
<ul>
<li><strong>Renseignez </strong>les champs concernant l&rsquo;entreprise ou bien vous-même en tant que délégué de la protection des données. Plus d&rsquo;informations vous remplirez et plus la plateforme aura confiance en vous.</li>
<li><strong>Cliquez </strong>en bas de la page sur <strong>Ajouter une plateforme</strong></li>
</ul>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-418" src="https://kirsch-thomas.fr/wp-content/uploads/2020/07/Capture-d’écran-2020-07-25-à-10.14.56.png" alt="" width="2880" height="496" srcset="https://kirsch-thomas.fr/wp-content/uploads/2020/07/Capture-d’écran-2020-07-25-à-10.14.56.png 2880w, https://kirsch-thomas.fr/wp-content/uploads/2020/07/Capture-d’écran-2020-07-25-à-10.14.56-300x52.png 300w, https://kirsch-thomas.fr/wp-content/uploads/2020/07/Capture-d’écran-2020-07-25-à-10.14.56-1024x176.png 1024w, https://kirsch-thomas.fr/wp-content/uploads/2020/07/Capture-d’écran-2020-07-25-à-10.14.56-768x132.png 768w, https://kirsch-thomas.fr/wp-content/uploads/2020/07/Capture-d’écran-2020-07-25-à-10.14.56-1536x265.png 1536w, https://kirsch-thomas.fr/wp-content/uploads/2020/07/Capture-d’écran-2020-07-25-à-10.14.56-2048x353.png 2048w" sizes="auto, (max-width: 2880px) 100vw, 2880px" /></p>
<ul>
<li><strong>Sélectionnez : </strong>site web.</li>
<li>Un nouvel encart apparaît, <strong>renseignez</strong> l&rsquo;URL de votre site internet.</li>
<li><strong>Cliquez </strong>en bas à droite sur le bouton <strong>Enregistrer les modifications.</strong></li>
</ul>
<p>&nbsp;</p>
<h2>Étape 4 : Ajouter un produit à votre App</h2>
<p>L&rsquo;objectif de cette étape est de créer <strong>un nouveau produit </strong>qui se nomme <strong>API Graph pour Instagram.</strong></p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-422" src="https://kirsch-thomas.fr/wp-content/uploads/2020/07/Instagram-produit-2.png" alt="" width="2880" height="1574" srcset="https://kirsch-thomas.fr/wp-content/uploads/2020/07/Instagram-produit-2.png 2880w, https://kirsch-thomas.fr/wp-content/uploads/2020/07/Instagram-produit-2-300x164.png 300w, https://kirsch-thomas.fr/wp-content/uploads/2020/07/Instagram-produit-2-1024x560.png 1024w, https://kirsch-thomas.fr/wp-content/uploads/2020/07/Instagram-produit-2-768x420.png 768w, https://kirsch-thomas.fr/wp-content/uploads/2020/07/Instagram-produit-2-1536x839.png 1536w, https://kirsch-thomas.fr/wp-content/uploads/2020/07/Instagram-produit-2-2048x1119.png 2048w" sizes="auto, (max-width: 2880px) 100vw, 2880px" /></p>
<ul>
<li><strong>Cliquez </strong>dans le menu de gauche sur <strong>Produits</strong></li>
<li><strong>Cliquez </strong>sur <strong>Instagram Basic Display </strong>dans la liste des produits disponibles afin de le configurer.</li>
<li>Un texte d&rsquo;information s&rsquo;affiche, <strong>cliquez </strong>sur <strong>Créer une application</strong> en bas du texte.</li>
<li>Une petite fenêtre s&rsquo;ouvre sur votre écran avec le nom déjà renseigné, <strong>cliquez à nouveau</strong> sur <strong>Créer une application.</strong></li>
</ul>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-423" src="https://kirsch-thomas.fr/wp-content/uploads/2020/07/produit-basic-display.png" alt="" width="2880" height="1576" srcset="https://kirsch-thomas.fr/wp-content/uploads/2020/07/produit-basic-display.png 2880w, https://kirsch-thomas.fr/wp-content/uploads/2020/07/produit-basic-display-300x164.png 300w, https://kirsch-thomas.fr/wp-content/uploads/2020/07/produit-basic-display-1024x560.png 1024w, https://kirsch-thomas.fr/wp-content/uploads/2020/07/produit-basic-display-768x420.png 768w, https://kirsch-thomas.fr/wp-content/uploads/2020/07/produit-basic-display-1536x841.png 1536w, https://kirsch-thomas.fr/wp-content/uploads/2020/07/produit-basic-display-2048x1121.png 2048w" sizes="auto, (max-width: 2880px) 100vw, 2880px" /></p>
<ul>
<li>Dans le menu de gauche, vous avez maintenant <strong>Instagram Basic Display</strong> qui apparaît. <strong>Cliquez </strong>sur <strong>Basic Display.</strong></li>
<li>Une fois dans la page <strong>Basic Display, </strong>vous devez <strong>renseigner 3 fois </strong>le nom de votre site internet comme sur l&rsquo;image d&rsquo;exemple ci-dessus.</li>
<li><strong>Cliquez</strong> sur <strong>Enregistrer les modifications. </strong></li>
</ul>
<p>&nbsp;</p>
<h2>Étape 5 : Ajouter un Instagram Tester dans l&rsquo;onglet Rôle</h2>
<p>Pour lier le compte Instagram à votre API, il faut <strong>ajouter un Instagram Tester </strong>qui sera votre compte Instagram Business que vous souhaitez afficher sur votre site internet.</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-425" src="https://kirsch-thomas.fr/wp-content/uploads/2020/07/instagram-role.png" alt="" width="2880" height="1584" srcset="https://kirsch-thomas.fr/wp-content/uploads/2020/07/instagram-role.png 2880w, https://kirsch-thomas.fr/wp-content/uploads/2020/07/instagram-role-300x165.png 300w, https://kirsch-thomas.fr/wp-content/uploads/2020/07/instagram-role-1024x563.png 1024w, https://kirsch-thomas.fr/wp-content/uploads/2020/07/instagram-role-768x422.png 768w, https://kirsch-thomas.fr/wp-content/uploads/2020/07/instagram-role-1536x845.png 1536w, https://kirsch-thomas.fr/wp-content/uploads/2020/07/instagram-role-2048x1126.png 2048w" sizes="auto, (max-width: 2880px) 100vw, 2880px" /></p>
<ul>
<li>Dans le menu de gauche, <strong>cliquez </strong>sur <strong>Rôles &gt; rôles </strong>pour accéder à la page qui liste les différents utilisateurs et leurs rôles sur votre application.</li>
<li>Allez en bas de page, et <strong>cliquez </strong>sur <strong>Ajouter Testeurs Instagram.</strong></li>
<li><strong>Entrez </strong>le nom de votre <strong>compte Instagram </strong>et <strong>envoyez </strong>une demande.</li>
</ul>
<p>&nbsp;</p>
<h2>Étape 6 : Se rendre sur Instagram pour affecter l&rsquo;invitation à être Instagram Tester de votre API Instagram</h2>
<p>Rendez-vous sur le <a href="https://www.instagram.com/" target="_blank" rel="noopener noreferrer"><strong>site internet d&rsquo;Instagram</strong></a> et suivez les étapes ci-dessous pour accepter l&rsquo;invitation.</p>
<ul>
<li><strong>Connectez-vous </strong>à votre compte Instagram si ce n&rsquo;est pas encore fait.</li>
<li><strong>Cliquez </strong>sur votre profil en haut à droite et <strong>cliquez sur Paramètres.</strong></li>
<li><strong>Cliquez </strong>sur <strong>Apps et Sites Web </strong>et rendez-vous dans l&rsquo;onglet <strong>Invitations à tester </strong>(voir image ci-dessous).</li>
</ul>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-426" src="https://kirsch-thomas.fr/wp-content/uploads/2020/07/instagram-confirm-role.png" alt="" width="2880" height="1580" srcset="https://kirsch-thomas.fr/wp-content/uploads/2020/07/instagram-confirm-role.png 2880w, https://kirsch-thomas.fr/wp-content/uploads/2020/07/instagram-confirm-role-300x165.png 300w, https://kirsch-thomas.fr/wp-content/uploads/2020/07/instagram-confirm-role-1024x562.png 1024w, https://kirsch-thomas.fr/wp-content/uploads/2020/07/instagram-confirm-role-768x421.png 768w, https://kirsch-thomas.fr/wp-content/uploads/2020/07/instagram-confirm-role-1536x843.png 1536w, https://kirsch-thomas.fr/wp-content/uploads/2020/07/instagram-confirm-role-2048x1124.png 2048w" sizes="auto, (max-width: 2880px) 100vw, 2880px" /></p>
<ul>
<li><strong>Cliquez </strong>sur <strong>Accepter.</strong></li>
</ul>
<p>&nbsp;</p>
<h2>Étape 7 : Générer le Token / la clé API Instagram</h2>
<p>Rendez-vous à nouveau sur la plateforme Facebook Developers pour générer le Token.</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-429" src="https://kirsch-thomas.fr/wp-content/uploads/2020/07/instagram-generate-token.png" alt="" width="2880" height="1580" srcset="https://kirsch-thomas.fr/wp-content/uploads/2020/07/instagram-generate-token.png 2880w, https://kirsch-thomas.fr/wp-content/uploads/2020/07/instagram-generate-token-300x165.png 300w, https://kirsch-thomas.fr/wp-content/uploads/2020/07/instagram-generate-token-1024x562.png 1024w, https://kirsch-thomas.fr/wp-content/uploads/2020/07/instagram-generate-token-768x421.png 768w, https://kirsch-thomas.fr/wp-content/uploads/2020/07/instagram-generate-token-1536x843.png 1536w, https://kirsch-thomas.fr/wp-content/uploads/2020/07/instagram-generate-token-2048x1124.png 2048w" sizes="auto, (max-width: 2880px) 100vw, 2880px" /></p>
<ul>
<li><strong>Cliquez </strong>dans le menu de gauche sur <strong>Instagram Basic Display &gt; Basic Display.</strong></li>
<li>Vous arrivez sur la page avec votre compte Instagram validé en <strong>Utilisateur Test.</strong></li>
<li><strong>Cliquez </strong>sur le bouton <strong>Generate Token </strong>comme sur l&rsquo;image ci-dessus.</li>
<li>Instagram vous demandera de vous <strong>connecter à nouveau à votre compte Instagram</strong> et <strong>d&rsquo;autoriser</strong> la génération de l&rsquo;accès Token.</li>
</ul>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-430" src="https://kirsch-thomas.fr/wp-content/uploads/2020/07/instagram-finish.png" alt="" width="2880" height="1584" srcset="https://kirsch-thomas.fr/wp-content/uploads/2020/07/instagram-finish.png 2880w, https://kirsch-thomas.fr/wp-content/uploads/2020/07/instagram-finish-300x165.png 300w, https://kirsch-thomas.fr/wp-content/uploads/2020/07/instagram-finish-1024x563.png 1024w, https://kirsch-thomas.fr/wp-content/uploads/2020/07/instagram-finish-768x422.png 768w, https://kirsch-thomas.fr/wp-content/uploads/2020/07/instagram-finish-1536x845.png 1536w, https://kirsch-thomas.fr/wp-content/uploads/2020/07/instagram-finish-2048x1126.png 2048w" sizes="auto, (max-width: 2880px) 100vw, 2880px" /></p>
<ul>
<li>Vous aurez cette petite fenêtre qui s&rsquo;affiche avec la clé qui est affichée en mode crypté par défaut.</li>
<li>Vous devez <strong>cliquez </strong>sur « <strong>I Understand » </strong>pour faire afficher la clé.</li>
<li><strong>Copier / coller </strong>la clé API et envoyez-là à votre développeur ou à l&rsquo;agence qui s&rsquo;occupe du développement de votre site internet.</li>
<li><strong>Terminez </strong>par <strong>Enregistrer les modifications</strong></li>
<li>En haut de votre page, vous avez un petit switch <strong>en développement</strong>, vous pouvez <strong>cliquez dessus</strong> pour le passer en ligne, si bien sûr vous avez au préalable bien renseigner un lien vers votre politique de confidentialité.</li>
</ul>
<p>&nbsp;</p>
<p>À présent, si vous retournez sur la page d&rsquo;accueil de Facebook Developers et que vous vous rendez sur <strong>vos Apps</strong>, vous trouvez votre nouvelle application avec le statut <strong>en ligne. </strong>Votre clé d&rsquo;accès à l&rsquo;API d&rsquo;Instagram est prête à être utilisée !</p>
<p>&nbsp;</p>
<hr />
<p>&nbsp;</p>
<h3>Pour un exemple du tutoriel sous forme de vidéo pour votre API Instagram :</h3>
<p>Quelques petits changement de la plateforme sont à noter par rapport à cette vidéo ci-dessous, mais elle peut également vous aider à suivre les étapes en plus du tutoriel ci-dessus.</p>
<p>&nbsp;</p>
<p><a href="https://www.youtube.com/watch?v=rWUcb8jXgVA&#038;t=4s">https://www.youtube.com/watch?v=rWUcb8jXgVA&amp;t=4s</a></p>
<p style="text-align: center;"><em>Source : Chaîne Youtube &#8211; ETS Soft</em></p>
<p>&nbsp;</p>
<p style="text-align: center;"><strong>Merci d&rsquo;avoir suivi ce tutoriel ! </strong></p>
<p style="text-align: center;">En cas de besoin, il est possible de me contacter via les réseaux sociaux ou ma <a href="https://kirsch-thomas.fr/contact/">page de contact</a>.</p>
<p>L’article <a href="https://kirsch-thomas.fr/blog/web/generer-une-cle-api-instagram-via-facebook-developers-en-2020/">Générer une clé API Instagram via Facebook Developers en 2020</a> est apparu en premier sur <a href="https://kirsch-thomas.fr">Thomas KIRSCH</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
