{"id":803,"date":"2016-12-23T10:42:01","date_gmt":"2016-12-23T10:42:01","guid":{"rendered":"http:\/\/dijitalturk.com\/veysel\/?p=803"},"modified":"2024-03-08T21:06:25","modified_gmt":"2024-03-08T21:06:25","slug":"instagram-fotograflarini-web-sitesinde-gosterme","status":"publish","type":"post","link":"https:\/\/dijitalturk.com\/veysel\/instagram-fotograflarini-web-sitesinde-gosterme\/","title":{"rendered":"Instagram Foto\u011fraflar\u0131n\u0131 Web Sitesinde G\u00f6sterme"},"content":{"rendered":"

Merhaba, bu yaz\u0131mda Instagram’da yay\u0131nlad\u0131\u011f\u0131m\u0131z foto\u011fraflar\u0131 web sitemizde nas\u0131l g\u00f6sterebiliriz konusunda sizlere yard\u0131mc\u0131 olmaya \u00e7al\u0131\u015faca\u011f\u0131m.<\/p>\n

Yap\u0131lmas\u0131 gereken i\u015flemler \u00f6ncelikle Instagram Developer sayfas\u0131ndan gerekli ayarlamalar\u0131 yapmak ve PHP kodumuzu olu\u015fturmakt\u0131r.<\/p>\n

Haydi ba\u015flayal\u0131m.<\/p>\n

<\/p>\n

\u00d6ncelikle BURAYA <\/a>t\u0131klayarak Instagram ‘\u0131n\u00a0Geli\u015ftirici sayfas\u0131na giri\u015f yap\u0131l\u0131r.<\/p>\n

Register a New Client<\/strong> butonuna basarak yetki tan\u0131mlama i\u015flemleri sayfas\u0131na gidilir.<\/p>\n

\"\"<\/a><\/p>\n

Details<\/strong> Tab\u0131nda ki Alanlar doldurulur. Bu k\u0131s\u0131mda uygulama ismi, ileti\u015fim bilgisi, a\u00e7\u0131klama gibi genel alanlar oldu\u011fundan detayl\u0131 bir anlat\u0131ma gerek duymad\u0131m. \u00a0Dikkat edilecek k\u0131s\u0131m ise\u00a0

\"\"<\/a><\/p>\n

Sonra Security<\/strong> Tab\u0131na t\u0131klanarak\u00a0Disable implicit OAuth:\u00a0<\/strong>se\u00e7imi kald\u0131r\u0131l\u0131r.<\/p>\n

\"\"<\/a><\/p>\n

Daha sonra en \u00fcstte bulunan Manage Client<\/strong> butonuna basarak olu\u015fturdu\u011fumuz yetki tan\u0131mlamas\u0131 i\u00e7in g\u00fcvenlik anahtar\u0131n\u0131 bir yere not ediyoruz.<\/p>\n

\"\"<\/a><\/p>\n

Ve son olarak a\u015fa\u011f\u0131daki ba\u011flant\u0131da\u00a0[CLIENT_ID_HERE] <\/strong>yazan yere bu g\u00fcvenlik anahtar\u0131n\u0131 yaz\u0131yoruz.\u00a0http:\/\/localhost\u00a0<\/strong>yazan alana ise foto\u011fraflar\u0131n g\u00f6sterilmesini istedi\u011finiz web sitenizi yaz\u0131p internet taray\u0131c\u0131n\u0131z\u0131n adres sat\u0131r\u0131na yap\u0131\u015ft\u0131r\u0131yoruz.<\/p>\n

https:\/\/instagram.com\/oauth\/authorize\/?client_id=[CLIENT_ID_HERE]<\/strong><\/span>&redirect_uri=http:\/\/localhost<\/strong><\/span>&response_type=token<\/p>\n

A\u015fa\u011f\u0131daki animasyon gibi bir sonu\u00e7 bekliyoruz.<\/p>\n

\"\"<\/a><\/p>\n

(Bu noktada taray\u0131c\u0131n\u0131z\u0131n i\u00e7erik g\u00f6steren alan\u0131nda bir sonu\u00e7 d\u00f6nmesini beklemeyin. Sonu\u00e7 adres sat\u0131r\u0131ndan d\u00f6necektir.)<\/p>\n

Yukar\u0131da da g\u00f6rd\u00fc\u011f\u00fcn\u00fcz \u00fczere adres sat\u0131r\u0131nda bize Access Token ‘\u0131 d\u00f6nd\u00fcrecektir. Bunu not almam\u0131z gerekiyor.<\/p>\n

\"\"<\/a><\/p>\n

Instagram taraf\u0131nda yapacaklar\u0131m\u0131z bu kadar, \u015fimdi gelelim PHP taraf\u0131na..<\/p>\n

A\u015fa\u011f\u0131daki kod blo\u011funda $url\u00a0 sat\u0131r\u0131n\u0131n sonuna do\u011fru\u00a0ACCESS_TOKEN_ANAHTARINIZI_BURAYA_YAZIYORSUNUZ<\/strong> yazan k\u0131s\u0131ma yukar\u0131da d\u00f6nen de\u011feri yap\u0131\u015ft\u0131r\u0131yoruz\u00a0GOSTERILECEK_FOTO_ADET<\/strong> k\u0131sm\u0131na foto\u011fraf say\u0131s\u0131 giriyoruz.<\/p>\n

$url = 'https:\/\/api.instagram.com\/v1\/users\/self\/media\/recent\/?access_token=ACCESS_TOKEN_ANAHTARINIZI_BURAYA_YAZIYORSUNUZ&count=GOSTERILECEK_FOTO_ADET';\n\n$endata = file_get_contents($url);\n$dedata = json_decode($endata);\n\n\nforeach($dedata->data as $val){\n  if( $val->type == 'image' ){\n    \/\/ echo '<a href=\"'.$val->images->standard_resolution->url.'\"><img src=\"'.$val->images->thumbnail->url.'\" alt=\"\"><\/a>';\n\n      echo '<div class=\"col-lg-3\">';\n        echo '<img class=\"img-thumbnail img-responsive\" src=\"'.$val->images->standard_resolution->url.'\" alt=\"\">';\n      echo '<\/div>';\n  } \/\/if\n}\/\/foreach<\/pre>\n
\/\/Ula\u015f\u0131labilecek veriler\n\n$val->type\tDosya t\u00fcr\u00fc\n$val->filter\tResimde kullan\u0131lan filtre ad\u0131\n$val->created_time\tOlu\u015fturulma tarihi\n$val->link\tResmin instagram linki\n$val->likes->count\tResmin be\u011fenilme say\u0131s\u0131\n$val->caption->text\tResme girilen a\u00e7\u0131klama\n$val->images->thumbnail->url\tK\u00fc\u00e7\u00fck resim linki\n$val->images->thumbnail->width\tK\u00fc\u00e7\u00fck resmin geni\u015fli\u011fi\n$val->images->thumbnail->height\tK\u00fc\u00e7\u00fck resmin y\u00fcksekli\u011fi\n$val->images->low_resolution->url\tOrta boyut resmin linki\n$val->images->low_resolution->width\tOrta boyut resmin geni\u015fli\u011fi\n$val->images->low_resolution->height\tOrta boyut resmin y\u00fcksekli\u011fi\n$val->images->standard_resolution->url\tStandart boy resmin linki\n$val->images->standard_resolution->width\tStandart boy resmin geni\u015fli\u011fi\n$val->images->standard_resolution->height\tStandart boy resmin y\u00fcksekli\u011fi<\/pre>\n
Sonu\u00e7 a\u015fa\u011f\u0131daki gibi olacakt\u0131r.<\/p>\n
\"\"<\/a><\/p>\n
Bonus:<\/strong><\/span><\/p>\n
E\u011fer instagram foto\u011fraflar\u0131n\u0131z\u0131 HashTag’e g\u00f6re getirmek isterseniz<\/p>\n
\u00d6ncelikle yukar\u0131da anlat\u0131ld\u0131\u011f\u0131na benzer \u015fekilde a\u015fa\u011f\u0131daki ba\u011flant\u0131dan bunun i\u00e7in yetki alman\u0131z gerekecek.<\/p>\n
https:\/\/www.instagram.com\/oauth\/authorize\/?client_id=CLIENT_ID_HERE<\/strong>&redirect_uri=http:\/\/siteniz.com<\/strong>&response_type=code&scope=public_content<\/p>\n
Sonras\u0131nda PHP kodunda bulunan $url k\u0131sm\u0131n\u0131 a\u015fa\u011f\u0131dakine benzer \u015fekilde g\u00fcncellerseniz etiketlemeye g\u00f6re foto\u011fraf \u00e7ekebilirsiniz.<\/p>\n
$tag='gmk';\n\n$url = 'https:\/\/api.instagram.com\/v1\/tags\/'.$tag.'\/media\/recent?access_token=ACCESS_TOKEN_NUMARANIZ';<\/pre>\n
Not: L\u00fctfen kaynak g\u00f6stererek payla\u015f\u0131n\u0131z.<\/p>\n
G\u00fcncelleme: Muhammet arkada\u015f\u0131m\u0131z\u0131n alb\u00fcmlerin g\u00f6r\u00fclmemesi sorunu i\u00e7in payla\u015ft\u0131\u011f\u0131 kodu a\u015fa\u011f\u0131da bulabilirsiniz.<\/p>\n
\/\/G\u00fcncel ve Sorunsuz \u00c7al\u0131\u015fan instagram Foto\u011fraflar\u0131n\u0131 Web Sitesinde G\u00f6sterme Kodu\n\nfunction fetch_data($url){\n$ch = curl_init();\ncurl_setopt($ch, CURLOPT_URL, $url);\ncurl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);\ncurl_setopt($ch, CURLOPT_TIMEOUT, 20);\n$result = curl_exec($ch);\ncurl_close($ch);\nreturn $result;\n} \n\n$display_size = \"standard_resolution\"; \/\/ you can choose between \"low_resolution\", \"thumbnail\" and \"standard_resolution\"\n$result = fetch_data(\"https:\/\/api.instagram.com\/v1\/users\/self\/media\/recent\/?access_token=Buraya_Acces_Token_Code&count=70\");\n$result = json_decode($result); \necho \"\";\nforeach ($result->data as $photo) {\n$img = $photo->images->{$display_size};\necho \"<img src='{$img->url}' \/>\";\n}\necho \"\";<\/pre>\n
Hala sorun ya\u015fayan olursa a\u015fa\u011f\u0131daki kod blo\u011funu da deneyebilir.<\/p>\n
<?php\n\/\/Instagram Feed\n\nfunction fetchInstagram($url){\n  $ch = curl_init();\n  curl_setopt($ch, CURLOPT_URL, $url);\n  curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);\n  curl_setopt($ch, CURLOPT_TIMEOUT, 20);\n  $result = curl_exec($ch);\n  curl_close($ch); \n  return $result;\n}\n\n$count\t\t= 1;\n$user_id\t= \"user-id-BURAYA-GIRILECEK\";\n$access_token\t= \"access-token-BURAYA-GIRILECEK\";\n$display_size\t= \"standard_resolution\";\n$ig_feed\t= \"https:\/\/api.instagram.com\/v1\/users\/$user_id\/media\/recent?count=$count&access_token=$access_token\";\n$result = fetchInstagram($ig_feed);\n$result = json_decode($result);\n\nforeach ($result->data as $photo) {\n  $img = $photo->images->{$display_size};\n  echo \"<img src='{$img->url}' \/>\";\n}\n?><\/pre>\n","protected":false},"excerpt":{"rendered":"
Merhaba, bu yaz\u0131mda Instagram’da yay\u0131nlad\u0131\u011f\u0131m\u0131z foto\u011fraflar\u0131 web sitemizde nas\u0131l g\u00f6sterebiliriz konusunda sizlere yard\u0131mc\u0131 olmaya \u00e7al\u0131\u015faca\u011f\u0131m. Yap\u0131lmas\u0131 gereken i\u015flemler \u00f6ncelikle Instagram […]<\/p>\n","protected":false},"author":1,"featured_media":812,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[1,2],"tags":[237,238,37],"class_list":["post-803","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-teknolojik","category-yazilim","tag-api","tag-foto-gosterim","tag-instagram"],"uagb_featured_image_src":{"full":["https:\/\/dijitalturk.com\/veysel\/wp-content\/uploads\/2016\/12\/instagram-play-bilgisayar.png",300,300,false],"thumbnail":["https:\/\/dijitalturk.com\/veysel\/wp-content\/uploads\/2016\/12\/instagram-play-bilgisayar-150x150.png",150,150,true],"medium":["https:\/\/dijitalturk.com\/veysel\/wp-content\/uploads\/2016\/12\/instagram-play-bilgisayar-190x190.png",190,190,true],"medium_large":["https:\/\/dijitalturk.com\/veysel\/wp-content\/uploads\/2016\/12\/instagram-play-bilgisayar.png",300,300,false],"large":["https:\/\/dijitalturk.com\/veysel\/wp-content\/uploads\/2016\/12\/instagram-play-bilgisayar.png",300,300,false],"1536x1536":["https:\/\/dijitalturk.com\/veysel\/wp-content\/uploads\/2016\/12\/instagram-play-bilgisayar.png",300,300,false],"2048x2048":["https:\/\/dijitalturk.com\/veysel\/wp-content\/uploads\/2016\/12\/instagram-play-bilgisayar.png",300,300,false]},"uagb_author_info":{"display_name":"VeYSeL","author_link":"https:\/\/dijitalturk.com\/veysel\/author\/veysel\/"},"uagb_comment_info":8,"uagb_excerpt":"Merhaba, bu yaz\u0131mda Instagram’da yay\u0131nlad\u0131\u011f\u0131m\u0131z foto\u011fraflar\u0131 web sitemizde nas\u0131l g\u00f6sterebiliriz konusunda sizlere yard\u0131mc\u0131 olmaya \u00e7al\u0131\u015faca\u011f\u0131m. Yap\u0131lmas\u0131 gereken i\u015flemler \u00f6ncelikle Instagram […]","_links":{"self":[{"href":"https:\/\/dijitalturk.com\/veysel\/wp-json\/wp\/v2\/posts\/803","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dijitalturk.com\/veysel\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dijitalturk.com\/veysel\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dijitalturk.com\/veysel\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dijitalturk.com\/veysel\/wp-json\/wp\/v2\/comments?post=803"}],"version-history":[{"count":0,"href":"https:\/\/dijitalturk.com\/veysel\/wp-json\/wp\/v2\/posts\/803\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dijitalturk.com\/veysel\/wp-json\/wp\/v2\/media\/812"}],"wp:attachment":[{"href":"https:\/\/dijitalturk.com\/veysel\/wp-json\/wp\/v2\/media?parent=803"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dijitalturk.com\/veysel\/wp-json\/wp\/v2\/categories?post=803"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dijitalturk.com\/veysel\/wp-json\/wp\/v2\/tags?post=803"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}