投稿日：2020/02/20
更新日：2020/06/03
これはECの場合はの設置方法です。
＝＝＝＝＝＝＝＝＝＝＝ 追記：2020/06/03動画と画像の切り分けはしていないので、動画や画像が読み取れない場合はダミー画像が出ます。そのときにaltの文字が出ないように文字色を透明にしました。
＝＝＝＝＝＝＝＝＝＝＝
表示させたいページのスクリプト欄に記述
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-simplyscroll/2.0.5/jquery.simplyscroll.min.js"></script>
表示させたい位置のフリーエリアパーツ1つに下記2つのソースを投入
※日本の部分は適宜変更してください。
※下段のソースはROOKのページ編集画面で誤って消されないための表示
<section>
<h2>Instagram</h2>
<ul class="row row_inline sp_image_cols sp_col2 instafeed" id="【任意のID】">
</ul>
</section>
<script>
document.addEventListener('DOMContentLoaded', function(){
insta_init({
id: '【InstagramビジネスアカウントID】',
access_token: '【3つ目の無期限アクセストークン】',
limit: 20,
scroll: false, // スクロール：true、一覧：false
speed: 2, // スクロール速度
target: '任意のID',
});
}, false)
</script>
<style type="text/css">
#pageeditblock .instagram_xaas {
display: block !important;
background: red;
opacity: .7;
padding: 20px
}
</style>
<div class="instagram_xaas" style="display: none;"><span style=" color: #fff; ">インスタグラムパーツのタグが入っています。<br>
このフリーエリアパーツは削除しないでください。</span></div>
※下段のソースはROOKのページ編集画面で誤って消されないための表示
<script>function insta_image(e){var d,f;e.naturalWidth<e.naturalHeight?e.style.width="100%":e.style.height="100%"}function insta_init(c){var b={access_token:c.access_token,id:c.id,limit:c.limit,scroll:c.scroll,speed:c.speed,target:c.target},a=b.scroll?"":' class="col span_3"',d="data:image/png;base64,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";$.ajax({url:"https://graph.facebook.com/"+b.id,data:{fields:"name,media.limit("+b.limit+"){caption,like_count,comments_count,media_url,permalink,timestamp,username}",access_token:b.access_token}}).done((function(json){var lists=json.media.data.map((function(data){return'<li'+a+'><a href="'+data.permalink+'" target="_blank"><img src="'+d+'" alt=""/><img src="'+data.media_url+'" alt="'+data.caption.replace(/\n/gm,"")+'" class="insta_image" onload="insta_image(this)"/><div class="insta_options"><span class="insta_likes">'+data.like_count+'<\/span><span class="insta_comments">'+data.comments_count+'<\/span><\/div><\/a><\/li><\/span>'})).join(""),$list=$("#"+b.target).append(lists);b.scroll&&$list.simplyScroll({speed:b.speed})}))}</script>
<style type="text/css">.simply-scroll-container{position:relative}.simply-scroll-clip{position:relative;overflow:hidden}.simply-scroll-list{overflow:hidden;margin:0;padding:0;height:320px}@media(max-width:600px){.simply-scroll-list{max-height:150px}}.simply-scroll-list li{list-style:none!important;float:left;width:320px;height:320px;margin:0;padding:0}@media(max-width:600px){.simply-scroll-list li{max-width:150px;max-height:150px}}.simply-scroll-list li img{display:block}.instafeed{padding:0;margin:0 auto;list-style:none}@media(min-width:768px){.instafeed.row_inline{letter-spacing:-.40em}.instafeed.row_inline>.col{letter-spacing:normal;vertical-align:top;display:inline-block;float:none;margin-bottom:5%}.instafeed.row_inline .span_3:nth-child(4n+1){margin-left:0}}.gutters .instafeed li{margin-bottom:2%}.instafeed a{display:block;position:relative;z-index:1;max-width:320px;width:100%;margin:auto;overflow:hidden}.instafeed img{max-width:100%}.instafeed a:hover:before{opacity:.3}.instafeed a:before{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;background:#000;opacity:0;width:100%;height:100%;z-index:1;-webkit-transition:opacity .3s;transition:opacity .3s}.instafeed .insta_options{position:absolute;left:0;bottom:0;background:rgba(255,255,255,0.8);padding:5px 15px 5px 10px}.instafeed .insta_options>*{padding-left:24px;padding:0 0 0 20px;letter-spacing:normal;display:inline-block}.instafeed .insta_likes{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAwUExURUxpcScnJyYmJiYmJiYmJiYmJjc3NyYmJisrKykpKScnJyYmJicnJycnJygoKCYmJmxIum0AAAAPdFJOUwA59+2ezQi2FijfWHxuSuTgmQ8AAAC5SURBVBjTY2DADTiOKtcxMDw3imkAcoT///9flg4kDBkYGO0LMy59r9dtE/8swMD1BSQAZDD4L2DYHwBUKqQIJFh/M9RvANI8B4AE93cG+wkwYzk/M+g3wO34hCpTfwDG4fnOsH8ZjJP1myH1C4zjH8bAae8AYbN8BuoWgkr5gyzm03cDsVM+PQBRwl+BVnHEG0LMX7+SgWHWL6h9rZ82cOtHQM1k8//i/yUBZgOv/qcLiHAQDcQMGwBuKThRBS2vugAAAABJRU5ErkJggg==) no-repeat left center;background-size:15px}.instafeed .insta_comments{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAtUExURUxpcTMzMyYmJi0tLSgoKCcnJyYmJiYmJicnJyYmJiYmJiYmJigoKCYmJiYmJs+EB0kAAAAOdFJOUwAIzhU3W6rtat3ywSd9JXSurwAAALRJREFUGNNjYEADjGFaRakCUPatd0BQC+EZvdt60CT63WYQm3neFBDl+dwASAo9Aitg3rcRSPZNhmi1fAvUvs4BwmF5LsDA+hpmg14AA9sLGKcvgYHzDYzjp8DA/hjGsStg4HoI50xgYHqCpIztKZIBHI+QjGZeFwBh8wAtZehbA3UByHa2lwegMiC/6S0FsU8EzwM5UuydqqNJE9CzF0CC7SBvl2W92wAOhDZQgDD6JqAEEwAmgjl3VNQKiwAAAABJRU5ErkJggg==) no-repeat left center;margin-left:10px;background-size:15px}.instafeed .insta_image{position:absolute;z-index:0;left:-300%;top:-300%;max-width:none;right:-300%;bottom:-300%;color:-transparent;margin:auto}</style>
<style type="text/css">
#pageeditblock .instagram_xaas {
display: block !important;
background: red;
opacity: .7;
padding: 20px
}
</style>
<div class="instagram_xaas" style="display: none;"><span style=" color: #fff; ">インスタグラムパーツのタグが入っています。<br>
このフリーエリアパーツは削除しないでください。</span></div>
参考
設置例： https://www.kanedaya-lichtmuhle.jp/大元： Instagram Graph API