嵌入instagram提要

嵌入instagram提要,instagram,instagram-api,feed,Instagram,Instagram Api,Feed,我只想在cms网站上添加一个instagram订阅源——我有一个api代码/密钥可供使用——但instagram的说明毫无意义。我可以看到如何嵌入一篇文章,但不能嵌入整个提要(我不是开发人员,所以我不知道如何编写get/ombed查询,但如果我有一个代码窃贼,我可以更改它!) 我只需要代码,因为我认为我可以将其更改为相关instragram帐户 是一个链接,指向一篇关于如何在网站上显示Instagram订阅源的好文章。本文的部分内容包括javascript,但作者试图使其尽可能简单。主要的jav

我只想在cms网站上添加一个instagram订阅源——我有一个api代码/密钥可供使用——但instagram的说明毫无意义。我可以看到如何嵌入一篇文章,但不能嵌入整个提要(我不是开发人员,所以我不知道如何编写get/ombed查询,但如果我有一个代码窃贼,我可以更改它!)

我只需要代码,因为我认为我可以将其更改为相关instragram帐户

是一个链接,指向一篇关于如何在网站上显示Instagram订阅源的好文章。本文的部分内容包括javascript,但作者试图使其尽可能简单。主要的javascript代码是:

var request = new XMLHttpRequest();
request.open('GET', 'https://api.instagram.com/v1/users/self/media/recent/?access_token=ENTER-YOUR-ACCESS-TOKEN-HERE&count=8', true);
request.onload = function(container) {
    if (request.status >= 200 && request.status < 400) {
        // Success!
        var data = JSON.parse(request.responseText);
        for (var i=0;i < data.data.length;i++) {
            var container = document.getElementById('insta-feed');
            var imgURL = data.data[i].images.standard_resolution.url;
            console.log(imgURL);
            var div = document.createElement('div');
            div.setAttribute('class','instapic');
            container.appendChild(div);
            var img = document.createElement('img');
            img.setAttribute('src',imgURL)
            div.appendChild(img);
        }
        console.log(data);
    } else { }
};
request.onerror = function() {
    //There was a connection error of some sort
};
request.send();
var-request=new-XMLHttpRequest();
request.open('GET','https://api.instagram.com/v1/users/self/media/recent/?access_token=ENTER-YOUR-ACCESS-TOKEN-HERE&count=8',true);
request.onload=函数(容器){
如果(request.status>=200&&request.status<400){
//成功!
var data=JSON.parse(request.responseText);
对于(var i=0;i
此代码将instagram图像添加到id为“insta feed”的html div中。因此,您需要将以下html添加到页面:

<div id="insta-feed"></div>

使用jquery的类似代码如下:

$.get("https://api.instagram.com/v1/users/self/media/recent/?access_token=ENTER-YOUR-ACCESS-TOKEN-HERE&count=8", function (result) {
    var html = "";
    for (var i = 0; i < result.data.length; i++) {
        html += "<div><img src='" + result.data[i].images.standard_resolution.url + "' /></div>";
    }
    $("#insta-feed").html(html);
});
$.get(“https://api.instagram.com/v1/users/self/media/recent/?access_token=ENTER-YOUR-ACCESS-TOKEN-HERE&count=8“,函数(结果){
var html=“”;
对于(var i=0;i
我个人还没有尝试过,但这篇文章看起来很有希望:很多年来,我都在ppl上看到过这样的评论:“你应该在这里复制代码,以防网站宕机”,总是在pastebin.ca或jsfiddle.net的上下文中,每个人都会使用这些网站,并且永远存在。这是我第一次看到有人真的首先粘贴代码,而原始站点(一个没有人读过的一次性博客)实际上被删除了。谢谢你的代码粘贴。