Neos package that provides an instagram feed Node Type using an EEL helper
This package is currently rather a proof of concept than a out of the box solution. It will hopefully evolve to a flexible package allowing to display a bunch of images of an Instagram account.
It depends on Fusion AFX.
- Install the package
composer require visol/neos-instagramfeed
- Generate an Instagram access token and add the configuration to your
Visol: Neos: InstagramFeed: accessToken: 'your-access-token'
See more information about the access token below.
Either insert the plugin "Instagram Feed" or use the Fusion Object
Visol.Neos.InstagramFeed:InstagramFeedon your page to embed the images.
Provide your own styles to format the feed. By default, Bootstrap markup is used. The configuration belows how the CSS classes can be changed.
Visol: Neos: InstagramFeed: # Generate access token, e.g. at http://instagram.pixelunion.net accessToken: 'set-valid-token' # Lifetime of the cache entry for the feed cacheLifetime: '3600' # Number of images to display numberOfImages: 6 # CSS classes for wrapping all images imagesWrapperCssClassAttribute: 'row' # CSS classes for wrapping a single image imageContainerCssClassAttribute: 'instagram-image-container col-xs-6 col-sm-3 col-md-2'
Instagram uses OAuth 2.0 for authentication and only allows accessing the API with a valid access token. This package currently doesn't handle generating access tokens itself, so you need to provide your own access token. You may use a 3rd party service, e.g. http://instagram.pixelunion.net/, to create one.
Please note that while access tokens do not have an expiration time, they might be revoked e.g. by the user. So in future, generating the access token should be handled by this package. https://www.instagram.com/developer/authentication/
- Implement generating the access token.
- Allow the override configuration from plugin inspector.
- Don't depend on lazysizes for responsive images
- Determine possible errors and implement a better error handling.
Feel free to provide pull requests to help improve the functionality.
visol digitale Dienstleistungen GmbH, www.visol.ch