How to add og: tags to landing pages?

Question

I wanted to choose an image to display when sharing on facebook and can’t do that or just don’t know how &#x1f626;

Justin · Accepted Answer

Just wanted to add a few handy links here.Set up OG tags manually using some HTML              [How-to] Choose the Image, Title & Description When Posting Unbounce Pages to Social Media Tips and Scripts        [tips-scripts-banner] For the most part, your landing pages will get the majority of their traffic from targeted ads and marketing campaigns that allow you to have complete control over the traffic quality. But what if you wanted to share your pages on social media? By default, each social network will attempt to guess which content to grab from your landing pages, which is obviously not ideal as it often scrapes the wrong information. Luckily, there’s a simple way to override which content …  Vote on this Feature Request              Open Graph :: Rich Images, Descriptions, Social Sharing, Etc Builder & Page Hosting        Hello, I understand that when using default share buttons you can add JS to select an image to be shared, however this only works for Twitter as there is no default share button for LinkedIn or Facebook. At the moment, I’m using custom html to have a LinkedIn & Facebook share button, but this means there is no image attached. Is there Javascript code that allows you to add an image to a landing page when pasting the link on social media or using custom html share buttons? Or is a default…

Quinn_Omori · Answer

Hi Matt - You can add your og tags into the custom Javascript. Just insert any og tags you want in full in a Javascript entry and choose “head” as the placement and your tags will be written directly into the head of your page, where Facebook will be able to find them.

The Javascript dialog says “script tags must be included”, but that’s referring to actual Javascript–you can ignore that and just add your og tags straight in like so:

<meta property="og:type" content="blog">```   
 
Here's a quick how-to on adding things to the custom Javascript panel, if you've never done it before: [http://unbounce.com/ppc/7-quick-and-d...](http://unbounce.com/ppc/7-quick-and-dirty-tactics-for-ppc-landing-pages/#comment-475865)

How to add og: tags to landing pages?

2 replies

Set up OG tags manually using some HTML

Vote on this Feature Request

Reply

Set up OG tags manually using some HTML

Vote on this Feature Request

Reply

Sign up

Log in to the Unbounce Community

Scanning file for viruses.

This file cannot be downloaded