Implantez les icones de Digg-like sur votre site ou blog

 Article modifié dernièrement le 13 Juil 2017 @ 0 h 48 min

  • « Demande de travaux » à l’attention de Mimie

— Mimie, je suis en train de modifier les digg-like se trouvant au pied de chacun de mes articles. Pour les icônes, j’utilise le plugin Sociable pour blog WordPress.

— J’ai enlevé différents digg-like (anglophones) et je voudrais en inclure d’autres (francophones) qui ne sont pas inclus dans Sociable.

— Le plugin donne la marche à suivre pour inclure des sites non prévus :

Make a 16×16 image, preferably with a transparent background, and copy it to sociable/images/directory.

Open sociable.php.

Find the array called $sociable_known_sites.

Copy / paste the code for another site (they´re in alphabetical order).

Change the value of favicon to the name of your image file.

Change the value of url to the submit URL for your social site. Do this by copying a submit URL from somewhere, and replacing the URL in there with PERMALINK and the story title with TITLE.

Save the file.

You´re done!

  • A quoi servent ces icônes et que sont les Digg-like ?

— Il s’agit de sites référençant les articles plébiscités par les internautes. La plupart incluent un système de « votes » : plus un article est jugé intéressant par les internautes, plus il se trouve en tête du site et donc plus il se fait connaître.

— Par exemple, si vous aimez le site Des Geeks et des lettres, voter pour ses articles en cliquant sur les icônes des digg-like en bas permet de les faire remonter dans les classements des sites référenceurs.

— Inconvénient : en général, pour pouvoir voter, il faut être inscrit dans chacun de ces sites.

  • Icones présentes sur le site à l’heure actuelle

Facebook

Twitter

StumbleUpon

LinkedIn

Pinterest

Reddit

Digg

Blogger

DeviantArt

  • Diggs-like que je voudrais implanter

— Pourrais-tu me les inclure s-t-p ? Pour chacun je te mets le lien du site et en-dessous le lien utile pour soumettre l’article (celui qu’il faudra utiliser pour l’icône).

— Je te chercherai une icône pour chacun.

— S’il y en a trop et que les icônes ne tiennent pas sur une ligne, il faudra peut-être envisager de réduire leur taille.

  • http://blogasty.com

Voter pour mon article —>

[javascript] javascript:var%20d=document,f=’http://blogasty.com/minipost’,l=d.location,e=encodeURIComponent,p=’/?u=’+e(l.href)+’&t=’+e(d.title);1;try{if%20(!/^(.*\.)?blogasty\.[^.]*$/.test(l.host))throw(0);share_internal_bookmarklet(p)}catch(z)%20{a=function()%20{if%20(!window.open(f+p,’sharer’,’toolbar=0,status=0,resizable=0,width=560,height=360′))l.href=f+p};if%20(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else{a()}}void(0)
[/javascript]

Sinon, voici le code du bouton Blogasty :

[javascript] <a title= »Partager sur Blogasty »  href= »http://blogasty.com/ » onclick= »location.href=this.href+’post/?u=’+encodeURIComponent(location.href)+’&t=’+encodeURIComponent(document.title)+’&r=’+encodeURIComponent(‘Via Blogasty Share’); return false »><img src= »http://blogasty.com/widget/share.png » title= »Partager sur Blogasty » alt= »Partager sur Blogasty » style= »border:0; »></a>
[/javascript]
  • http://www.diggons.com/

Voter pour mon article —> J’ai récupéré un petit plugin wordpress permettant de voter pour l’article lu par l’internaute ; tu pourrais peut-être en faire un lien de sorte que lorsqu’on clique sur l’icône « Diggons », l’internaute vote automatiquement pour moi.

