Mostrare la ultima immagine da Instagram su WordPress senza Plugins

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.

instagram

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.

instagram_developer_1

Ora immettete tutti i dati che vi chiede, compreso il nome del vostro sito.

instagram_2

Bravi! Ora avete i dati che ci servono!

instagram_3

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:

authorize_instagram

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.

access_token_instagram

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!

31 commenti su Mostrare la ultima immagine da Instagram su WordPress senza Plugins

  1. 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

    1. 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

  2. ciao grande tutorial .. Una info importante.. posso utilizzarlo per piu account di istagram che si visualizzano in pagine diverse dello stesso dominio?
    grazie ciao

    1. Certo, però devi trovare un modo per collegare tutti i vari dati in modo specifico per ogni utente 🙂

    1. 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!

    2. 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 ….

  3. 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!

    1. 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!

  4. Scusa ma il mio account Instagram mi chiede un codice di sicurezza per postare su Instagram, ma dove lo trovo?

    grazie per l’aiuto

    1. non riesco a capire bene la tua domanda Nicky, parli di client ID o di client SECRET?

  5. 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?

    1. 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 🙂

    2. 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..

  6. 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 🙂

  7. Non è così semplice. il codice arriva ma poi quando lo inserisce non succede niente anzi te ne richiede un altro. A voi è successo?

  8. 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

  9. 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

    1. 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…

  10. 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

  11. 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

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *