Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/simon-laux/static-instagram-embed
embed instagram posts into your website in a privacy respecting manner
https://github.com/simon-laux/static-instagram-embed
instagram privacy website
Last synced: 11 days ago
JSON representation
embed instagram posts into your website in a privacy respecting manner
- Host: GitHub
- URL: https://github.com/simon-laux/static-instagram-embed
- Owner: Simon-Laux
- License: mit
- Created: 2022-11-17T21:56:53.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2022-11-18T09:03:52.000Z (about 2 years ago)
- Last Synced: 2024-12-02T17:12:18.927Z (about 1 month ago)
- Topics: instagram, privacy, website
- Language: TypeScript
- Homepage:
- Size: 102 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: Readme.md
- License: LICENSE
Awesome Lists containing this project
README
# Privacy friendly static embedding of Instagram to your website
This project has 2 parts, one python script that downloads/updates the data, and one web component that you can easily embed into your website.
## Embed Web component into your website
download [`open-instagram-embed.min.js`](https://raw.githubusercontent.com/Simon-Laux/static-instagram-embed/blob/main/open-instagram-embed.min.js).
```html
```
Arguments:
- `datasource` - point this to the "insta-data" directory that `fetch_data.py` generated. This can be even on a different server as long as you set the CORS headers correctly on the server serving the "insta-data" directory.
- `count` - how many posts to display, default is 3. If you want more posts, you also need to increase the number of posts downloaded with the `fetch_data.py` script with the `--post-count` flag.
### Compile it yourself
```
cd open-instagram-embed
npm install
npm run build
```
Now copy `open-instagram-embed/dist/components/open-instagram-embed.js` to your project!
## Downloading Data
install dependencies
```
pip3 install instaloader
pip3 install click
```
Then run the updater function (you can put it into a cronjob somewhere):
```
python fetch_data.py --target-profile username
```
replace `username` with the name of your profile
Sometimes it can make sense to log in to:
- download a private profile
- increase success rate from a public server that might be blocked by Instagram
To do that, you first need to log in
```
instaloader --login username
```
Replace `username` with the name of your profile.
And then modify the command from above like this
```
python fetch_data.py --login-user username --target-profile username
```
Replace `username` with the name of your profile.
```sh
$ python fetch_data.py --help
Usage: fetch_data.py [OPTIONS]
load data from instagram
Options:
--login-user TEXT Login username, you need to login with
`instaloader --login` if you want to use this option
--target-profile TEXT Profile to download data from [required]
--post-count INTEGER How many posts to download, default is 3
--help Show this message and exit.
```
## Thanks to
### instaloader for fetching the data from instagram
https://github.com/instaloader/instaloader
### Font awesome for the icons
Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License -
https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code:
MIT License) Copyright 2022 Fonticons, Inc.
### Stencil for making Web components easy
https://stenciljs.com/