Merhaba arkadaşlar. Bu yazımda sizlere instagram’da bir kullanıcının fotoğraflarını veya bir hashtag’de yayınlanmış fotoğrafları kendi sitemizde nasıl göstereceğimizi anlatacağım. Bu yazıyı okumadan önce bir önceki yazım olan Instagram Uygulama Oluşturmak ve Access Token Almak yazımı okumanız da çok fayda olacaktır. Çünkü bu uygulamayı kullanabilmemiz için uygulama oluşturmamız, access token almamız ve user id almamız gerek. Bu uygulamayı oluşturanlar aslında yabancı fakat ben sizin için bazı yerlerini (yani kullanacağımız gerekli olan yerleri türkçeleştirdim.) isterseniz orijinal konuya buraya tıklayarak veya demo için buraya tıklayarak ziyaret edebilirsiniz.

 

Adım 1: Dosyayı buraya tıklayarak indirin.

Adım 2: Klasörü çıkarttıktan sonra index.php dosyasını açın.

Adım 3: Aşağıdaki yerleri açıklanan şeklide düzenleyip kaydedin. Ve kullanıma hazır.

var access_token = ""; //access token kodunu buraya yazınız.
// http://niyazifurkanbar.name.tr/245-instagram-uygulama-olusturmak-ve-access-token-almak.html
// yukarıda ki adresten access token almayı ve user token almayı öğrenebilirsiniz.
var resolution = "thumbnail"; // resolution: low_resolution, thumbnail, standard_resolution
// fotoğrafların kalitesini yukarıda seçebilirsiniz.
var user_id = "18360510"; //userid
// eğer bir profilden fotoğraf çekecekseniz o kullanıcının user id'sini buraya yazıyorsunuz.
var hashtag = "racehungry"; // #hashtag
// eğer bir hashtag'te ki fotoğrafları alacaksanız hashtag'i buraya yazıyorsunuz
// Eğer hastag'ten fotoğrafları alacaksanız aşağıdaki satırın başındaki 2 adet slash (//) işarteni siliniz.
//var start_url = "https://api.instagram.com/v1/tags/"+hashtag+"/media/recent/?access_token="+access_token;
// Eğer hastag'ten fotoğrafları alacaksanız aşağıdaki satırın başına 2 adet slash (//) işareti koyunuz.
var start_url = "https://api.instagram.com/v1/users/"+user_id+"/media/recent/?access_token="+access_token;

Önizleme

1

NOT: Biliyorum tasarımı baya berbat fakat az bişey css bilgisine sahipseniz çok güzel tasarımlar yapacağınıza eminim.