Adding Open Graph meta tags to story.html

Apr 19, 2024

Jim Owen
By Jim Owen

I am trying to add Open Graph meta tags to my story.html file, but things are not working as hoped. I'm wondering if anyone has experienced this problem.

For those who don't know, Open Graph is a set of meta tags one can add to an html file so that when the URL is shared, you get a nice image and description and title instead of just the ugly raw URL.

I'm trying to add these to a story.html file, but it's not working, and I have checked to make sure everything is as i'm told it should be, and looked at multiple sources. Anyone?

Here are the tags:

 <!-- Open Graph metadata -->
<meta property="og:title" content="Test Course">
<meta property="og:description" content="This is my test course, which will teach you everything you need to know about stuff.">
<meta property="og:image" content="https://jimofseattle-postcards.s3.amazonaws.com/Gray/ogimage.jpg">
<meta property="og:url" content="https://jimofseattle-postcards.s3.amazonaws.com/Gray/storyog.html">
<meta property="og:type" content="website">
<!-- End of Open Graph metadata -->
4 Replies
Math Notermans
13 days ago04/20/24 at 11:27 am (UTC)

As the html storyline publishes isnot pure HTML but more or less Articulate's own interpretation of it, with a lot of confuscated code, its hard to simply add something like this. Better chance is when you add it inline in a WebObject in Storyline and publish it together with Storyline. Not guaranteed it will work though.

Sign In to Reply