0
Answered

Custom Facebook OG / Twitter Card metadata for certain Sections/URLs

Kevin M. Cox 4 years ago in BLOX CMS • updated 4 years ago 10
We’re ramping up our annual Readers’ Choice awards and while working on our social media promotions I realized that our main contest page doesn’t share very well on social media.

It is a page with nothing but HTML assets so the Open Graph tags created by BLOX are all just generic ones for our site. None of the content or images on that page are used for in the metadata for the title, description, image, etc.

A feature I’d like to see added to BLOX would be the ability to create custom Open Graph / Twitter metadata for certain Sections within a site.

This would be helpful in my situation above, but could also be very useful on a day-to-day basis. For example we could reference our sports department’s Twitter account in the metadata for sports stories as opposed to our main news Twitter account.

What do y’all think?

Answer

Answer
Answered
Hi Kevin!

Most of those things are really URL custom properties (they can be assigned in site settings OR on a URL map), so it is possible to add different OG properties to, for example, the sports section.

Here are all the OG properties that are available:

http://docs.townnews.com/kbpublisher/OpenGraph-Tags-URL-Custom-Properties_7768.html

Twitter Cards don't have any custom properties, because they are just automatic based on the content.

http://docs.townnews.com/kbpublisher/How-do-I-set-up-Twitter-cards_8635.html

Let me know if this works for you! Thanks!

Christine
BAD, I'M UNSATISFIED
I'm satisfied that I finally got an answer, but it shouldn't have taken 3 months.
Satisfaction mark by Kevin M. Cox 4 years ago
Answer
Answered
Hi Kevin!

Most of those things are really URL custom properties (they can be assigned in site settings OR on a URL map), so it is possible to add different OG properties to, for example, the sports section.

Here are all the OG properties that are available:

http://docs.townnews.com/kbpublisher/OpenGraph-Tags-URL-Custom-Properties_7768.html

Twitter Cards don't have any custom properties, because they are just automatic based on the content.

http://docs.townnews.com/kbpublisher/How-do-I-set-up-Twitter-cards_8635.html

Let me know if this works for you! Thanks!

Christine
Excellent. However it seems a big omission is the OG Description tag. Could this be added?

On Twitter, there seems to be some conflicting information in the linked documentation.

http://docs.townnews.com/kbpublisher/How-do-I-set-up-Twitter-cards_8635.html
"Once you have your Twitter account you need to make add the twitter_account URL custom property to the root URL."

However following the twitter_account link is a custom property listed under Site settings.

Should this custom property be set in Site Settings or on the URL or both?
For almost all custom properties on Zen templates, we can accept both site settings and URL properties. URL specific settings will override a setting on the URL root level, which will override the site setting.
Thanks Christine, any thoughts on adding the OG Description tag?
The world awaits reply...

Also, providing us with the list of the og_tags does nothing to help us implement them.

I want Facebook to automatically pull the associated headline, photo and description from each article when it is posted. It's 2015, this is not something I should have to set up myself.

As it -is- something I have to set up myself, we'd all appreciate a detailed explanation of which URL(s)* to edit and what values we can use for the property to ensure that Facebook automatically pulls the associated photo. If this is not possible, and we have to use a standard photo for all articles, please clarify this.

* I have been unable to find an article-level template, though there is a block that displays full articles. Do we edit the properties fo this block? The block's description would indicate otherwise.
Hi there!

Sorry for the misunderstanding, but all of these items are automatically implemented already and the details are in the document I referenced previously:

http://docs.townnews.com/kbpublisher/OpenGraph-Tags-URL-Custom-Properties_7768.html

The title, description and photo are automatically pulled from the article. We'll use the prologue first (the summary tab), so if you don't like the first paragraph of the article you can type something into the summary tab and it will be used on all article previews (including blocks).

The only areas where you might want to customize the pages are on the section fronts and maybe the front page. Those will use the URL property description, so you can just type things there and they will be used (you should have a nice description there for search and seo purposes anyway).

Hope this helps!

Christine, thank you very much.

The linked document makes no mention of how to manually set the og_description for these section fronts. Maybe it can be updated to point out that using the URL Description will create the property to help users in the future?
Yep, I think that's a good idea, thanks! :)

Also, for future reference, this site is meant for general discussion, feature requests, and a place where customers may be able to share ideas and help each other. If you have an immediate customer support issue, it would be best to submit a ticket to our Customer Support team.
Understood. But as you know I've got multiple support tickets that haven't received replies in months as well.

At least here there is some visibility to the issue...