Facebook og tags (Open Graphic)

Is there a way to be implemented in Percussion system?

Whenever someone post our URL on News Feed, it only show IE warning message. (see attached). We don’t want to display IE message, just the important content only…

Is it possible to do like this (according to FB developer page)

<!-- This site is optimized with the Yoast WordPress SEO plugin v1.5.3.3 - https://yoast.com/wordpress/plugins/seo/ -->

<title>Home - Big Sea | Strategic Creative, Content &amp; Code</title>   
<link rel="canonical" href="http://bigseadesign.com/">   
<meta property="og:locale" content="en_US">   
<meta property="og:type" content="website">   
<meta property="og:title" content="Home - Big Sea | Strategic Creative, Content &amp; Code">   
<meta property="og:description" content="Homepage... this content is ignored...">   
<meta property="og:url" content="http://bigseadesign.com/">   
<meta property="og:site_name" content="Big Sea | Strategic Creative, Content &amp; Code">   
<!-- / Yoast WordPress SEO plugin. -->   

Here’s the link: https://developers.facebook.com/docs/…

Aaron, This is actually a feature in development.  We are working on something we are calling Social Promotion which allows you to socially optimize your site and automatically insert the appropriate open graph and schema.org meta tagging within your page (without having to understand open graph and schema.org).  

In the meanwhile, you can manually insert these types of meta-tags within the head of your page to have more control of how you content displays when posted to facebook and linkedin (the two sites that use open graph markup).  If you take a look at the Percussion blog, and look at the source view of a given blog post, you can see that we do this on all our pages.  

That’s awesome to know about “Social Promotion”!! How soon are you going to release this new feature? Tomorrow? :wink:

Anyway, I just edited via Page level (not Template level) and is this the correct way? This is coming from Page, not Blog/News.

See attached. Thank you!

In your example, you are using Dublin Core tags instead of open graph tags. I image Facebook can read these meta-tags, but I know that they prefer open graph.  Here’s an example of code that we insert in the head of the page.  

http://www.percussion.com/blogs/web-content-management/2014/august/how-to-get-everyone-to-agree-on-a...; /\> http://www.percussion.com/Assets/uploads/images/DOAR-10.jpg"; /\> 

I’m not sure why you inserted a div in the area after body start vs putting that content on the page itself. In my research, I’ve not seen people attaching the meta properties to divs. Usually they are using adding "metaproperty=“xyz” to something like a

or

tag. But I don’t know that that’s wrong either.  

The screenshot I posted it above - I copied it from Percussion blog to see if it’s working. I had OG tags earlier but for some reason it’s not showing on FB properly. The code you provided did not show on Facebook. Does it take time to appear or did I do something wrong?

Here’s the link: http://www.sfcollege.edu/top-ten Thanks!

When I pointed you at our blog, what I should have said is “look at the source view of one of our recent blog posts.”  I can’t recall which blog post you got that screenshot from!

I assume that FB must cache data so if you inserted a link before you inserted the meta-tags it’s probably not crawling it “on the fly”. Perhaps if you try on a new page, you can it work. I don’t see anything wrong with how you’ve done the meta tagging. That being said, it looks like what is happening is that it’s grabbing the first content on your page, which happens to be a hidden div that you must conditionally show based on browser type.  that would be a reason to perhaps embed that hidden div at the bottom of the body instead.   

Hi guys, so I have social promotion and for us posting internally it works great.

My problem is on my news and events pages I have inserted a 3erd party widget AddThis. ( I have tried ShareThis and Sharaholic and lots of other little free ones. They all have the same problem)

So that my public users can share out our event and news article pages. But Facebook always picks the wrong image to add to the post. So I was trying to write a little jquery script to dynamically add in these og:image tags (so that I don’t have to teach my users how to do it manually). However I can’t seem to get my script to append the new meta tag to the head tag. Or I’m not sure how to test if it is appending?

Then at the bottom of this article I read this;
https://stackoverflow.com/questions/1…

Facebook’s scraper does not execute the Javascript, and can therefore only read the meta-tags that are available in the HTML before any Javascript (or jQuery) execution.

You have to have a unique URL for each Open Graph object.

So does that mean that the only way to control what Facebook adds as an image for your post is to add the meta tag manually into cm1 ?

It seems like others are trying this on the net but I can’t seem to find a straight answer on this one.

Hi so I did another test this morning with the Facebook scrubber. So either facebook pulls data before js is run, or my script is not working to append the og:image tag to the header but the scrubber is not picking it up.

Also Percussion Team, I wanted to let you know that the Facebook scrubber is listing a bunch of errors relating to built in Percussion objects. See the report below. Looks like the calendar object and some other stuff I’m not sure what it is. Any plans to help clean this up? I don’t think its issues I can fix. (Some of them are mine but these other ones are coming from percussion.com)

Any updates on Social Promotion? Last time I heard was 2014. Thank you.

I commissioned a little bit of custom development through Percussion Professional Services for an Open Graph widget set (Facebook/LinkedIn and Twitter). Didn’t break the bank from what I recollect. Could potentially be worth reaching out for if they don’t have anything planned in an upcoming release.

Thank you for the post! We will be including new widgets in our upcoming release of CM1 5.4 that will include an Open Graph widget, Twitter Summary card widget and Facebook widget. Please stay tuned for our release announcements coming soon!

1 Like

Thanks John Proppe for the information.

Thanks Chris for mentioning about 5.4 release. Any updates for the release date?