Forum Discussion
Adding Open Graph meta tags to story.html
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 -->
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.
the link to your image
https://jimofseattle-postcards.s3.amazonaws.com/Gray/ogimage.jpg
don't work (AccessDenied)
the link to your html is working
Thanks for pointing that out. The image and title do show up now. The description, however, is simply the URL itself.
https://jimofseattle-postcards.s3.amazonaws.com/Gray/storyog.html
