Add Facebook Compatible Meta Data Tags to Each Event Page

[sciotomile]

Has anyone figured out a way to add meta tags to individual events so that when a user clicks on an inserted “share on facebook” button, the event description and featured image is shown rather than random images and the latest blog post description?

http://www.sciotomile.com/event-listing/columbus-arts-festival/

[sciotomile]

Okay… I’ve added this code to my theme functions:
http://pastebin.com/Gnipe9jP

I’ve also installed WordPress SEO by Yoast. That seems to have fixed things, I think… Does the above code make sense? Will it work?

[sciotomile]

Yeah… it still wants to pull the “default thumbnail” I create first and not the actual posts thumbnail. It shows both options if you use the arrow before you click post on the facebook share window, but that isn’t exactly what I want… I am confused why it is showing up since I placed the code that assigns a default op image in a if/else loop.

[snorton]

It looks like you’re echoing nothing if there is a post thumbnail and a placeholder image if the featured image has not been set?

Add this to your functions.php file to get it to (hopefully) work properly:

<?php
add_action(‘wp_head’, ‘my_featured_fb_image’);

function my_featured_fb_image($post_id = null, $size = ‘full’) {
$post_id = get_the_ID();
$image_src = get_post_thumbnail( $post_id , $size );
$fb_meta_tag = ”;
if ( !empty( $image_src ) ) {
$fb_meta_tag .= ‘<meta property=”og:image” content=”‘ . $image_src . ‘” >’;
echo $fb_meta_tag;
}
else {
echo ‘<meta property=”og:image” content=”http://www.sciotomile.com/wp-content/uploads/2014/02/Default_Feature_Thumbnail.png”/>&#8217;;
}
}
?>

Also, for what it’s worth, here’s a ref to FB’s doc on the subject of Open Graph:
https://developers.facebook.com/docs/opengraph/howtos/maximizing-distribution-media-content#tags

[sciotomile]

Snorton — Something in your code caused my entire site to crash and fail to load. I removed it from the functions file and the site returned. Perhaps some extra formatting is coming from putting code directly into a post on the forum. Can you post to pastebin.com or something? Thanks!

I am wondering if $fb_meta_tag = ”; is actually supposed to be $fb_meta_tag = ”;

[sciotomile]

Well my replied post comfirmed it… when you post on this forum two individual quotation marks (‘ and ‘) are combined into “… Anyway, if you can post using pastebin I would really appreciate it.

[sciotomile]

I tried correcting the auto formating of the quotation marks in the above code, but it still causes the site to fail…

[snorton]

Well, whoops! I knew better but did it anyway.
http://pastebin.com/XQGerpgV

[snorton]

This also checks if you’re on a tribe event page.

[sciotomile]

Well it doesn’t cause the entire site to crash, but the event page will not load if I put this code in functions.

[snorton]

Let me try this again. Tested on localhost and it returns what we’re looking for – my apologies for the messed up function above!!

http://pastebin.com/Gs0DYgyH

[sciotomile]

That worked! Thanks!

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts