Come su questo blog oggi vi spiegherò come usare Instagram per ritrovare l’ultima foto da voi caricata, magari tramite iphone, e ritrovarvela dopo pochi minuti sul vostro blog WordPress.
Per prima cosa andate sul vostro account di Instagram e una volta loggati andate alla sezione Developers di Instagram a questo indirizzo: http://instagram.com/developer/
Ora qui dovrete cliccare su Gestisci Client in alto a destra e creare un nuovo Client tramite il pulsante verde.
Ora immettete tutti i dati che vi chiede, compreso il nome del vostro sito.
Bravi! Ora avete i dati che ci servono!
Ora il meccanismo si fa complicato ma non mollate ok? Dobbiamo trovare il nostro Access Token su Instagram e per farlo dobbiamo analizzare la URL di instagram.
Bene, ora se avete analizzato la URL, troverete 2 paroline: TUO_CLIENT_ID e TUO_SITO_REDIRECT Alla URL di cui sopra dovrete andare a sostituire con il CLIENT ID di instagram che avete precedentemente generato ed inserire la url di redirect che avete impostato, ecco un esempio di url finita:
Ovviamente quello sopra è un CLIENT ID fatto da me spremendo al tastiera 🙂
Ora arriva il bello! Andate con la vostra url nel vostro Browser ed incollatela. Magicamente vi compare una pagina su Instagram che vi chiede di autorizzare:
Autorizzate la richiesta e magicamente verrete catapultati sul dominio che avevate impostato, il vostro sito. Ma se badate bene troverete in alto nella URL un codice strano. Segnatevelo!! E’ importantissimo e rappresenta il nostro Access Token e dovete salvarlo.
Di solito la stringa Access Token si compone dall’ID del vostro Instagram e poi da una stringa di sicurezza. Ora che abbiamo i dati necessari, passiamo al lavoro più semplice!
Copiate questo codice in PHP che ho preparato per voi e mettetelo nel vostro codice, esattamente dove volete che compaia il codice con la foto di Instagram, dategli una letta perché è li che dovete mettere le informazioni necessarie e non abbiate paura a modificarlo come indicato:
Ora avete capito come ottenere la ultima foto da Instagram! Alla prossima e fatemi sapere come sempre le vostre opinioni in merito e se avete suggerimenti o consigli!
Ah! Ho anche inserito la possibilità, per chi si volesse cimentare, di inserire non solo 1 foto ma anche tutte volendo! Basta cambiare il count nella variabile iniziale!
Ciao,
scusami ma come faccio se voglio che le immagini istagram si alternino sul mio blog? praticamente vorrei che passassero ognuna per qualche istante…
grazie mille!
thelittlepinkpepper.wordpress.com
Ciao Federica, complimenti per il blog 😉
con questo mio tutorial potresti farlo, ma bisogna avere conoscenza del codice per integrare al suo interno lo slider adatto.
Comunque dai una occhiata a questo plugin che puoi installare e configurare e usare di conseguenza il suo widget integrato.
Plugin Instapress
ciao grande tutorial .. Una info importante.. posso utilizzarlo per piu account di istagram che si visualizzano in pagine diverse dello stesso dominio?
grazie ciao
Certo, però devi trovare un modo per collegare tutti i vari dati in modo specifico per ogni utente 🙂
Ok grazie per la velocità…ma non sono in grado hai dei suggerimenti?…
adesso fa vedere solo l’ultimo profilo creato.. ma non basta il TOKEN CODE ? forse nella registrazioni mettere delle sotto pagine per il sito tipo http://www.miosito.com/profilo e http://www.miosito.com/profilo2 potrebbe servire..
ma!!! per ora grazie mille :-)…
se hai tempo e modo per aiutarmi te ne sarei grato
Bè posso dirti che ogni access token è legato al corrispondente ID.
Quindi devi fare in modo che ognuno abbia un proprio access token ed un proprio ID, univoco!
Ci sono riuscito non so se ti puo interessare comunque ti allego il procedimento…
ho cambiato la prima parte cosi:
$access_token = ‘10989770.90e69b1.XXXXXXXXXXXXXXXXXX’; //inserire qui il codice Access Token
$user_id=’XXXXXXXX’; // questo trovato qui www. pinceladasdaweb.com.br/instagram/user-id/
$count = 9;
$url = “https://api.instagram.com/v1/users/”.$user_id.”/media/recent?access_token=”. $access_token .”&count=”. $count;
adesso posso caricare le foto di 2 account diversi…
grazie grazie grazie per il gancio iniziale ….
Bravo Paolo, sono contento che ce l’hai fatta!
ok ci provo… grazie per ora
ci provo… grazie per ora
ciao! scusami ma sono totalmente nuova a queste tecnologie 🙂 io sono riuscita a fare tutto quello che hai consigliato e mi sono segnata l’access token. purtroppo non capisco cosa devo fare nel passaggio successivo, cosa vuol dire copiare in PHP? mi puoi aiutare? grazie mille!
per essere più precisi ho scaricato il php ma non capisco come devo modificarlo. scusa e grazie ancora
Ciao Giorgia, in pratica per modificarlo devi conoscere la codifica JSON e ti basterebbe fare un var_dump in php per trovare tutto quello che ti occorre.
In realtà devi copiare quel codice PHP nella tua sidebar per esempio. Più avanti rifarò un altro articolo con un codice migliorato e con la cache, di modo che sia possibile ottenere un access token in automatico e che tutto sia + veloce!
Scusa ma il mio account Instagram mi chiede un codice di sicurezza per postare su Instagram, ma dove lo trovo?
grazie per l’aiuto
non riesco a capire bene la tua domanda Nicky, parli di client ID o di client SECRET?
Anche a me di punto in bianco chiede un codice segreto per potermi muovere sul mio account.. Ho messo il numero di telefono per farmelo arrivare ma non arriva.. Forse me lo hanno bloccato?
Ciao, hai risolto poi? Sta succedendo la stessa cosa a me e non so come comportarmi!
Molto probabilmente il vostro è un problema di Access Token che dovete rinnovare dal codice, ripartite dai primi passaggi della guida.
Appena ho tempo vedo di sistemare per bene la guida con un codice migliore 🙂
In pratica di punto in bianco stamani apro instagram.. Appena faccio il doppio tocco per mettere il live mi si apre una pagina (instagram) dove mi si chiede di inserire il mio numero di cellulare affinché mi arrivi un codice si sei numero da copiare e incollare poi al passaggio dopo dove viene testualmente richiesto per verificare l’account instagram.. Già due volte ho reinserito il numero, ma il messaggio, arrivando dopo un bel po’, fornisce un codice che dà errato all’inserimento dove viene richiesto.. Così è come se a essi instagram bloccato, avendo pure il codice.. Ho 10k tra le altre cose, e mi dispiacerebbe perdere tutto..
Scusa per gli errori non ho riletto.. Volevo scrivere *like, di *sei numeri e *avessi
Stesso identico problema..
Ho anche io lo stesso problema del codice! Non voglio perdere il mio account instagram come si fa??
Ora ragazzi ho capito quello che dite e non dipende dal codice, ma bensì da Instagram. In poche parole il codice vi arriva al vostro numero di cellulare via SMS.
Quando fate queste operazioni il mio consiglio è quello di aspettare un minuto tra una operazione ed un’altra.
Il problema è di instagram a quanto pare su alcuni utenti che vogliono usare le loro API per fare l’oAuth.
Dovete richiedere il codice e poi aspettare che vi arrivi sul vostro cellulare. Tutto qui 🙂
Non è così semplice. il codice arriva ma poi quando lo inserisce non succede niente anzi te ne richiede un altro. A voi è successo?
Ragazzi, le cose sono 2:
date una occhiata a questo screenshot:
immagine
1) Soluzione: hanno degli errori di configurazione sul loro dominio che si basano su certificato SSL (instagram.com e instagr.am) se uno dei 2 domini non ha certificato SSL e fanno redirect il difetto è assicurato.
2) Un piccolo furfantello sta giocando con il server ed i dati degli utenti
Ciao, io ho fatto la registrazione new OAuthClient e ok m ha dato il client id che ho messo nell’url insieme al redirect ma poi copiandolo e incollandolo non m apre nessuna pagina, semplicemente una bianca con scritto questo:{“code”: 403, “error_type”: “OAuthForbiddenException”, “error_message”: “Implicit authentication is disabled”}
Sai cosa posso fare?
Grazie
Se stai lavorando in locale temo sia normale, bisogna bipassare il tutto con cors xss. Potrebbe anche essere invece che le API di Instagram siano cambiate, devo darci una occhiata…
Grazie! Ho risolto!
A me mi da errore mi dice che il captcha inserito non è corretto, ma di quale captcha sta parlando? Dove sta e dove va inserirto? Boooh
Scusate sono nuovo di wordpress ma ho sviluppato un sito non per me, cercavo un modo di inserire l’ icona di instagram e/o il feed ma ho visto che i plugins che permettono di farlo richiedono questo benedetto token access ID ed in pratica vogliono che io sia connesso
io ovviamente non ho il login instagram del mio cliente e non vorrei chiedergli la password
devo inserire il suo feed nel suo sito non il mio!
mi ero orientato su smash baloon il mio cliente non sarà mai in grado di fare autonomamente procedure così complicate non so nemmeno se ci riuscirei io
Ciao Max a breve instagram introdurrà API più mature. Attendiamo.