Mettre à jour le wiki "Partager ses articles avec les réseaux"

antistressantistress Member
octobre 2011 modifié dans Entraide
Bonjour,

J'utilise le code du wiki d'affichage de boutons de partage avec les réseaux sociaux http://wiki.pluxml.org/index.php?page=Partager+ses+articles+avec+les+r%C3%A9seaux+sociaux

Il manque aujourd'hui Google+ et Diaspora*

N'utilisant pas ces réseaux je ne connais pas le code de partage mais j'aimerais proposer à mes lecteurs cette possibilité

Pour Diaspora* j'ai trouvé cette piste http://diasporial.com/articles/share-on-diaspora-the-requirements/263 (ce blogue propose le bouton de partage Diaspora sous ses billets d'ailleurs, visiblement)

si quelqu'un peut m'aider ?

Merci d'avance !

Réponses

  • Bonjour Antistress,

    Pour le bouton G+ ( +1 ) , il faut :
    Dans le thème ( en bas de article.php par exemple ) insérer à l'endroi voulu ce code :
    <g:plusone size="medium"></g:plusone>
    
    Aussi, ce code ne sera actif dans l'entête qu'après avoir embarqué aussi le *.js de Google API ( exemple chez moi : dans header.php , avant la balise </head> ) :
    <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
    
    plus d'infos et personalisations : http://www.google.com/+1/button/
  • Merci mais on est obligé de recourir au JS ? C'est pas les cas pour les autres boutons...
  • Pour le +1 'made in Google' , oui on est obligé.

    Mais je viens de voir que addthis ( le service utilisé dans le didactitiel pour les autres boutons ) propose aussi une façon d'intégrer le +1. http://www.addthis.com/
    Peut-être plus simple.
  • <!-- AddThis Button BEGIN -->
    <div class="addthis_toolbox addthis_default_style ">
    <a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
    <a class="addthis_button_tweet"></a>
    <a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
    <a class="addthis_counter addthis_pill_style"></a>
    </div>
    <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e96b8f21dc68bad"></script>
    <!-- AddThis Button END -->
    
  • Une liste des mots clefs de service proposé par addthis :
    http://www.addthis.com/services/list#.Tpa52_0bLME
    à entrer sous forme de :
    <a class="addthis_button_***service***"></a>
    
    Malheureusement, pas de Diaspora dans cette liste.
  • antistressantistress Member
    octobre 2011 modifié
    Merci mais je cherchais un truc aussi simple que les autres, avec une adresse et voilà
    Ni JS, ni service extérieur.
    Je comprends donc que pour Google c'est pas possible, quid de Diapsora ?
  • Bonjour,

    Je relance ce sujet ayant un souci avec l'ajout d'AddThis sur ma page article.php.
    Voici le code entier de la page pour que vous puissiez repérer l'endroit d'inclusion du AddThis :
    <?php include(dirname(__FILE__).'/header.php'); ?>
    <?php include(dirname(__FILE__).'/sidebar.php'); ?>
    	 <div id="content">
                                    Vous êtes ici :
    <?php eval($plxShow->callHook('filAriane', ' > ')); ?>
    				<h2><?php $plxShow->artTitle(''); ?></h2>
    				<p class="art-topinfos"><?php $plxShow->lang('WRITTEN_BY') ?> <?php $plxShow->artAuthor() ?> - <?php $plxShow->artDate('#num_day #month #num_year(4)'); ?></p>
    				<div class="art-chapo"><?php $plxShow->artContent(); ?></div>
                                    <?php eval($plxShow->callHook('ArtgalerieDisplay')); ?>
                                    <p class="art-infos"><?php $plxShow->lang('CLASSIFIED_IN') ?> : <?php $plxShow->artCat(); ?> - <?php $plxShow->lang('TAGS') ?> : <?php $plxShow->artTags(); ?></p>
    				<?php $plxShow->artAuthorInfos('<div class="author-infos">#art_authorinfos</div>'); ?>
     <!-- AddThis Button BEGIN -->
    <div class="addthis_toolbox addthis_default_style">
    <a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
    <a class="addthis_button_tweet"></a>
    <a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
    <a class="addthis_counter addthis_pill_style"></a>
    </div>
       <!--Partie Javascript-->
    <script type="text/javascript">
                    var addthis_config = {
                    ui_language: "fr",
                    clean: true,
                    "data_track_clickback":true
            };
    </script>
    <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f677c9a38aaecf4"></script>
    <!-- AddThis Button END -->
                                    <div id="artPS"><?php eval($plxShow->callHook('artPS', true)); ?></div>
                                    <br /><br />
                                    <?php include(dirname(__FILE__).'/commentaires.php'); ?>
    		</div>
    	</div>
    <?php include(dirname(__FILE__).'/footer.php'); ?>
    
    Ca marche bien (j'ai même le suivi stat sur le site AddThis) mais le problème est que à l'affichage il y a beaucoup de vide (du blanc) entre la partie AddThis et la partie suivante ArtPS ce qui bien sûr très pénalisant pour l'ergonomie et l'aspect général de mon site :(
    .
    Voir exemple de ce que çà donne sur http://keltia22.free.fr/muf/index.php?article1/bienvenue
    .
    Merci de m'éclairer si vous pouvez.. ;)
    .
    Cordialement.
  • @antistress merci mais çà ne répond pas à ma question et c'est pas terrible...
    Faut cliquer 2 fois sur les boutons de partage pour les valider, moi je pars du principe que si la personne clique une fois dessus c'est pzrce qu'elle sait ce qu'elle fait (les alt visibles au passage sur les icônes sont là pour préciser les choses).
    .
    De plus AddThis possède l'avantage de mettre des stats de cliquage à disposition, ce qui évite d'aller voir partout quelle page de mon site aurait été éventuellement partagée.

    Cordialement.
  • Cette solution a deux intérêts : éviter que les sites en question ne pistent l'utilisateur avec ta complicité, et accroitre la vitesse de chargement de la page.
    Un inconvénient : Faut cliquer 2 fois sur les boutons de partage
    Moi je sais ce que je choisirai personnellement...
Connectez-vous ou Inscrivez-vous pour répondre.