Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Share content of a webpage to Instagram story

I am working on a web app in which some content is generated in the form of text (and will soon include images as well). I want to add a share button which will allow the user to add this content to their Instagram story.

So the flow of this is going to be:

  1. User does something on the website
  2. The website generates some content based on user input
  3. User clicks on "Share on Instagram" and posts it on his/her story

Is there a way to do this using Javascript or an API call like the Twitter share option directly from the HTML ?

I am using Python on the backend (Flask) and JS on the frontend

like image 515
RishiC Avatar asked May 28 '20 17:05

RishiC


People also ask

Can you post a website on Instagram story?

When uploading to your Instagram Story, click the icon at the top right that looks like a chain. Click "+ URL" to add a link to a web page. Type the URL into the text box. Click "Done" in the top right.

Can you share from a website to Instagram?

The Instagram bio is the only place where anyone, including private personal accounts, can share a clickable link. Think of this as your “home” link. While there are other ways to share clickable links (which we'll discuss in a moment), those routes are targeted for more specific audiences.

Can you put web links in Instagram stories?

You can add links to your stories by using Instagram's new clickable link sticker. The new link sticker is much more visible, and can be added anywhere on a story. It also shows viewers the first part of the destination link (i.e. the domain), giving more transparency.

Can you add content to Instagram story from computer?

Yes, you can post to Instagram from a PC, but there are some minor limitations. On its desktop version, Instagram only allows you to post images and videos to your profile. You cannot post Instagram Stories, IGTV posts, or Reels from the web version.

How to share regular Instagram posts as stories?

Regular Instagram posts can be easily shared as a story. Simply press the paper plane icon on any post and select Add post to your story. You can also share these posts with other Instagram users. The steps for sharing an Instagram story are straightforward.

How do I reshare a tag to my Instagram story?

If you were tagged in a story, you can easily reshare it to your story by following the steps below: Tap the direct messages icon in the upper right-hand corner. 2. Locate and open the tagging notification. 3. Tap "Add to Your Story." From here, you can add your own text, filters, and stickers to the post — or continue to the next step.

How do I add a URL to my Instagram story?

Upload a photo or video to your story on Instagram. 2. In the Story editor, click on the chain icon in the top right of the Story page. 3. Click on the add URL button. 4.

How do I view my Instagram Stories?

Go to your profile and click on the menu located in the upper right-hand corner. When the drop-down menu is shown, click on 'Insights,' then 'Content' and finally 'Stories.' 2. Via Your Stories Click on "Story" and swipe up.


Video Answer


2 Answers

OK, lets make this simple.

The direct answer as found on the official Facebook developers page is no. You can't trigger an API to create an instagram story, as for now only the "read-mode" is supported through API.

But as most things in life you can hack your way around.

You can create a button that says, "share on your instagram stories" and here's what it is gonna do:

  1. Trigger a function on the back-end that creates a screenshot/image or a video of the content you want to share
  2. Send that content to the user so it's the last content they have in the gallery

UPDATE

  1. Trigger the open story camera in Instagram app with this link: instagram://story-camera. (the last content they have will be the content u sent and will be the first thing they see for posting a story)

There is a better solution for the third point:

  1. Trigger the "share story" function through this link: instagram-stories://share. This link redirects you directly to the editing page. If you find a way to POST to this link in your header an image URI coded, it should open it. I've read different code examples and documentation (from instagram dev page) and you can share this content as background (image/video) or sticker. Spotify does something similar by posting the image as a sticker.

It goes without saying that this will work when the website is opened in a phone and not in a desktop browser as in desktop you can't post stories.

like image 153
Peter Bejan Avatar answered Oct 23 '22 03:10

Peter Bejan


The New York Times has done this.

In iOS, it generates an Instagram Story, with the headline and lede of the respective news article.

To do this, you'll have press the "share" button on an iPhone and then "Instagram Stories."

Auto generated Instagram Story, via The New York Times iOS app

Twitter has also done this for quite a while.

like image 28
Viktor Elias Avatar answered Oct 23 '22 02:10

Viktor Elias