Une méthode pour le moins insolite pour balader ses lecteurs

Allez ! Un dernier article sur le hasard, et après, promis, j’arrête.

Je vous en parlais la semaine dernière : Il est bon de proposer à vos lecteurs un maximum de possibilités pour lire vos anciens articles.

L’une des bonnes solutions pour ça est de mettre un lien vers un article choisi au hasard sur votre blog.

Pourquoi au hasard ? Parce que ça rassure.

Et surtout, ça évite aux gens d’avoir à choisir. Car on ne dirait pas comme ça, mais le choix bloque souvent pas mal de gens.

Je viens d’ailleurs de lire un commentaire très pertinent de Claire sur mon article d’hier à ce sujet, que je me permets de reprendre en partie ici tant il correspond pile-poil à ce que je voulais dire :

Le fait de peser le pour et le contre et de chercher les tenants et aboutissants de tout avant de prendre une décision, ne donne pas un meilleur résultat que si on l’avait prise d’instinct, d’un seul coup ou en s’en remettant au hasard.

 
Je suis bien d’accord avec ça.

Donc, sur un blog qui comporte au moins une cinquantaine d’articles (c’est important) quand on voit un lien pour aller lire un article au hasard, hé bien on n’a plus qu’à se laisser porter par ce lien et cliquer.

C’est donc une bonne alternative à la navigation habituelle.

Installer une roulette à article sur votre blog

Bref, aujourd’hui, je vais vous montrer comment vous pouvez afficher un lien vers un article (ou plusieurs) dans votre barre latérale, ou après l’un de vos articles.

J’avais commencé à installer des plugins pour ça mais ils sont tellement lourds que j’ai décidé de faire tout moi même, d’autant que comme vous pourrez le voir dans quelques instants, il ne faut pas beaucoup de lignes de code.

Notez que le code est téléchargeable après la procédure, et que je vous indiqué précisément où le coller.

Mais je vais tout vous expliquer avant, car je ne suis pas trop du genre à mettre un code comme ça sans l’expliquer.

Ca peut paraitre un peu compliqué, mais prenez VRAIMENT le temps de suivre les instructions, et vous verrez que ce n’est pas si énorme que ça.

Et si vraiment le code vous file des boutons, ma foi passez directement au fichier à télécharger !

Attaquons avec l’étape 1 :

1. Le code PHP qui va prendre UN article au hasard

Voici ce code. Je vous l’explique en détail ensuite :

procedure-php-article-hasard

Suivez bien les codes couleur :

Cette procédure-là va sélectionner dans votre base TOUS les articles qui sont publiés :

  • $NombreTotalDarticles = $wpdb->get_results
    ("SELECT * FROM `lenomdevotrebase`.`wp_posts`
    WHERE `post_type`=’post
    AND `post_status`=’publish‘");

Ensuite, cette procédure compte le nombre total d’articles qu’il y a dans votre base :

  • $NbArticles = count($NombreTotalDarticles);

Ici, on va choisir un numéro d’article au hasard :

  • $NumArticleAuHasard1 = rand(1, $NbArticles);

Et voici pour finir la procédure qui va passer un à un tous les articles publiés de la base, et quand elle va rencontrer le numéro de l’article pris au hasard, elle va récupérer le permalien de l’article sélectionné  :

  • foreach ($NombreTotalDarticles as $result)                {
         $NumArticleEnCours++;                          
        if ($NumArticleEnCours==$NumArticleAuHasard1)     
            {
              $PermalienArticle = $result->guid;                 
            };
        };

Le permalien de l’article, c’est le code original qu’utilise WordPress pour lier un article. Par exemple avec celui-ci :

http://www.copywriting-pratique.com/?p=2858

Le numéro en bleu ci-dessus est le numéro de l’article que vous êtes en train de lire. Le code que je vous ai mis ci-dessus fournit un de ces liens.

Et voilà.

Il ne vous reste plus qu’à utiliser ce lien et ce code pour le mettre où vous voulez sur votre blog.

2. Le code du lien à coller dans la barre latérale

Une fois que vous avez ce lien, vous pouvez le mettre où vous voulez dans votre barre latérale.

Par exemple :

  • <ul>
        <li><h2>Le titre de votre rubrique</h2>
            <ul>
                  <li>
    <a href="<?php echo $PermalienArticle; ?>">Cliquez ici pour lire l’un des <?php echo $NbArticles; ?> articles de ce blog au hasard</a>
                  </li>
            </ul>
        </li>
    </ul>

Ce qui va donner ça par exemple sur ce blog :

au-hasard-total

Le mot bleu indique le lien de l’article (pas de mention du titre, c’est vraiment du hasard), et le mot violet indique le nombre d’articles que vous avez publiés.

3. Mettre plusieurs liens au hasard

Hé oui !

Vous pourriez vouloir mettre plus d’un lien au hasard dans votre barre latérale. Si c’est ce que vous voulez, alors j’ai le code qu’il vous faut :

 procedure-hasard-3niouliens

Si vous comparez les deux codes, alors vous verrez qu’ici, j’ai “refait” la procédure 2 fois.

Dans le deuxième bloc, on a $NumArticleAuHasard2.

On récupère également le TITRE de l’article (celui qui est généralement affiché en haut de votre article). Il s’agit de la variable $TitreArticle2.

Puis on récupère aussi le lien en clair qui reprend le titre avec les mots séparés par des tirets (en général). Il s’agit de $LienEnClair2.

Ce qui vous permet de faire un truc dans ce genre là :

code-hasard-3liens

(je laisse les 3 liens pendant 24 heures pour que vous voyiez bien ce qui se passe SOUS le lien).

Ceci est donné avec ce code là :

code-php-3liens

Dans le deuxième lien, on met une phrase (comme pour le premier), mais le lien est entier sous ce texte (donc la personne peut avoir une idée de ce qu’elle va trouver).

Et dans le 3ème lien, on voit ET le titre de l’article de destination et son vrai lien dessous.

Rechargez la page, et vous verrez que ces liens changent à chaque coup !

A vous de jouer !

Bon, OK ! C’est du codage.

Mais le blogging, c’est aussi un peu ça. Il faut parfois mettre un peu les mains dans le cambouis si on veut améliorer un peu soit le design, soit l’efficacité et la rapidité de chargement de son blog.

Avouez que ces quelques petites lignes de code sont mieux pour faire ce genre d’opérations que des plugins qui pèsent une centaine de Ko pour arriver à la même chose.

Vous pouvez donc télécharger les deux codes zippés en cliquant ici.

Je vous ai commenté le tout, normalement, ça roule tout seul.

Promis, demain plus de codage. Je vous parlerai plutôt des femmes, car demain, c’est la journée de la femme.

Plus cool que le codage comme sujet. J’en conviens aisément ! ;)

Devenez membre de Copywriting Pratique !

