Add Meta Data tags to page head tags so WhatsApp Preview Link works

Sam BeckerSam Becker ✭✭
edited February 4 in Questions
I'm trying to get my Skuid Page that is public facing to show up in a good format when sharing links to apps like WhatsApp and Facebook Messager. To do so, I need to add meta data with tags from this website http://ogp.me/

However, I can't seem to find a way to access the <head> element directly and trying to add it with a query snippet $('head').append(html code) doesn't seem to work either. I'm guess it's because the jquery isn't ran when a link is shared. 

Is there a way to access a Skuid pages head element directly?

thank you!
Tagged:

Comments

  • Mark DeSimoneMark DeSimone 🛠️ 
    edited February 4
    Hi Sam. It sounds like you need to add a <meta> html tag into the header of the page users are visiting, correct? I don't believe there's a way to do this in Skuid pages, but you might be able to do this if you deploy your Skuid page via Visualforce page, and add the tag to the Visualforce page. 
    Here's one developer thread I found that might be useful:
    https://developer.salesforce.com/forums/?id=906F000000099tDIAQ
  • Sam BeckerSam Becker ✭✭
    edited January 2019
    Thank you! I was able to get it working through this. In case anyone else runs into this problem, here's a few things.

    I had to first change my Visualforce page from redirect to using the Skuid page component. https://docs.skuid.com/latest/en/skuid/deploy/salesforce/visualforce/skuid-page-visualforce-componen...

    Once I did that, it took me an annoyingly long time to figure out that I had to go to the URL of the visualforce page and not the typical Skuid page. But, once I did that and added the meta data to the head tag it worked!
Sign In or Register to comment.