[javascript]</pre>
<?php
/*
Plugin Name: WP-Diggons
Plugin URI: http://www.diggons.com/wp-diggons/
Version: v1.00
Author: <a href= »http://www.jeffonair.com/ »>Jeff Tardif</a>
Description: Affiche un bouton de vote sous les articles publies sur <a href= »http://www.diggons.com »>Diggons.com</a>.

Copyright 2008  Jeff Tardif  (email : info [a t ] jeffonair DOT com)

This program is free software; you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation; either version 2 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program; if not, write to the Free Software
Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA

*/
if (!class_exists(« wpdiggons »)) {
class wpdiggons {
function wpdiggons() { //constructor

}
function addHeaderCode() {
echo ‘<link type= »text/css » rel= »stylesheet » href= »‘ . get_bloginfo(‘wpurl’) . ‘/wp-content/plugins/wp-diggons/css/wpdiggons.css » />’ . « \n »;
}

function addContent($content =  ») {
$content .= « <script type=’text/javascript’ src=’http://www.diggons.com/wp-diggons/url.aspx?id= » . get_permalink() . « ‘></script> »;
return $content;
}

}

} //End Class wpdiggons

if (class_exists(« wpdiggons »)) {
$dl_pluginSeries = new wpdiggons();
}
//Actions and Filters
if (isset($dl_pluginSeries)) {
//Actions
add_action(‘wp_head’, array(&$dl_pluginSeries, ‘addHeaderCode’), 1);
//Filters
add_filter(‘the_content’, array(&$dl_pluginSeries, ‘addContent’));

}

?>
<pre>[/javascript]

  • http://tapemoi.com/

Voter pour mon article —>

[javascript] javascript:location.href=’http://www.tapemoi.com/submit.php?url=’+encodeURIComponent(location.href)
[/javascript]
  • http://fr.buzz.yahoo.com/

Voter  pour mon article —> J’ai récupéré le bouton affichant le nombre de votes (icône)

[javascript] <script type= »text/javascript » src= »http://d.yimg.com/ds/badge2.fr.js » badgetype= »logo »>ARTICLEURL</script>
[/javascript]
  • Modifications pour Scoopeo et Fuzz

Actuellement les icones Scoopeo et Fuzz redirigent vers la soumission d’un article, on pourrait peut-être faire en sorte qu’ils dirigent vers le vote de mon article :

Voici le badge proposé par Scoopeo :

[javascript] <script language= »JavaScript » type= »text/javascript » src= »http://www.scoopeo.com/membre/dragonfroid/carte »>
</script><noscript><a href= »http://www.scoopeo.com/membre/dragonfroid »>Scoopeo : dragonfroid</a></noscript>
[/javascript]

Si tu veux uniquement le lien, c’est peut-être celui-là ?

[javascript] http://www.scoopeo.com/membre/dragonfroid/
[/javascript]

En ce qui concerne Fuzz :

