CMS Development

ChrisDavis
Member | Elite Partner
Member | Elite Partner

Create a News page using custom module which populate Open Graph information from 3rd party websites

Trying to figure out how to create a custom module that will populate the image from a 3rd party website article from the URL used to link to the article on the same site. Basically building a News page with company mentions that link to 3rd party sites for the actual articles, but would like to automatically pull the image used on a specific article without ripping off their images. Very similar to what the Social tool in HubSpot does when sharing with Facebook. 

0 Upvotes
1 Reply 1
Stephanie-OG
Key Advisor

Create a News page using custom module which populate Open Graph information from 3rd party websites

Typically what social media sites do when you input a link is to get that URLs Open Graph information at the top. For example, for a page like this, in it's source you'll see OG tags like this: 

 

 

    <meta property="og:title" content="The Neuroscience of Cravings">
    <meta property="og:url" content="https://elemental.medium.com/the-neuroscience-of-cravings-bef091c67c1d">
    <meta property="og:image" content="https://cdn-images-1.medium.com/focal/1080/568/50/3/1*K2g9E_xAMogQFRioVKePLg.jpeg">
    <meta property="og:description" content="Research explains why people have intense urges for specific foods — and reveals ways to train our brains to resist them">
    <meta property="og:type" content="article">

 

 

You can get the image from the "og:image" meta tag. Perhaps a site like opengraph.io might help?


Stephanie O'Gay Garcia

HubSpot CMS Design & Development

Website | Contact

 

If this helped, please mark it as the solution to your question, thanks!

0 Upvotes