By continuing your navigation on this site, you accept the use of cookies to offer you contents and adapted services. Legal Notice.
You are here :   Welcome » Download
Find La Belle Note on FacebookJoin me on


If you find a broken link in this list, please report it to the webmaster.

Unfold Close  Software

/*    (voir la traduction française dans la zone telechargement du site de l'auteur

Fork for Guppy 5.xx : FB_og_meta, by C.Mineau
V2.1  : add news capability + bug fix
V2.2  : security script name check + install in inc/incpage  + SDK install in inc/inchead
V2.3 : add og:image:width tag + fix image search pattern + refactoring Guppy 5.2.8
V2.4 :  https
V2.5 : fix mime constant (deprecated)

This Fork is suitable for you if you want to share Guppy articles or news (only for the moment) on Facebook.
The aim is to introduce the meta tags required by the facebook Open Graph API in order to select what are the details to be shared
on a particular page :
title/ description / site name / picture ...
These informations must appear in a meta tag with attribute property="og:xxxx" in the <head> tag.

Proposed mapping, for an Article or news :
og:site_name => the name of the site
og:url  ==> url of article or news
og:type ==> article (constant)
og:title ==> The title of the Guppy article or news     
og:image ==> First image in the page with alt field ="FB"    
og:description == > First lines of the article or news  + invitation to read the article or news on the site
og:locale ==> "fr_FR"  or "en_US"
! take care for news to only display a single news before sharing on FB. !

Installation instructions :
First unzip the archive in a local folder
1- place the file on your site in the inc/inchead folder.
2- open the file file
3- locate the line $FBdefault_image="skins/skin01_LBN_2014/img/photo.jpg";     (should be line 72, the value here is an example)
4- Modify the value of the default image to be selected if nothing found in the article.
2- place the file on your site in the inc/incpage folder.

Use :
1- You need first to introduce the FaceBook Share button at the bottom of your news and articles
In the Guppy "admin/structure/Social network code for the services" box, add the following code:

<!-- Facebook  BEGIN-->

<div class="fb-share-button"
<a class="fb-xfbml-parse-ignore"
  href="#">Partager sur Facebook</a>


var a = document.getElementById('a_FB');
a.setAttribute("href",  ""+ encodeURIComponent(window.location.href)+"&src=sdkpreparse");

var d = document.getElementById('div_FB');
d.setAttribute("data-href", window.location.href);

<!-- Facebook  END-->

2- In your articles or news, you only have to select the picture you want to be displayed on Facebook as thumbnail for your share,
you do so by entering FB in the field "texte de remplacement"/"Replacement text"
That's all, when clicking on the share button, your article or news should be given it's true title, the url should be correct, and the description should be the beginning
of your article + "... read more ..."""
Note, for the news, it will work only if you display a single news, not when displaying the list of the last news (just click on a title of news, then share it)

In case of difficulty, use the FB sharing debugger page : Kb) Downloaded 1106 times Download Hyperlink   Preview  Print...