Integriamo le nostre immagini di Instagram sul nostro sito o blog con PHP e le Api di Instagram
Integrare una sola foto di Instagram sul proprio sito è molto semplice grazie al comando Embed. Ma come fare per incorporare tutta la nostra galleria di immagini (e magari i relativi tag e didascalie)? Vediamolo insieme.
Come prima cosa utilizziamo il widget di CultureDigitali per ottenere il Token di Accesso (Access Token) e il vostro ID Utente (User ID).
Cliccate qui per accedere al widget, vi chiederà di effettuare il login a Instagram (se non l'avete già fatto) e di autorizzare l'applicazione CultureDigitali.com – Obtain Access Token.
Annotatevi i valori di Access Token e User ID. Vi serviranno per poter accedere alle vostre fotografie.
Eseguiamo una chiamata curl per ottenere un oggetto di tipo JSON contenente le informazioni relative alle nostre immagini di Instagram. Copiate la seguente funzione nella vostra pagina PHP, dove volete.
//funzione che restituisce il risultato di una pagina
function getCurldata($url) {
$ch = curl_init();
curl_setopt($ch, CURLOPT_HEADER, 0);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false); //per un'utilizzo sul localhost è possibile impostare
curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, false); // queste due righe
curl_setopt($ch, CURLOPT_URL, $url);
$data = curl_exec($ch);
curl_close($ch);
return $data;
}
A questo punto copiate e incollate le seguenti righe di codice dove volete che compaiano le vostre immagini.
<?php
$instagramData = getCurldata('https://api.instagram.com/v1/users/IL-TUO-ID/media/recent/?access_token=IL-TUO-ACCESS-TOKEN');
$instagramData = json_decode($instagramData);
foreach ($instagramData->data as $image) : ?>
<a href="<?= $image->images->standard_resolution->url ?>">
<img title="<?php echo $image->tags ?>" src="<?= $image->images->standard_resolution->url ?>">
</a>
<?php endforeach; ?>
ATTENZIONE: nella chiamata della funzione getCurldata dovete sostituire i termini IL-TUO-ID con l'ID che avete annotato in precedenza e IL-TUO-ACCESS-TOKEN con l'Access Token che avete annotato in precedenza.
Per formattare le vostre fotografie vi basterà agire sull'html contenuto nel ciclo foreach.
Alcuni comandi di Instagram
$image->tags // restituisce i tag di una foto
$image->images->standard_resolution->url // restituisce la foto in dimensioni normali
$image->images->thumbnail->url // retistuisce la foto in dimensioni thumbsnail
L'Access Token di Instagram attualmente non ha un limite temporale di valità. Conviene comunque controllare di tanto in tanto se la policy di Instagram a riguardo viene cambiata.