MacroPhotoPro
02-28-2014, 10:32 PM
Hello all,
I am creating a photography database application, so sharing pictures is an absolute must. When a person is on the "view pic" page, a facebook link is there as well so that the person can share the pic on facebook.
I am able to post to the person's wall, but I cannot figure out how to include the picture in the Facebook popup for posting. It's driving me nuts.
Before I make the dynamic solution to this problem, my goal is to first establish a static proof-of-concept. Here is the html I am using in the root directory. Notice I am intending on using the Facebook OpenGraph tool to a linked picture:
It is as if all the custom "meta" tags are being completely ignored.
How can I include a custom pic in my Facebook Shares? Your help is greatly appreciated.
<html>
<head>
<meta property='fb:app_id' content='473597412755690' />
<meta property='og:site_name' content='Nature Photography Resource & Database' />
<meta property='og:description' content='Online community for dedicated macro photographers worldwide.' />
<meta property='og:url' content='http://www.macrophotopro.com' />
<meta property='og:type' content='website' />
<meta property='og:image' content='http://www.macrophotopro.com/thumbnails/1/1_thumb_0000000548_tiny.jpg'>
</head>
<body>
<div id='fb-root'></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = '//connect.facebook.net/en_US/all.js#xfbml=1&appId=473597412755690';
fjs.parentNode.insertBefore(js, fjs);
}
(document, 'script', 'facebook-jssdk'));
</script>
<div class='fb-share-button' data-href='http://www.macrophotopro.com/' data-type='button_count'>
</div>
</body>
</html>
A pic of what happens when I click the Facebook button is shown in the attached Pic (notice that other metatags are also being completely ignored.)
This is the picture that SHOULD be appearing on the Share:
https://vborg.vbsupport.ru/
However, the attached below (my forum logo) is what's actually getting displayed. What do I have to do to get the desired pic to override the default posting of the logo?
Help is greatly appreciated!
I am creating a photography database application, so sharing pictures is an absolute must. When a person is on the "view pic" page, a facebook link is there as well so that the person can share the pic on facebook.
I am able to post to the person's wall, but I cannot figure out how to include the picture in the Facebook popup for posting. It's driving me nuts.
Before I make the dynamic solution to this problem, my goal is to first establish a static proof-of-concept. Here is the html I am using in the root directory. Notice I am intending on using the Facebook OpenGraph tool to a linked picture:
It is as if all the custom "meta" tags are being completely ignored.
How can I include a custom pic in my Facebook Shares? Your help is greatly appreciated.
<html>
<head>
<meta property='fb:app_id' content='473597412755690' />
<meta property='og:site_name' content='Nature Photography Resource & Database' />
<meta property='og:description' content='Online community for dedicated macro photographers worldwide.' />
<meta property='og:url' content='http://www.macrophotopro.com' />
<meta property='og:type' content='website' />
<meta property='og:image' content='http://www.macrophotopro.com/thumbnails/1/1_thumb_0000000548_tiny.jpg'>
</head>
<body>
<div id='fb-root'></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = '//connect.facebook.net/en_US/all.js#xfbml=1&appId=473597412755690';
fjs.parentNode.insertBefore(js, fjs);
}
(document, 'script', 'facebook-jssdk'));
</script>
<div class='fb-share-button' data-href='http://www.macrophotopro.com/' data-type='button_count'>
</div>
</body>
</html>
A pic of what happens when I click the Facebook button is shown in the attached Pic (notice that other metatags are also being completely ignored.)
This is the picture that SHOULD be appearing on the Share:
https://vborg.vbsupport.ru/
However, the attached below (my forum logo) is what's actually getting displayed. What do I have to do to get the desired pic to override the default posting of the logo?
Help is greatly appreciated!