vb.org Archive - Facebook Share

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.

Code:

<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!

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01570 seconds Memory Usage 1,718KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)bbcode_code_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (2)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: