Hi
I have been trying to integrate the facebook share button on my pages and have finally managed to get it to work
according to their docs i need to add a link-rel tag to get the image thumbnail when posted
i looked at this post http://forum.coppermine-gallery.net/index.php?topic=43650.0 (http://forum.coppermine-gallery.net/index.php?topic=43650.0)
but wasn't sure how to modify the solution in there to add the tag i need
which i believe is
<link rel="image_src" href="{$CONFIG['site_url']}{$CURRENT_PIC_DATA['url']}&{$CURRENT_PIC_DATA['title']}" />
I also tried to edit the description meta plug in to replace its injected meta tag on the image page but instead of getting the tag i get
/* <![CDATA[ */
var js_vars = {"site_url":"http:\/\/www.magicmirrorphoto.co.uk\/gallery","debug":false,"icon_dir":"images\/icons\/","lang_close":"Close","icon_close_path":"images\/icons\/close.png","position":2,"album":1,"cat":false,"buttons":{"pic_info_title":"Display\/hide file information","pic_info_btn":"","slideshow_tgt":"displayimage.php?album=1&pid=2&slideshow=5000#top_display_media","slideshow_title":"Slideshow","slideshow_btn":"","loc":""},"stars_amount":"5","lang_rate_pic":"Rollover to rate this picture","rating":0,"theme_dir":"","can_vote":"false","form_token":"69bdcb7803234eabd27d95ed09ef7a3f","timestamp":1276776863,"thumb_width":"128","thumb_use":"any","max_item":"3","count":"3","picture_id":"2"};
/* ]]> */
can anyone point me in the right direction?
gallery is here http://www.magicmirrorphoto.co.uk/gallery (http://www.magicmirrorphoto.co.uk/gallery)
thanks
Grant
I don't know what Facebook requires for their button to work. All we can support here are modifications of Coppermine.
We already had a similar topic in the German support board about a facebook button (http://forum.coppermine-gallery.net/index.php/topic,65292.0.html). Maybe that helps. If not, give as much information about the facebook stuff as you can (what data should you include to your website, what exactly should happen).
Hi Andre
German board is not much use to me im afraid, but thanks
i think mention of the facebook button is clouding the question slightly
basically i need to add this tag to the photo page
<link rel="image_src" href="thumbnail_image" / >
which needs to be generated dynamically and populated with the image data like so
<link rel="image_src" href="{$CONFIG['site_url']}{$CURRENT_PIC_DATA['url']}&{$CURRENT_PIC_DATA['title']}" />
but from the sources mentioned above i have been unable to get the tag to be injected correctly
Grant
What exactly have you done so far?
1st search of the board found the plugin mentioned above,
I installed that looked to see what it did then looked at its sourcecode tried to figure out how it injects the metatag for the description & tried replacing the line where it forms the description metatag for the picture page with the line to form the one i need
this didnt work and where the meta tag was previously there the block of CDATA listed in the original post
i then found the thread linked above in the mods/hacks forum for description metas but couldnt figure out how the code was doing what it was doing to edit it
ahha finally after some strong coffee
i used ludo's mod from the link in the original post
OPEN
displayimage.php
FIND
if ($CURRENT_PIC_DATA['keywords']) { $meta_keywords = "<meta name=\"keywords\" content=\"".$CURRENT_PIC_DATA['keywords']."\"/>"; }
AFTER, ADD
if (!is_numeric($album)) $meta_fblink .= " - " . $album_name;
$meta_fblink = "\n<link rel=\"image_src\" href=\"{$CONFIG['site_url']}{$CURRENT_PIC_DATA['url']}&{$CURRENT_PIC_DATA['title']}\" />\n";
$meta_keywords .= $meta_fblink;
page source now has the meta tag
<link rel="image_src" href="http://www.magicmirrorphoto.co.uk/gallery/albums/userpics/10001/normal_IMG_0044_small.jpg>
only thing is now i realise the metatag needs to contain the link to the thumbnail as the main image is to big
oh well time to put the kettle on again ;D
done :)
the meta tag is now correct with the path to the thumbnail image
now have spotted a problem with my facebook button that still means it wont share properly but can hopefully get that sorted
for anyone else that needs it
FIND
Code:
if ($CURRENT_PIC_DATA['keywords']) { $meta_keywords = "<meta name=\"keywords\" content=\"".$CURRENT_PIC_DATA['keywords']."\"/>"; }
AFTER, ADD
// Add link-rel tag for facebook share button
if (!is_numeric($album)) $meta_fblink .= " - " . $album_name;
$thumb_url = str_replace('normal', 'thumb', $CURRENT_PIC_DATA['url']);
$meta_fblink = "\n<link rel=\"image_src\" href=\"{$CONFIG['site_url']}{$thumb_url}\" />\n";
$meta_keywords .= $meta_fblink;