Injecting Share Preview OG Elements for Streamlit App Served Through Nginx server

Deployment
1

I use my own linux server with an Nginx reverse-proxy to share my data app which has been working pretty well.
The only issue is that I can’t figure out how to customize the share preview (the preview generated when sharing the app through iMessage, FB, Telegram etc.). It shows the streamlit custom favicon and title.

I have tried using the following tags to inject the OpenGraph elements in my app’s main.py to no avail.

st.markdown(
    """
    <meta property="og:title" content="app_name" />
    <meta property="og:description" content="app's discription" />
    <meta property="og:image" content="public_url_to_image.png" />
    <meta property="og:url" content="main app url" />
    <meta name="twitter:card" content="summary" />
    """,
    unsafe_allow_html=True,
)

My only other though is if I create a custom HTML handing page with OG elements and configure my nginx to serve that page to crawlers but I’m not quite sure if that’ll be effective.

2

This topic was automatically closed 180 days after the last reply. New replies are no longer allowed.