[javascript] javascript:q=(document.location.href);void(open(‘http://www.fuzz.fr/submit.php?url=’+escape(q), »,’resizable,location,menubar,toolbar,scrollbars,status’));
[/javascript]
  • Icones 32 pixels

Fuzz :

icone fuzz

Scoopeo :

icone scoopeo

Diggons :

icone diggons

Yahoo Buzz :

icone yahoo 2

Blogasty :

icone blogasty 2

Tape moi :

icone tapemoi

Trois flèches vers le bas

1- Logiciel de brouillage d’adresse IP :

Contourner la censure en surfant anonyme

2- L’article explicatif :

La différence entre un proxy et un VPN

3- Comment espionner un smartphone (app) :

L’application de référence

Commentez ici

  • Mimie 26 février 2010, 14 02

    Pour Scoopeo, le lien pour voter sur un article est celui-là : http://www.scoopeo.com/login?clicscoop=358966, il redirige vers la page de login si on est pas déjà identifié puis vote pour l’article, cependant comme tu vois ton article est finalement un numéro pour scoopeo, sans ce numéro, il n’est pas trop possible de faire un lien direct vers le vote de l’article.

    Je continue de fouiller.

  • Greg 26 février 2010, 17 05

    J’ai rajouté en fin d’article les icones en 32 pixels

  • Greg 26 février 2010, 18 06

    Il y a eu un petit bug – chose rectifiée à présent – Merci d’avance Mimie

  • Mimie 26 février 2010, 23 11

    Voilà à part pour Diggons … je retenterai mais c’est fait bizarrement, sinon faut utiliser le plugin wordpress mais qui ne sera pas incorporé à ton plugin sociable.

  • Greg 27 février 2010, 9 09

    thanx, j’ai mis le plugin Diggons du coup, ça le fait il est à la même taille que les tiens. Il inclut également de base 4 autres digg-like dont Facebook et Delicious que j’avais déjà avec Sociable, je les ai donc enlevés de Sociable pour ne pas les avoir 2 fois.

  • erneste 27 février 2010, 10 10

    En France le meilleur digg-like c’est bien digg-france non ? du moins celui qui a le plus de trafic il me semble.

  • Greg 27 février 2010, 11 11

    Coucou Erneste, je ne suis pas du tout convaincu par la dominance de Digg-France dans l’Hexagone, maintenant je ne dis pas le contraire. Tout ce que je sais c’est qu’il est de plus en plus dur de suivre la véritable influence des digg-like aujourd’hui en raison du nombre d’entre eux et de leurs haut-et-bas. Perso. Digg-France ne me plaît pas de prime abord. Je te conseille ce lien-là qui dresse un listing très intéressant de la chose. ++

  • Mimie 27 février 2010, 21 09

    Impossible de mettre Diggons où on veut, je suis pour virer Diggons et remettre les icônes de Facebook et les autres en gros personnellement… à toi de voir.

  • Greg 27 février 2010, 21 09

    6 vote « Diggons » c’est énorme par rapport aux autres articles en quelques heures seulement – ça le fait bien cette icone, on peut la laisser quelques temps pour voir la différence au niveau de l’affluence, ça ne mange pas de pain de l’enlever plus tard s’il n’y a pas de résultat

  • Jeff Tardif 28 février 2010, 23 11

    Si je puis vous être d’une quelconque utilité, je suis l’éditeur de Diggons.com. Concernant l’icône de Diggons plus grosse que les autres, c’était dans le but de pouvoir ajouter le nombre de votes. Maintenant, vous me donner l’idée d’ajouter une option permettant d’afficher ou pas le nombre de votes, et ainsi ramener l’icône de Diggons de la même grosseur que les autres. Je m’attarderai à cela dès demain. Sinon, bravo pour votre initiative!

  • Mimie 1 mars 2010, 10 10

    @Jeff Tardif : le problème n’est pas que l’icône de Diggons soit trop gros, le problème c’est que nous ne pouvons pas le placer où l’on veut, de plus il embarque les icônes facebook et compagnie qui ne sont pas retirable.
    Je pense vraiment qu’il faut intégrer Diggons au plugin wordpress Sociable, il serait plus utilisé qu’il ne l’est maintenant.

    Je résume donc mon point de vue, 4 problèmes :
    1- le plugin Diggons ajoute 2 nouvelles lignes, 1 pour le bouton Diggons, 1 pour d’autres réseaux sociaux…
    2- le plugin Diggons n’est pas paramétrable
    3- nous ne pouvons pas placer où l’on souhaite les icônes car c’est votre script Javascript sur votre serveur qui fait cela, et donc non paramétrable par nous
    4- Diggons n’est pas intégré à Sociable

  • Greg 1 mars 2010, 11 11

    — J’aurais pas dit mieux que Mimie —> mon maître au niveau de la programmation 😀 C’est vrai que cette absence de paramétrage est très gênante, et pourquoi imposer les autres petites icônes qui ne font pas très « joli » vu leur format différent ?

    — J’espère que Jeff Tardif repassera par là 🙂

  • Mimie 1 mars 2010, 11 11

    Bon … j’ai ptet une piste :

    1/ url appelé par Diggons pour les stats de l’article :
    [plain]
    http://www.diggons.com/wp-diggons/url.aspx?id=https://desgeeksetdeslettres.com/programmation-java/meilleurs-digg-like-blog-des-geeks-et-des-lettres
    [/plain]
    2/ contenu retourné par le serveur Diggons qui permet d’afficher les boutons Diggons et autres réseaux sociaux dans notre page :
    [plain]
    document.write(‘<div onclick="window.location.href=\’http://www.diggons.com/billet/22723/Implantez-les-icones-de-Digg-like-sur-votre-site-ou-blog/\’;" title="Votez pour cet article sur Diggons.com" style="cursor: pointer; background-image:url(http://images.diggons.com/images/diggons32.png); background-repeat:no-repeat; padding-top:15px; width:32px; height:32px; font-size:10px; text-align:right; vertical-align:bottom; color:#ffffff; font-family: Tahoma, Arial"><a id="wpdiggons" href="http://www.diggons.com/billet/22723/Implantez-les-icones-de-Digg-like-sur-votre-site-ou-blog/&quot; title="Réseau de blogueurs" rel="nofollow">14</a>&nbsp;</div><a rel="nofollow" href="https://www.facebook.com/sharer.php?u=http%3A%2F%2Fdesgeeksetdeslettres.com%2Fblog%2Fprogrammation-java%2Fmeilleurs-digg-like-blog-des-geeks-et-des-lettres&t=Implantez les icones de Digg%20like sur votre site ou blogt=Implantez les icones de Digg%20like sur votre site ou blog" title="Soumettre sur Facebook" rel="nofollow"><img style="border-style:none" src="http://images.diggons.com/images/icones/facebook.png&quot; alt="Facebook" /></a>&nbsp;<a rel="nofollow" href="http://del.icio.us/post?url=http%3A%2F%2Fdesgeeksetdeslettres.com%2Fblog%2Fprogrammation-java%2Fmeilleurs-digg-like-blog-des-geeks-et-des-lettres&t=Implantez les icones de Digg%20like sur votre site ou blog&title=Implantez les icones de Digg%20like sur votre site ou blog" title="Soumettre sur Del.icio.us" rel="nofollow"><img style="border-style:none" src="http://images.diggons.com/images/icones/delicious.png&quot; alt="Del.icio.us" /></a>&nbsp;<a rel="nofollow" href="http://www.mister-wong.fr/addurl/?bm_url=http%3A%2F%2Fdesgeeksetdeslettres.com%2Fblog%2Fprogrammation-java%2Fmeilleurs-digg-like-blog-des-geeks-et-des-lettres&t=Implantez les icones de Digg%20like sur votre site ou blogbm_description=Implantez les icones de Digg%20like sur votre site ou blog" title="Soumettre sur Mister-Wong" rel="nofollow"><img style="border-style:none;" src="http://images.diggons.com/images/icones/misterwong.gif&quot; alt="Mister-Wong" /></a>&nbsp;<a rel="nofollow" href="http://www.google.com/bookmarks/mark?op=edit&bkmk=http%3A%2F%2Fdesgeeksetdeslettres.com%2Fblog%2Fprogrammation-java%2Fmeilleurs-digg-like-blog-des-geeks-et-des-lettres&t=Implantez les icones de Digg%20like sur votre site ou blogtitle=Implantez les icones de Digg%20like sur votre site ou blog" title="Soumettre sur Google Bookmarks" rel="nofollow"><img style="border-style:none;" src="http://images.diggons.com/images/icones/googlebookmark.png&quot; alt="Google Bookmark" /></a>&nbsp;’)
    [/plain]
    3/ la solution est d’appeler l’url du script en 1/ en ajax, récupérer le contenu en 2/, modifier le contenu pour virer ce qu’on veut pas et injecter le contenu modifié dans la page …

    Je finis mon tri multiple sur Magic et je m’y mets, je te tiens au courant !
    (Ce qu’il faut pas faire pour te rendre la vie :D)

  • Greg 1 mars 2010, 11 11

    Je finis mon tri multiple sur Magic et je m’y mets, je te tiens au courant !

    ..Ouais je vois que je passe au second plan quand même 😀 😀 mais non je rigole beau boulot !

  • Jeff Tardif 1 mars 2010, 14 02

    L’idée du plugin Wordpress de Diggons était au départ de permettre d’ajouter des liens vers les différents digglikes sur lesquels l’article est placé automatiquement. En effet, su Diggons il est possible de placer des liens vers d’autres digglikes afin de centraliser le vote de ton entourage. Ainsi, si tu places ton article sur plusieurs digglike, tu ajoutes les liens à ton article sur Diggons qui placera une icone de vote sous cet article.

    Le plugin Wordpress permet ainsi d’ajouter ces icônes sur ton blog également.

    Maintenant, je pourrais permettre la paramétrisation de deux manières:

    1- N’ajouter que l’icône de Diggons
    2- Ajouter l’icône de Diggons plus les icônes des autres digglike sur lesquels tu as placé ton article (à la différence de sociable, les liens pointent sur ton article sur ces différents sites et non sur la page de soumission)
    3-Choisir ou non d’ajouter les liens vers les réseaux sociaux et bookmarks (facebook, mister wong, etc)

    Des suggestions, commentaires?

  • Mimie 1 mars 2010, 15 03

    @Jeff Tardif : Je ne souhaiterai réellement qu’une chose, que tu intègres Diggons (et uniquement l’icône Diggons) au plugin Sociable pour que l’icône soit au même niveau que les autres parce que c’est pénible de devoir ajouter un nouveau plugin pour un réseau social… Sociable est là pour ça ! 😀
    Bonne continuation, Diggons est très bon.

  • Jeff Tardif 1 mars 2010, 16 04

    Le hic c’est que Sociable ne s’applique pas à Diggons. Sociable permet de partager des information en facilitant la soumission de liens sur des sites sociaux. Sur Diggons, ce n’est pas monsieur ou madame Tout-le-monde qui ajoute des liens et des informations, mais bien l’auteur. Le plugin Wordpress de Diggons a été pensé dans ce sens: il pointe vers un article déjà publié sur diggons et les autres digglikes. Ainsi, si dans Diggons j’ajoute un article, j’ai la possibilité d’ajouter également un lien vers les autres digglikes sur lesquels j’ai également placé cet article. Ces différents liens sont ajouté au plugin Wordpress.

    Pour comprendre, il te suffit de te logger sur ton compte Diggons et d’aller là:
    [plain]
    http://www.diggons.com/PromoteArticles.aspx
    [/plain]
    Tu comprendras tout de suite

  • Marie-Micheline 20 avril 2010, 15 03

    Excellent article pour m’aider. Merci.

  • Mimie 26 juin 2010, 9 09

    Personnellement je trouve le nouvel icône de Diggons très mauvais, l’ancien était top, sur celui-là on n’arrive même plus à distinguer le nombre de clics de l’article !

  • Greg 26 juin 2010, 9 09

    +1 ça m’embête, non seulement il est moche mais en plus on ne voit plus les clics – je vais essayer d’envoyer un mail à l’éditeur

  • Greg 26 juin 2010, 9 09

    Correction : en fait le chiffre est bien écrit en bas à droite de l’icone mais il est écrit en blanc sur un fond blanc…. intelligent tout ça

  • Mimie 26 juin 2010, 10 10

    Oui oui le nombre de clics est là mais illisible 🙂 beau travail ^^

  • Greg 26 juin 2010, 12 12

    Jeff Tardif vient de me répondre sur ma messagerie perso. je pense qu’il devrait corriger le tir rapidement. On attend avec impatience ! 😉

  • Jeff Tardif 26 juin 2010, 12 12

    Refresh 😉

    Le genre de détail auquel je n’avais pas pensé.

  • Mimie 26 juin 2010, 16 04

    Ahaha !! beaucoup mieux !

  • Mimie 5 juillet 2010, 22 10

    @Jeff Tardif : Le serveur Diggons est tombé ? ou un problème de javascript peut-être … en tout cas l’icône Diggons et les autres ne fonctionnent plus.

  • Mimie 25 juillet 2010, 22 10

    @Jeff Tardif : Vla que l’icône pourri est revenu … ça commence à être bien relou son truc, va falloir penser à virer cet icône !! …

  • Greg 2 août 2010, 22 10

    …. va falloir que j’étudie une autre solution peut-être

  • Jeff Tardif 11 août 2010, 22 10

    Désolé pour le petit délai, nous avons mis en place la nouvelle version de Diggons (encore une fois…) et l’ancien code avait été remis par mon collègue (problème de synchro SVN). Ca ne devrait plus se reproduire maintenant!

    Désolé du délai!

    Jeff

  • Greg 12 août 2010, 7 07

    Oui c’est ce que j’ai cru deviner, merci de votre réactivité

  • ahmed 20 octobre 2010, 19 07

    merci pour le sujet intéressant
    il existe des pulgin prêt a employer sans coder !

Article suivant:

Article précédent:

Share This