Hi folks, I’m a code newbie and a no code newbie, but I’ve made some good progress building my single page application https://interconnect3d.com/. I need help figuring out how to dynamically change the URL previews for social media sharing purposes, depending on the current view, which I have set as a URL Parameter (“view” is the key, and “List”, “Post”, or “Profile” are the Option Set values.)
What I want is – when my users copy and paste a link offsite to either their Profile (a data Type) or to any Post (another data Type) – for the current view Type’s Image (Profile or Post thumbnail images that are saved to the database) to display instead of the app’s default Image, and for the Title of the current view’s Title to be appended to the app’s title (which I have set in both the SEO/Metadata tab of my app’s Settings, in the Social Media/Open Graph Settings section, and on the Page element itself) as shown here:
A link copied and pasted of the List view is correctly showing the whole app’s default URL preview Image and Title by default as desired, but the URL preview Image and Title for the other views are currently working only for one or the other, Profile or Post data type (as shown above), because I can’t figure out how to make an “if / else” or “or” expression in the Page’s appearance settings to handle either case, whether retrieving the Image through the Get Post from Page URL method “or” Get Profile from Page URL as shown here:
I have searched and read and reread many a forum post about OG (Open Graph) SEO metadata and URL Previews, Dynamic Page Title and Descriptions, with no luck. I tried a Conditional on the element to change the Page’s Title, but at least one of the forum posts from Bubble official team seems to indicate that is not intended to work, and it did not.
Just to be clear about what I’ve already tried/investigated, these links seemed at least tangentially related to what I am trying to do. Any help is greatly appreciated!
Editing to add one more forum post I have read through: