Instafeed.js does not work

Question

Instafeed.js does not work

Navigation

#1 by (0 votes)

0

I'm trying to upload the photos of my Instagram on my website and it's impossible .

I already tried in several possible ways and followed exactly what was said in link

Why does not it work?

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width,user-scalable=no">
<title>Instagram Portfolio</title>
</head>
<body>
    <div id="wrapper">
        <div id="insta-wrap">
            <h1>Instagram feed</h1>
            <div id="insta-feed">
            </div>
        </div>
    </div> 
</body>
</html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="js/instafeed.min.js"></script>
<script type="text/javascript">

    var userFeed = new Instafeed ({

        get: "user",
        userId: "2113176191",
        accessToken: '2113176191.1f23bb1.f223b9724cdb4b91b54cd812e9c444a5'
    });
    userFeed.run();
</script>

javascript jquery instagram-api

asked by Agustin 18.05.2017 в 05:43

source

1 answer

jTextField is not updated with keyboard event Error in the datalayer

score 0 · Accepted Answer

As far as I can see the ìd of div container should be <div id="instafeed"></div> for instafeed.js to find it automatically. In addition to that in the documentation mark as required the property clientId where you must provide a valid customer id obtained from Instagram API link

You can try something like this:

<!DOCTYPE html>
<html>
<body>
    <div id="wrapper">
        <div id="insta-wrap">
            <h1>Instagram feed</h1>
            <div id="instafeed">
            </div>
        </div>
    </div> 
</body>
</html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="js/instafeed.min.js"></script>
<script type="text/javascript">

    var userFeed = new Instafeed ({

        get: "user",
        userId: "2113176191",
        clientId: "YOUR_CLIENT_ID"
    });
    userFeed.run();
</script>

Greetings! I hope you find it useful.