Facebook OpenGraph Image

[Staci Alonso]

We are having an issue where the meta data for facebook open graph seems to be pulling a random image for the feed.

see
http://www.stationcasinosevents.com/events/

Normally, we’d just use yoast to control this, however since /events/ isn’t technically a page, we don’t have the ability to set which image is selected.

Is there an easy way to specify which image to pull and edit the description?
You can see Yoast is pulling the correct data, then it is duplicated below. See code snippet in system info:

Thanks,
Benjamin

[Andras]

Hello Benjamin,

Thanks for reaching out with this question. Let me try to help you.

If I understand correctly, your issue is that you want to feed a specific image to facebook, but instead you are getting a random one each time. Is that it?

I check the code of your events page and there I see 2 images as og:image. One is the header image, the other is a revolver.

If I check your page with the facebook debug tool, then it pulls the header image:
https://developers.facebook.com/tools/debug/sharing/?q=http%3A%2F%2Fwww.stationcasinosevents.com%2Fevents%2F

You want a different image to be pulled?

Andras

[Staci Alonso]

If i go to a specific event, it pulls the correct information.

If I go to a page, I can get it to pull the correct information.

But the main calendar http://www.stationcasinosevents.com/events/ is not a page, nor it is an event. the first og:image is generated by Yoast, and is what I would like for Facebook to see. The second og:image is pulled from a random event that seems to change everyday. I don’t know where this get’s pulled. If we had a shortcode for the full calendar, we could just place it on a page and style that. But because it is hardcoded to /events/ we have no way of controling it without writing custom code (which we’d prefer to avoid).

Thanks in advance for your help.

[Andras]

Hi Ben,

By default The Events Calendar doesn’t add any opengraph code. The second image seems to be generated by another plugin or your theme.

You can easily find out if it is the theme. Just switch to a default one like twentysixteen, then check the code. If the second og:image is not there anymore, then it is the theme. In this case check in the theme settings whether you can disable opengraph or something that can influence this

If it is not the theme, it can be a plugin. You can find out which plugin it is if you run a test for conflicts…

Testing Conflicts With Themes and Other Plugins

… and check if the code changes in a way that you only see the Yoast part.

Once you find the plugin, you can the setting of it and disable the option that influence opengraph.

If there is no such setting you still have 2 other options: 1) modify the plugin; 2) use an alternative plugin (or not use that plugin at all).

I hope this gets you started. Let me know how it works out.

Cheers,
Andras

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts