[template.html] Lien "Partagez votre Galerie sur Facebook"

[Pascal YAP]

Partagez votre Galerie sur Facebook
[template.html]

( Appel du script Facebook (source Facebook) => http ://ww w.facebook.com/sharer.php )

DEMO

Lien javascript bien pratique pour promouvoir votre Galerie sur Facebook.
Vous (et bien entendu vos Visiteurs) pourrez cliquer ce lien afin de faire apparaitre sur le Mur/Profil Facebook, la page de votre Galerie Coppermine actuellement à l'écran.

Vous devrez insérer le code suivant au sein du fichier TEMPLATE.HTML du Thème que vous utilisez (et dans tous les Thèmes que votre Galerie propose)
Se sera à vous de choisir l'emplacement qui vous conviendra le mieux.

Le script "récupère" l'adresse visible sur votre navigateur. ainsi quelque soit l'endroit où le visiteur se trouve dans votre Galerie, le lien partagé sera celui de la page active.
En d'autres termes, se sera soit votre page d'Accueil, soit une page de Catégorie ou celle des Vignettes d'un Album, soit une image, ou encore vos META Albums (derniers Ajouts, plus Populaire, Mieux Notées, Recherche...)
Si vous utilisez le Plugin MiniCMS, le lien partagé sera aussi celui de la page MiniCMS actuellement affichée.

Que se passe-t-il ?
Si le Visiteur qui désire partager votre Galerie est identifié auprès de Facebook, il pourra noter immédiatement ses propres arguments sur une fenêtre d'infos.
Il aura également le choix de partager sur son Mur ou encore expédier le lien vers un de ses contacts Facebook.
Si votre visiteur n'est pas abonné à Facebook, une nouvelle fenêtre s'ouvre et lui proposant de s'identifier.
Comme ceci : Vous devez vous connecter pour partager "Nom de la Galerie - Nom de l'Album / Titre de l'image" avec vos amis.

Notez bien que :
1/ Les "META Description" de votre Galerie seront automatiquement lus par le script et insérés (mais modifiables)
2/ Les Titres de vos images seront eux aussi pris en compte automatiquement.
3/ Une vignette illustrant votre lien de partage sera proposée.

Code Select Expand

<!-- Start Link SHARE ON FACEBOOK -->
<script>function fbs_click() {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}</script>
<style> html .fb_share_button { display: -moz-inline-block; display:inline-block; padding:1px 20px 0 5px; height:72px; border:1px solid #d8dfea; background:url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top right; } html .fb_share_button:hover { color:#fff; border-color:#295582; background:#3b5998 url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top right; text-decoration:none; } </style>
<a href="http://www.facebook.com/share.php?u=<url>" class="fb_share_button" onclick="return fbs_click()" target="_blank" style="text-decoration:none;"><strong> Share me on Facebook / Partagez-moi sur Facebook</strong></a>
<!-- End Link SHARE ON FACEBOOK -->
Vous pouvez modifier <strong> Share me on Facebook / Partagez-moi sur Facebook</strong> selon votre vocable préféré :-)

ci-dessous, captures d'écran Google-CHROME et Firefox.

[enjo62]

Bonsoir,
Question bête: comment insérer ce code dans les template.php: j'essaye de télécharger le fichier en txt vers les templates, mais cela ne fonctionne pas!
Merci

[François Keller]

Bonsoir,

c'est simple, il faut ouvrir le fichier template.html de votre theme dans un éditeur de texte (pas word) et y coller le code indiqué par Pascal, puis sauvegarder le fichier et le replacer sur le serveur

[enjo62]

Bonjour,
Merci, j'essairais ça dès que possible...
Encore faut il que je me souvienne du template actif dans les 10 stockés (au pire, je transforme les 10)
Bon Dimanche

[François Keller]

le nom du theme choisi par défaut est défini dans la configuration

[enjo62]

Voila, ça fonctionne 
Merci pour les indications!
Y a t'il un moyen pour que cela apparaisse ailleurs qu'en bas de fenêtre?
Bonne journée

[François Keller]

il suffit de placer le code à l'endroit que vous voulez dans le theme (c'est du html)

[enjo62]

Bonsoir,
Voici ce qui figure dans mon template htlm:

Code Select Expand

<!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" lang="en" dir="{LANG_DIR}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={CHARSET}" />
<meta http-equiv="Pragma" content="no-cache" />
<title>{TITLE}</title>
{META}
<link rel="stylesheet" href="themes/igames/style.css" type="text/css" />
<script type="text/javascript" src="scripts.js"></script>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
 var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
   d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
 if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
 for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
 if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_showHideLayers() { //v6.0
 var i,p,v,obj,args=MM_showHideLayers.arguments;
 for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
   if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
   obj.visibility=v; }
}
//-->
</script>
<!--
 SVN version info:
 Coppermine version: 1.4.21
 $Revision: 5728 $
 $LastChangedBy: gaugau $
 $Date: 2009-03-02 09:25:17 +0100 (Mo, 02 Mär 2009) $
-->
</head>
<body>
<div id="CUSTOM_HEADER">
 {CUSTOM_HEADER}
 </div>
 

 
<div class="top_panel">
 <div class="top_panel_left">
   <div class="top_panel_right">
     <div id="SELECT_LISTS">
       {THEME_SELECT_LIST}
       {LANGUAGE_SELECT_LIST}
     </div>
     <h1>{GAL_NAME}</h1>
     <h3>{GAL_DESCRIPTION}</h3>
   </div>
 </div>
</div>

<div class="top_panel_btm">

</div>


<div id="MENUS">
 <div id="SUB_MENU">
   {SUB_MENU}
 </div>
 <div id="SYS_MENU">
   {SYS_MENU}
 </div>
</div>


<div id="GALLERY">
     {ADMIN_MENU}
     {GALLERY}
</div>
<div id="SELECT_FLAGS">
{LANGUAGE_SELECT_FLAGS}
</div>
<div id="CUSTOM_FOOTER">
 {CUSTOM_FOOTER}
 </div>
 <div id="VANITY">
 {VANITY}
 </div>

</body>
</html>
<!-- Start Link SHARE ON FACEBOOK -->
<script>function fbs_click() {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}</script>
<style> html .fb_share_button { display: -moz-inline-block; display:inline-block; padding:1px 20px 0 5px; height:72px; border:1px solid #d8dfea; background:url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top right; } html .fb_share_button:hover { color:#fff; border-color:#295582; background:#3b5998 url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top right; text-decoration:none; } </style>
<a href="http://www.facebook.com/share.php?u=<url>" class="fb_share_button" onclick="return fbs_click()" target="_blank" style="text-decoration:none;"><strong> Partagez-moi sur Facebook</strong></a>
<!-- End Link SHARE ON FACEBOOK -->

Comment faire en sorte que cela apparaisse en haut de ma page, et est il possible que cela soit sur la liste du menu?
http://www.photographies.studiolumibox.fr/

Merci  

[François Keller]

placez le code juste avant

Code Select Expand

<div id="MENUS"> et essayez pour voir si c'est ça que vous cherchez.
Le fichier template.html est du pur html; donc le placement du code d'affichage à l'emplacement que vous voulez est relativement simple pour peu que vous cherchiez un peu et que vous ayez les base de connaissances du HTML 

[enjo62]

Bonjour,
Merci beaucoup pour votre aide...
Je viens de faire plusieurs essais, mais cela ne change rien (en plaçant le [<div id="MENUS">] avant le début  "start link share facebook").
Je vais donc chercher à me former au HTLM pour arriver à mes fins 
Bonne journée
E.J

[François Keller]

n'oubliez pas de mettre à jour votre galerie qui est encore en version cpg1.4.21 alors que la dernière version stable de la série cpg1,4,x est la version 1,4,27

[enjo62]

Oups...Oui, c'est à faire, merci 
Y a t'il un tuto pour faire cette MAJ sans risquer de mettre le "bazar" partout?
J'ai trouvé cela, mais c'est pour le passage de la 1.3 à 1.4...
Surement la MAJ dans mon est plus simple?
"3.4 Mise à jour de cpg1.2.x ou cpg1.3.x vers la version cpg1.4.1

    * Premièrement, faite une sauvegarde de votre base de donnée (dump).
    * Sauvegardez votre fichier include/config.inc.php, votre fichier anycontent.php et votyre répertoire albums.
    * Décompressez l'archive
    * Si le fichier install.php existe dans le répertoire principal, effacez le.
    * Excepté pour le répertoire "albums" , téléchargez sur votre serveur l'ensemble des nouveaux fichiers et répertoires en vous assurant de ne pas remplacer le fichier include/config.inc.php, votre fichier anycontent.php ou le répertoire albums.
    * Si vous ne l'avez pas déjà fait, créez un répertoire nommé "edit" à l'intérieur de votre répertoire "albums" - Ce répertoire servira de répertoire temporaire à Coppermine, n'y placez pas de fichiers par FTP. Assurez vous que le nouveau répertoire "edit" a le même CHMOD que votre répertoire albums (755 ou 777, en fonction de la configuration devotre serveur)
    * Lancez le fichier "update.php" dans le répertoire de Coppermine depuis votre navigateur internet (exemple: http://votresite.com/coppermine/update.php). Cela va mettre à jour votre installation de Coppermine en faisant les changement necessaires dans la base de donnée.
    * Si vous avez fait un thème personnalisé, appliquez les changements apportés dans la structure des thèmes à votre thème personnalisé - référez vous au guide de mise à jour des thèmes.
    * Vous ne pouvez pas utiliser les fichiers langues des anciennes versions de Coppermine - Assurez vous de n'avoir que des fichiers langages livrés avec ce pack dans votre répertoire lang(effacez ou renommez tous les fichiers des versions antérieures présents dans le répertoire lang)

Merci de noter: comme il y des changements aussi bien dans les fichiers de Coppermine que dans la base de donnée entre cpg1.3.0beta vers cpg1.3.0 (final), les utilisateur de la version béta doivent appliquer toute les étapes mentionnées ci-dessus: les fichiers doivent être remplacés et le script update.php doit être lancé ensuite."

[François Keller]

http://coppermine-gallery.net/demo/cpg14x/docs/index_fr.htm#13
C'est la manip à faire. Il n'y a pas beaucoup de risques si vous suivez scrupuleusement les étapes

[enjo62]

Et voilà, c'est fait...
Disparition de mon script Facebook (même réinstallé, il n'apparait plus)
et surtout ce message en haut de ma galerie:
"Le paramètre PHP register_globals est activé (sur on) sur votre serveur, ce qui est une mauvaise idée en terme de sécurité. Il est fortement recommandé de le désactiver (mettre à off)"
Je suis chez OVH, comment et que faire???
Vraiment merci pour votre aide rapide 

[François Keller]

"Le paramètre PHP register_globals est activé (sur on) sur votre serveur, ce qui est une mauvaise idée en terme de sécurité. Il est fortement recommandé de le désactiver (mettre à off)"
Je suis chez OVH, comment et que faire???
Vraiment merci pour votre aide rapide 

en cherchant un peu sur le forum vous trouverez la solution  (pas le temps de chercher pour vous là  )

[enjo62]

J'ai cherché...mais tout cela reste obscur pour moi :-\
Mais j'ai trouvé, ce qui convient pour serveur mutualisé chez OVH:
"SetEnv REGISTER_GLOBALS 0"  le tout enregistré en .htaccess à la racine de WWW.
Je me re penche sur mon script Facebook, qui ne veut plus fonctionner!
Merci, en tout cas de votre patience et rapidité dont j'espère ne pas avoir trop abusé 

[François Keller]

pas de problèmes, mais pour plus de clarté, il conviendrait d'ouvrir un nouveau sujet pour tout problème différent de celui traité initialement par celui ci