Canvas Support

Instagram feed API

5 replies · opened Mar 3, 2020

WwiliamvjMar 3, 2020

Hello,

Will there be any updates on the new Instagram API? Because with the change we are no longer able to generate the tokens, or is there a solution for generating the tokens?

SSemicolon WebSTAFFMar 3, 2020

Hello,

Instagram is currently blocking Access Token and will disable the Legacy API on 31st March 2020 which will disable all the Instagram Functionality. We are currently unsure about the Future of the Instagram Widget in Canvas due to these developments. It is recommended to apply for your own Facebook App to access Instagram using the Graph API: https://developers.facebook.com/docs/instagram-basic-display-api/getting-started .

Let us know if we can help you with anything else or if you find any further issues.

WwiliamvjMar 4, 2020

Will it be necessary to redo an Instagram API within the theme? Or just create an app and change the token?

SSemicolon WebSTAFFMar 5, 2020

Hello,

We are unsure about the current changes the New Instagram Graph API bring. We will have to do some more development in order to fix this. Meanwhile, you can try generating a New Token and replacing it in the js/functions.js File.

We will keep you updated about the developments. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

WwiliamvjMar 6, 2020

Thanks for the feedback.

Another quick question, how can we add a target = "_ blank" to each image in the instagram feed?

We didn't find anything in functions.js since the feed structure is generated in the DOM.

SSemicolon WebSTAFFMar 8, 2020

Hello,

By default, the Plugin's default template structure is used for the Instagram Photos. To change this, simply find the following code in the js/functions.js File:


if( instaGramType == 'user' ) {

	var feed = new Instafeed({
		target: instaGramTarget,
		get: instaGramType,
		userId: Number(instaGramUserId),
		limit: Number(instaGramCount),
		sortBy: instaGramSortBy,
		resolution: instaGramRes,
		accessToken: c_accessToken,
		clientId: c_clientID
	});

}

and replace it with:


if( instaGramType == 'user' ) {

	var feed = new Instafeed({
		target: instaGramTarget,
		get: instaGramType,
		userId: Number(instaGramUserId),
		limit: Number(instaGramCount),
		sortBy: instaGramSortBy,
		resolution: instaGramRes,
		accessToken: c_accessToken,
		clientId: c_clientID,
		template: '[
![attachment]({{image}})
]({{link}})'
	});

}

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard