Images that pass on Facebook share --- arrgh

Hello again.

Question 1

When my visitors share a blog-post that was published with no photo, then Facebook publishes automatically the Boonex image /media/images/small_logo.png.  

Can i change this image to my own logo (i'm on free boonex version)?  If not, how do I get Facebook to find my site logo instead?

Question 2

Is there any way I can add a photo with a sound file? 

This is for question 1

To pull your logo instead of a random image from the page..

http://www.boonex.com/forums/topic/Sharing-with-Google-problems.htm

This topic says "google" but it's about the meta tag 

I think your only option is to try the "og" meta tags, experiment with it.

The option I have used in the past for getting your "icon" and "site info" automatically pulled.

 Add this to your /templates/base/_header.html for UNI template

for 3rd party template.. /templates/tmpl_yourtemplate/base/_header.html or could be _sub_header.html

just before
<title>__page_header__</title>
after
<meta http-equiv="Content-Type" content="text/html; charset=__page_charset__" />
this is what you want

<meta property="og:title" content="YOURSITE.COM">
<meta property="og:image" content="http://YOURSITE.COM/images/YOUR_LOGO_IMAGE_TITLE.png">the line above is the one that pulls your "logo"
<meta property="og:site_name" content="CONTENT DESCRIPTION">
<meta property="og:description" content="This information here will show on every single sharethis, twitter, Google+, or Facebook Post.">

Change to your needs of course and back up all files first!!!!!

Thanks Newton - Lots to study here.  

The image meta property works fantastic.  Thank you.

Now just looking for a little help on the SOUNDS question.  Is it possible to add a pic per sound?

 I think there is a module for sound thumbnails, have you searched the market. There is not a way to do it without a module or hack.

I do not endorse any market product, with that said..

http://www.boonex.com/m/Thumbnail_Media

Newton, 

I've been working on getting Facebook comment box to grab the correct meta data.  As you know, when someone comments via Facebook comments, my site link is shared on the person's FB profile along with their comment.  This works fine.

Problem is the meta data that FB publishes on the commenters profile.

So my meta tags in _header.html need to tell FB about the content on THAT PARTICULAR page.

So, I've managed to get the PAGE TITLE to get published like this :

<meta property="og:title"  content="__page_header__">   ---> works perfectly and grabs the page title.

My problem is with the image. I don't know what to place here.

<meta property="og:image"  content=""> ---> I don't want FB to pull my logo.  I want it to pull the photo in the page (especially in "photos" section.

It should be __pic__ or __fileUnit__ but neither work.

Can you suggest?

let me look..

[edit] that is what I would have tried, so no.

OK. So maybe you can help me with og:description How can I get the page description?

As for og:image I believe there is a simple way to do it using PHP echo.  My problem is I don't know how to code in PHP.  But it should be dead simple.

If we look at file BxPhotosPageView.php we see this :

function getBlockCode_SocialSharing ()

    {

        $sUrl = BX_DOL_URL_ROOT . $this->oConfig->getBaseUri() . 'view/' . $this->aFileInfo['medUri'];

        $sTitle = $this->aFileInfo['medTitle'];

        $sImgUrl = $this->oSearch->getImgUrl($this->aFileInfo['Hash'], 'file');

        bx_import('BxTemplSocialSharing');

        $sCode = BxTemplSocialSharing::getInstance()->getCode($sUrl, $sTitle, array (

            'img_url' => $sImgUrl,

            'img_url_encoded' => rawurlencode($sImgUrl),

        ));

        return array($sCode, array(), array(), false);

    }

Thanks for your help.

 Facebook seems to insist on an image, if there isn't one specified it seems to grab the first image it finds.

I have seen some hilarious results when less than professional peeps have used an inline img element as part of their interface design.

I think the best approach may be to have a 1x1 transparent png and code to display that when a blog post is published with no image.