Pubblicato il 05/05/13e aggiornato il

Widget della galleria di foto di Instagram da inserire nel blog.

3 dei migliori widget per mostrare la galleria delle ultime foto che abbiamo postato su Instagram sotto forma di Griglia o di Slideshow e con effetti hover.
Instagram è uno di quei social network in rapida crescita e personalmente mi piace molto di più di Pinterest, altro social dedicato alle condivisione delle immagini. Con il sempre crescente utilizzo degli smartphone c'è da pensare che le foto di attimi fuggenti catturati con la camera del cellulare e condivise con i follower aumentino sempre di più così come il numero di utenti che eleggano Instagram come sito dedicato all'archiviazione delle immagini che vogliono condividere.

Una particolarità molto apprezzata di questo social network è quella dei filtri che possono essere aggiunti alle foto. Recentemente si è combattuta una piccola guerra tra Twitter e Instagram proprio su questo campo. Twitter ha smesso di mostrare le foto condivise con Instagram direttamente nella sua Timeline e ha introdotto anche i suoi filtri. Instagram ha risposto con una estensione per Chrome che consente di continuare a vedere le sue immagini sulla Timeline di Twitter.

Nonostante il grande sviluppo e l'introduzione della versione desktop di Instagram non mi risulta siano stati resi disponibili dei widget ufficiali da inserire nelle pagine web per mostrare la galleria di foto ai visitatori. Nella sezione Badge di Instagram si possono solo inserire dei pulsanti che rimandano al nostro account scegliendoli tra diverse forme e dimensioni. In rete però sono già stati realizzati dei gadget per mostrare la nostra attività su Instagram. Ne segnalo tre tra i più interessanti.

Snapwidget.com permette di creare il nostro widget personalizzato andando su Get Your Fee Widget e compilando il modulo con il nostro username o anche con un hashtag

instagram-widget

E' anche possibile scegliere il tipo di widget tra Griglia, Slideshow e Mappa, la presenza o meno di bordo, il colore di sfondo del widget e la distanza (padding) tra le miniature. Si possono anche inserire gli effetti hover al passaggio del mouse Fade in e Fade out per la dissolvenza. Si va su Get Widget per avere il codice. Si tratta di un iFrame che può anche essere modificato nelle sue dimensioni per adattarlo al layout del nostro blog. I widget creati con questo tool avranno un aspetto simile a questo

widget-instagram

in cui ho scelto una griglia 2x3 con effetto Fade out e miniature da 100 pixel.





The Best Instagram Widget funziona in modo diverso. In alto a destra si digita il nostro nome utente e si va su Connect Instagram Account. Dovremo dare il consenso alla applicazione di accedere al nostro profilo e, nella pagina successiva, potremo scegliere il tema che preferiamo

instagram-widget-themes

tra Classic Look, Photo Focus, News Grid, Pinteresting e Horizontal Scrollbar. Si clicca su Choose Theme per procedere. Gli account gratuiti possono usare solo i primi due temi.

Instagram Widget funziona più o meno come SnapWidget. Basta inserire il nome utente, anche non nostro, oppure un hashtag e configurare gli altri parametri come il tipo tra Griglia e Slideshow

instagram-widget[5]

Si va su Preview quindi su Get Code per ottenere il codice che dovrà essere incollato, nel caso di un sito su piattaforma Blogger, su Layout > Aggiungi un gadget > HTML/Javascript.




21 commenti :

  1. Ciao! quando ottengo il codice mi scompare subito la schermata! cosa posso fare? grazie

    RispondiElimina
  2. Ottimi consigli sono riuscita a creare la galleria di foto sul mio blog!

    RispondiElimina
  3. ciao, ho provato ad usare tutti i codici..le immagini si vedono ma quando poi ci clicco sopra una foto ad esempio non mi da il collegamento a instagram ma al sito da cui ho preso il codice. c'è un modo per avere invece il collegamento direttamente cn instagram???help me

    RispondiElimina
    Risposte
    1. Da un certo punto mi inorgoglisce che tu lo chieda a me ma ovviamente ti dovresti rivolgere al sito da cui hai preso il widget perché io non posso accedere ai loro server per vedere se ci siano o meno dei bug
      @#

      Elimina
  4. Io non ce la faccio, puo' essere perchè il mio profilo di Instagram non è pubblico???

    RispondiElimina
    Risposte
    1. È evidente che se in tuo Profilo non è pubblico il widget non può funzionare. Come fa a mostrare immagini che sono private?
      @#

      Elimina
    2. Ma gli hashtag si vedono in pubblica, infatti se io metto un mio hashtag chi non mi segue vede lo stesso le foto!

      Elimina
  5. Ciao! è possibile che se aggiungo foto nuove su instagram non me le aggiorna sul sito?

    RispondiElimina
    Risposte
    1. Questi servizi che creano widget di Instagram sono esterni al social e quindi può darsi che ci sia una certa lentezza nell'aggiornamento oppure qualche malfunzionamento
      @#

      Elimina
  6. Buonasera! Posso chiedere cortesemente se è normale che, nonostante io clicchi su "GET YOUR WIDGET FREE", dopo aver compilato con username Instagram ecc, venga rimandata ad una pagina dove poi mi viene chiesto di pagare una somma pari a $ 6.99 al mese ?! Io vorrei ottenere la versione FREE per l'appunto... grazie anticipatamente per la cortese risposta!

    RispondiElimina
    Risposte
    1. Ti riferisci a questo widget?
      http://snapwidget.com/
      Ho provato e non chiede nulla all'inizio. Può darsi però che non sia più gratuito
      @#

      Elimina
    2. Che rapidità!! :-D
      Si è proprio quello!
      Dopo aver cliccato sul pulsante "GET STARTED TODAY" mi manda alla pagina dove trovo il modulo da compilare (di cui hai pubblicato foto sopra).
      Finito di compilare, clicco su "GET WIDGE" ... si apre un'altra pagina ancora e li bisogna compilare per i dati del pagamento/fatturazione (carta di credito o altro, ecc)

      Elimina
    3. Hai sbagliato. Devi scendere in basso e compilare il modulo sotto Customize your widget inserendo l'username per esempio nel mio caso parsifal32
      http://i.imgur.com/HxxTabg.png
      poi andare ancora più in basso su Get Widget e infine copiare il codice
      @#

      Elimina
  7. Buonasera! Posso chiedere cortesemente se è normale che, nonostante io clicchi su "GET YOUR WIDGET FREE", dopo aver compilato con username Instagram ecc, venga rimandata ad una pagina dove poi mi viene chiesto di pagare una somma pari a $ 6.99 al mese ?! Io vorrei ottenere la versione FREE per l'appunto... grazie anticipatamente per la cortese risposta!

    RispondiElimina
  8. Buongiorno Ernesto, Snapwidget mi funziona benissimo ma ti chiedo...non c'è un modo di inserire anche il numero di followers ??? cioè che sia anche visibile senza cliccarci dentro...Grazie

    RispondiElimina
    Risposte
    1. Questi widget sono gestiti da terze parti e non dallo stesso Instagram quindi dovresti chiedere a loro se hanno intenzione di aggiungere altre funzionalità :)
      @#

      Elimina
  9. Ciao Ernesto, per caso hai scritto qualcosa sull'inserimento delle foto di instagram in un post di blogger? Ti espongo il mio problema. Ho scritto un post e ho messo le mie foto di instagram usando il bottone INCORPORA, che mi dà il codice da incollare. Mi sono accorta che da telefono non vedo le foto, da PC invece funziona tutto benissimo. Forse sono troppo pesanti? C'è un modo per ridimensionarle?
    Grazie

    RispondiElimina
    Risposte
    1. Non te lo so dire. Non mi ricordo di essermene già occupato. Ho visto però il codice. Usano il tag blockquote e ci sono anche dei valori di larghezza tipo max-width:658px; che naturalmente superano la larghezza dei cellulari
      @#

      Elimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.