From version 11.1
edited by Jean-Sébastien Dennebouy
on 2018/09/10 13:44
To version 12.1
edited by Jean-Sébastien Dennebouy
on 2018/09/10 14:01
Change comment: There is no comment for this version

Summary

Details

ExtensionCode.ExtensionClass[0]
Description
... ... @@ -1,16 +1,27 @@
1 1  Welcome to the Instafeed POC !
2 2  
3 +Created using this JS script: [[http://instafeedjs.com]] thanks to Steven Schobert.
4 +
3 3  {{image reference="macro_instafeed.png"/}}
4 4  
5 -Created using this JS script: [[http://instafeedjs.com]] thanks to Steven Schobert.
7 += Use Insta feed macro =
6 6  
7 -Here are the steps to make it work on your wiki.
9 +Go to the page where you want the instagram feed to appear.
10 +Edit this page in WYSIWYG mode and include the XWiki macro with the name "Insta Feed" and introduce the token generated at the following step.
11 +In the "more" section you can:
8 8  
9 -First you need to create an developer account and grab an access token from Instagram.
10 -This could be done easily using [[this third party service>>http://instagram.pixelunion.net/]], or to protect you data directly in Instagram:
13 +* set the maximum number of photos that are shown
14 +* Select the size of the photos that are shown (150px "thumbnail", 306px "low_resolution" or 612px "standard_resolution")
15 +* Select the source of the photos that are shown (user feed with "get", or a specific tag)
16 +* Select the displayer of the feed: panel reduces images to 75px
11 11  
18 +{{image reference="instafeed.png"/}}
19 +
12 12  = API Access Token =
13 13  
22 +To make it work on your wiki, you need to grab an access token from Instagram.
23 +This could be done easily using [[this third party service>>http://instagram.pixelunion.net/]], or to protect you data directly in Instagram by creating a developer account, following these steps:
24 +
14 14  == Step 1 — Register Application ==
15 15  
16 16  Visit [[https:~~/~~/www.instagram.com/developer/>>url:https://www.instagram.com/developer/]] and register a new app
... ... @@ -37,17 +37,10 @@
37 37  
38 38  Remember: Replace the 'CLIENT_ID’ part of this url with your Client ID. You can access the Client ID again from the Instagram Developers site on the Manage Clients page.
39 39  
40 -== Step 7—Authorize it. ==
51 +== Step 7—Authorize it ==
41 41  
42 42  Visiting the URL we made with the Client ID will bring up an ‘Authorize’ screen. At this point, you are using your local server to simulate an API connection, and you will Authorize it to get a view of the Access Token response. Click ‘Authorize’.
43 43  
44 -== Step 8—Use the access token. ==
55 +== Step 8—Use the access token ==
45 45  
46 46  In the url right after ‘#access_token=’ you can grab your public Access Token, which also has your ID in it.
47 -
48 -= Use insta feed macro =
49 -
50 -Go to the page where you want the instagram feed to appear.
51 -Edit this page in WYSIWYG mode and include the XWiki macro with the name "Insta Feed" and introduce the token generated at the previous step.
52 -{{image reference="instafeed.png"/}}
53 -In the "more" section you can set the maximum number of photos that are showed and the size they have by changing the default values.

Get Connected