You are here :   Welcome » Download
 
Luthiery work
 ↑  
Woodworking
Woodturning
 ↑  
Leather work
Softwares
Search
 
Close
Contact Me
Visits

   visitors

   visitors online

Download

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 www.labellenote.fr)

Fork for Guppy 5.xx : FB_og_meta, by C.Mineau www.labellenote.fr
V2.1  : add news capability + bug fix
V2.2  : security script name check + install in inc/incpage  + SDK install in inc/inchead

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  Facebook_SDK.inc on your site in the inc/inchead folder.
2- open the file FB_og_meta.inc 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  FB_og_meta.inc 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"
  id="div_FB"
  data-href="#"
  data-layout="button_count"
  data-size="small"
  data-mobile-iframe="true">
 
<a class="fb-xfbml-parse-ignore"
  id="a_FB"
  target="_blank"
  href="#">Partager sur Facebook</a>

</div>

<script>
var a = document.getElementById('a_FB');
a.setAttribute("href",  "https://www.facebook.com/sharer/sharer.php?u="+ encodeURIComponent(window.location.href)+"&src=sdkpreparse");

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

<!-- 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 :
https://developers.facebook.com/tools/debug/sharing/


My_Guppy_Fork_FB_og_meta_tags.zip(4.16 Kb) Downloaded 292 times Download Hyperlink   Preview  Print... 

Newsletter
To receive news about this website, consider subscribing to our Newsletter.
Captcha reload
copy the code :
Contact Me
Visits

   visitors

   visitors online