Dolphin 7.1.5 FB thumnail

Did the version 7.1.5 fix the thumbnail preview when a link or share was used on facebook? In other words when I paste a link from my dolphin site the preview image renders as it should and facebook doesn't grab my logo instead?

Thanks

fb.png · 45.2K · 217 views
Quote · 31 Mar 2015

simple answer, no ;)

http://www.boonex.com/market/posts/paansystems - your resource for Dolphin Pro
Quote · 31 Mar 2015

cccrrraaapppYell

thanks for reply...

Quote · 31 Mar 2015

Deano is working on a mod that will place the og:image bits in the header.

Geeks, making the world a better place
Quote · 31 Mar 2015

I've been working on this the past few days...

Read this.

http://www.boonex.com/forums/topic/Meta-individual-member-photos.htm#255317

ManOfTeal.COM a Proud UNA site, six years running strong!
Quote · 31 Mar 2015

Perhaps expanding on this some.

If you have looked at the developers side of FB you can insert basic "og" tags yourself.

First and foremost backup files first.

Making your changes in the _header.html under the proper template folder will work.

Your going to basically re arrange some info and test on FB debugger.

https://developers.facebook.com/tools/debug/ 

Open the file and make your look as close to this; changing your info to match your site.

<meta charset='UTF-8'>

<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>

<meta http-equiv="Content-Style-Type" content="text/css" />

<meta name="viewport" content="width=device-width" />

<meta name="google-translate-customization" content="a12bc54d3d03dce4-46680618526fe138-gd7637057367beb3f-10"></meta>

<meta property="og:type" content="website" />

<meta property="og:site_name" content="Your Website Name" />

<meta property="og:title" content="__page_header__" />

__page_description__

__page_keywords__

<meta property="fb:app_id" content="Your FB App ID Number" />

__page_og_image__

<title>__page_header__</title>

<base href="<bx_url_root />" />

 

The original _header.html file looks like this..

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">

<head>

    <meta http-equiv="X-UA-Compatible" content="IE=Edge" />

    <meta http-equiv="Content-Type" content="text/html; charset=__page_charset__" />

<title>__page_header__</title>

<base href="<bx_url_root />" />

__page_description__

__page_keywords__

<meta http-equiv="Content-Style-Type" content="text/css" />

<bx_include_css />

<bx_include_js />

    __dol_images__

    __dol_lang__

    __dol_options__

 

I moved several items around, main example is the 

__page_description__

__page_keywords__

FB likes them above the "title" tag for some reason.

Use the debugger tool to test your link each time you move something to see my point.

 

@medfly, yours is as simple as...

<meta property="og:image" content="http://www.yoursite.com/media/images/mysitelogo.jpg" />

In your case you would NOT use Prashanks fix; his automatically pulls the image link.

ManOfTeal.COM a Proud UNA site, six years running strong!
Quote · 31 Mar 2015

 

@medfly, yours is as simple as...

In your case you would NOT use Prashanks fix; his automatically pulls the image link.

 You cannot use your site logo as in your example.

Make a new image (logo) the proper size according to FB for the that.

The image should be small in pixel size.

Your going to have to experiment.

ManOfTeal.COM a Proud UNA site, six years running strong!
Quote · 31 Mar 2015

I appreciate all the input, I guess I wasn't clear, I didn't want to make my logo the image on FB. That is what FB is pulling anytime I add a link, because I guess it's the biggest picture on the page. I will try some code rearranging as suggested. People are really reluctant to click on something they cannot preview.

Quote · 31 Mar 2015

 

I appreciate all the input, I guess I wasn't clear, I didn't want to make my logo the image on FB. That is what FB is pulling anytime I add a link, because I guess it's the biggest picture on the page. I will try some code rearranging as suggested. People are really reluctant to click on something they cannot preview.

 If that's the case, do the Prashank mod for now until Deano releases what he is up to.

ManOfTeal.COM a Proud UNA site, six years running strong!
Quote · 31 Mar 2015

Yea, i am still working on mine. I am currently working on the video sharing which i am having problems with, thus slowing me down.

I am trying to get the shared video to auto play in the FB timeline like many other videos do. But the boonex player is not compatible with that, so i am trying to include a alternate player with the mod specifically for FB sharing use, however i may end up just sharing a thumb as a standard link back to the site for playing there. I am not going to screw around with autoplay forever.

https://www.deanbassett.com
Quote · 31 Mar 2015

 

I am trying to get the shared video to auto play in the FB timeline like many other videos do. But the boonex player is not compatible with that, so i am trying to include a alternate player with the mod specifically for FB sharing use

 I spent couple hours last night on this...

ManOfTeal.COM a Proud UNA site, six years running strong!
Quote · 31 Mar 2015

I did read something that I didn't know and was curious as to why it was happening.

You do all the work I mentioned, you go to test.. no go.

But the second time, the image was there.

Well I read the following which explains a lot!

 

Pre-caching images

When content is shared for the first time, the Facebook crawler will scrape and cache the metadata from the URL shared. The crawler has to see an image at least once before it can be rendered. This means that the first person who shares a piece of content won't see a rendered image:

There are two ways to avoid this and have images render on the first Like or Share action:

1. Pre-cache the image with the URL Debugger

Run the URL through the URL debugger to pre-fetch metadata for the page. You should also do this if you update the image for a piece of content.

ManOfTeal.COM a Proud UNA site, six years running strong!
Quote · 31 Mar 2015

You don't actually have to do a prefetch.

Facebook will do it automatically if you also include the open graph size tags for the image. Doing so will allow the image to show up even on the first time it is shared.

https://www.deanbassett.com
Quote · 31 Mar 2015

I have purchased your mods in the past and you do great work, and I would like to purchase the one that will place the og:image bits in the header. (the one you are currently working on) I don't want to sound pushy but do you know when you might have this mod finished? Or you could pm me. I really don't care about the auto play for vid and frankly it sometimes bothers me when I'm scrolling down and something auto plays that I'm not interested in.

thanks

Quote · 31 Mar 2015
 
 
Below is the legacy version of the Boonex site, maintained for Dolphin.Pro 7.x support.
The new Dolphin solution is powered by UNA Community Management System.