Si vous souhaitez :

  • Recevoir chaque nouvel article du blog directement dans votre boîte mail (si vous le souhaitez),
  • Avoir accès à des générateurs en ligne inédits (générateur de slogans, de noms de marques, d'accroches, un dico des synonymes avec une mise en situation, un formateur d'emails et même le fameux calculateur du Sympathomètre d'un texte),
  • Un guide qui vous explique comment trouver plus de 354 millions d’images gratuites et libres de droits...

Pour vous inscrire et avoir accès à tout ça, c'est facile : Indiquez votre prénom et votre email dans le formulaire ci-dessous :



Précédent

3 manières de se servir du hasard sur son blog pour ne plus jamais être en panne

Suivant

A l’occasion de la journée de la femme, lumière sur…

  1. David K

    Bonsoir Yvon,

    Bravo et merci pour ce morceau de code ! Ca va dépanner pas mal de monde…
    Le PHP ressemble à du chinois pour un non initié :D .

    Amitiés,

    David

  2. Merci Yvon pour ce bout de code que je vais sûrement utiliser pour mes blogs.

    J’aime bien cette idée de mettre des liens vers d’autres articles pour que le lecteur continue sa navigation sur son site. En plus cela doit être un bonne idée pour le référencement de ses billets.

    Tout de bon comme on dit en Suisse, :hin:

    Michaël de Bruxelles ;)

    • Salut Michaël

      Je ne suis pas très sûr pour le référencement, car le lien ne reste pas. Je ne sais pas si Google tient compte des liens changeants en permanence. Faudrait se renseigner.

      Bonne journée

      Yvon

  3. Ouahou… alors là je suis flâtée… :red:
    Un grand merci pour la citation et le lien… :coeur:

    Bon alors la technique et moi, tu le sais, ça fait…
    Il n’empêche que ton explication est super claire, et alors je tiens à souligner tes talents de pédagogue : utiliser les couleurs associées aux termes… très ingénieux.
    Même moi, j’ai tout compris.
    D’ailleurs ce type de code n’est pas très éloigné de celui de similar post, je me trompe ? Parce que finalement, il y a une petite phrase en haut puis 3 articles aléatoires…

    Bon j’avoue quand même, les codes ça me donne des boutons, je fais un effort parce que c’est toi… Mais j’attends plutôt demain avec impatience…. savoir ce que tu nous auras concocté pour cette journée …

    Une très bonne soirée à toi Yvon

    • Coucou Claire

      My pleasure :)

      Sinon, Similar post est bien plus complexe que ça car il se base sur une analyse poussée des mots clefs de l’article en cours pour déterminer l’affichage des titres d’articles similaires. C’est bcp plus lourd et plus poussé que ce simple bout de code de rien et n’a rien à voir avec le hasard.

      Quant à l’article du jour, ma foi…. surprise :)

      Très bonne journée

      Yvon

      • Bonjour Yvon,

        Ah ben ça alors, je n’ai jamais vraiment vu de liens entre les différents articles proposés par similar post, du coup je pensais vraiment que c’était dû à un choix aléatoire… Comme quoi…

        Bonne journée

  4. Mon cerveau se bloque dès que je vois une ligne de code, c’est affreux. C’est pareil avec la compta, je deviens complètement neuneu, mon cerveau refuse de se laisser toucher par ses notions.
    Va falloir que je travaille sur moi pour lever ces blocages, c’est vaguement handicapant…

    Tout ça pour dire que j’ai pas tout compris, mais que ça a l’air achtement bien ton truc :red:

    Le sujet de demain me semble plus à ma portée :hin:

    A demain
    LFC

    • BK

      Emilie, Claire… et les autres,

      bienvenue au club des bloqués du code !

      Moi, je suis tranquille avec celui-là, vu que je n’ai pas encore mes 50 articles fatidiques.

      Mais par la suite, il faudra bien que ça se débloque !

      N’importe ! Je serre bien fort contre mon gros ventre la bouée de sauvetage de l’outsourcing ! Mon seul espoir !

      Bernard

      • Et tu as bien raison : il mieux déléguer ce pour quoi on n’est pas bon et faire ce pour quoi on est doué, au lieu de perdre un temps fou à tout apprendre…

    • Salut La Fée

      Oui tu n’as qu’à passer à autre chose, chère Emilie.
      Le codage est une activité plutôt compliquée et qui n’est intéressante que si on est passionné.

      Mieux vaut rester dans ses domaines de compétence :)

      Bonne journée

      Yvon

  5. Super idée, je ne savais pas quoi rajouter à ma sidebar, ça me semble une bonne idée !

    (edit : je ne sais pas pourquoi j’ai ce nom mais bon, je peux plus changer ça ^^)

  6. Bonjour Yvon
    N’étant pas un spécialiste ,ni un vieux routard de wordpress, cela me semble compliqué et je ne suis pas sur d’avoir compris la manip.
    Lorsque l’on récupère les fichiers de code comment les insérer dans un blog wordpress? Doit on les transférer via filezilla dans les fichiers du blog ou copie t on l’intégralité pour l »insérer dans un widget texte que l’on peut mettre dans la sidebar. Merci aux spécialistes pour leur précieux conseils

    • Bonjour Gonzague

      Le mieux est de télécharger le zip et de voir la procédure. Tout y est expliqué.

      Le code est à insérer dans le fichier sidebar.php.

      Mais je te conseille de zapper. Il est plus facile de tout planter que d’améliorer quand on fait les trucs à l’aveuglette :)

      Bonne journée

      Yvon

  7. soyanne

    Bonsoir Yvon,

    Merci pour le code et l’explication très claire comme d’habitude, de quoi alimenter sa sidebar.

    À chaque fois que je fais une recherche sur un sujet, je pense à visiter ton blog en premier, as-tu une astuce pour faire une recherche rapide sur ton blog ?

    Soyanne

    • Bonjour Soyanne

      La méthode reste la même pour tous les blogs :

      Sur Google : site:lenomdublog.com mot-clef

      Bonne journée

      Yvon

  8. Merci pour cette petite pépite Yvon…

    Et tu as absolument raison. Il est inutile d’encombrer son blog avec une multitude de plugins alors que parfois, un simple bout de code suffit largement.

    Alex

  9. Bonjour Yvon,

    Ce n’est plus du copywriting, c’est de la prestidigitation !

    D’habitude j’évite de laisser des commentaires juste pour
    dire que j’aime bien.

    Mais, là ! Vraiment je suis bluffé, bluffé par l’imagination,
    par la technique et par ce partage généreux.

    Depuis des semaines tu nous gâtes de plus en plus.

    Merci Yvon,

    Bonne journée

    Jean Paul

  10. Salut Yvon,

    Ce coup-ci, je vais faire comme Emilie, je passe et j’y reviendrai dans…heuuu, plus tard quoi.

    Christian.

  11. Moi qui ai développé mon petit modèle de blog à la main je ne vais pas pouvoir me servir de ton code mais une chose est sur c’est que je vais reprendre l’idée pour ma prochaine mis à jour ! :)

  12. Bonjour Yvon, bonjour à tous, bloqués (comme moi) du code ou pas !
    Franchement, à la première lecture j’ai trouvé cet article intéressant mais sans plus. Je me suis dit : bon bah de toute façon c’est pas pour moi, trop compliqué c’truc-là !
    Je suis photographe, pas informaticien (ou quel que soit le nom qu’on donne à ces talentueux bidouilleurs), je ne suis même pas blogueur !
    Et puis tout de même j’ai voulu essayer, par acquit de conscience, ou un pressentiment. Eh bien CA MARCHE !
    Bon d’accord, j’ai ramé, mais vraiment ramé, ne sachant pas avec précision où je devais aller coller les bouts de code sur ma page. Trois heures passées à transpirer à grosses gouttes sur un truc qui ne demanderait probablement que 4 minutes 30 à un expert de la chose !
    Bref, un article que je trouvais intéressant est devenu un article génial parce très utile. En effet, ce simple petit bout de code peut tranquillement balader mes visiteurs.
    En lisant vos articles, on ne se dit jamais « ouais bof ! » mais plutôt « M***e, comment il sait tout ça ? C’est génial ! »
    Bravo Yvon pour vos connaissances et la façon dont vous les transmettez !
    Hugues

    • Bonjour Hugues

      Bravo pour la persévérance. C’est comme ça qu’on réussit pratiquement tout. Peu de gens en sont pourvus et abandonnent trop vite.

      Je devrais peut-être plus, quant à moi, faire des vidéos pour bien expliquer. Mais bon, toutes ces heures de recherches et de tatonnement sont bénéfiques car lorsque tu voudras le refaire, même avec autre chose, alors tout ceci te reviendra en un claquement de doigt et ça ira 20 fois plus vite.

      Bonne journée et encore bravo.

      Yvon

  13. Bonsoir Yvon
    Héhé, je me suis enfin motivée à utiliser ce petit script :)
    Je te laisse jeter un oeil si tu en as envie.

    En tout cas, merci pour l’idée, c’est vraiment sympa.

    Je me surprends à cliquer dessus pour re-découvrir des « vieux » articles.

    @+

    • Coucou :)

      Je ne l’ai pas trouvé :(

      @+

      • Bon, au moins le message est clair: on ne voit pas mes boutons. Pour info, ils sont tout en haut, au-dessus du logo.

        Une idée pour les rendre visibles sans mettre 3 énooormes flèches rouges pour les indiquer ?

        Je vais jouer avec les couleurs je pense, mettre qqch de rose peut-être?

        Merci d’être allé voir!

        • Coucou Marie Eve

          Quand tu mets une nouvelle fonction ou un nouveau bouton, alors tu dois penser au chemin parcouru par un internaute qui arrive sur ton blog.

          Il part d’en haut à gauche, et il balaye de gauche à droite en descendant.

          Ce qui fait que la zone en haut à droite d’une page n’est pratiquement jamais vue ni même scannée par le visiteur. On s’en sert donc pour ancrer une notion dans l’inconscient du visiteur (un prix de produit, un slogan, une image forte).

          Mais certainement jamais un bouton d’action.

          Ainsi, le meilleur endroit pour mettre un nouveau menu, c’est de le mettre tout en haut de ton menu de droite. Une fois que les gens s’y sont habitués, tu peux le descendre au profit d’autres menus à cet emplacement.

          Bonne journée

          Yvon

          • OUH LA !!!

            J’y suis retourné en fait.

            C’est plus grave que ce que je t’ai dit.
            PERSONNE ne lit les barres du haut d’une page, surtout si la barre en question est « hors champ ».

            Pour le « collectif », un site commence à partir du nom du site, du slogan, ou du logo. Il le voit, et il descend.

            Tout ce qui est au-dessus (et de surcrois de la même couleur que le fond de ta page) est totalement ignoré.

            Pour te dire, j’ai bien cherché je ne l’ai vraiment pas trouvé.
            Mais VRAIMENT pas du tout.

            Bref vire cette ligne elle ne sert à rien (c’est juste un conseil bien sûr, tu en fais ce que tu en veux ;) ).

            Bonne journée

            Yvon

            PS : Puis-je me permettre d’attirer ton attention sur le choix de la police du nom de ton blog ? Même si tu sembles aimer ça, on fait généralement un blog ou un site plus pour ses visiteurs que pour soi-même. En tout cas si on veut qu’ils soient impliqués.

            La police Comics sort du siècle dernier et constitue l’emblème du début d’Internet où elle constituait un « code ». Aujourd’hui, c’est devenu un symbole de cliché et il existe même une blague pour désigner un site Has been (pourquoi pas un site en Comics avec un gif animé à chaque ligne tant que t’y est ?)

            Si le thème de ton blog était le dev perso ou le scrapbooking, qui se moquent un peu des polices du web pourquoi pas ?

            Mais tu t’adresses à des gens qui manient Internet et les sites web, et cette population est bien plus concernée par l’aspect design, et quand on voit la qualité de ce que tu proposes, je trouve dommage qu’une certaine partie des gens qui arrivent sur ton blog reparte après être tombé sur cette police.

            Fais un essai : Regarde ton taux de rebond à cet instant, puis change de police, et regarde les changements du taux au bout de deux semaines. Ca devrait bien évoluer.

            C’était hors sujet mais je voulais t’en parler alors voilà, c’est fait ;)

          • Merci d’avoir pris le temps de me donner tous ces conseils !

            Je vais changer la barre de boutons en questions alors… et presto!

            Pour le comic, c’est vrai que je ne comprenais pas pourquoi cette police était tant décriée, mais maintenant, je comprends mieux le côté « has been » qu’on lui prête.

            Un copain est en train de refaire mon logo et j’attendais ça pour refaire aussi mon lettrage…mais tu m’as donné envie de faire le test dès maintenant pour observer mon taux de rebond (par curiosité).

            Allez, je termine la préparation de ma formation jQuery et je m’y mets.

            Encore merci :)

Laisser un commentaire

;) :super: :red: :hin: :haha: :evil: :cry: :coeur: :cafe: :beer: :D :?: :-z :-x :-o :-P :-? :) :( 8))

Créé et géré avec par Yvon CAVELIER