Wpcours

Des tuto, thèmes et plugins pour Wordpress

  • WORDPRESS
  • TUTORIELS
  • PLUGINS
  • WP-SEO
  • THEMES
  • Blogger
  • Contact

Ajouter le code Attendre quelques secondes avant le téléchargement a votre site

Màj le 6 mai 2018

Pour une raison ou une autre vous voulez faire attendre le visiteur de votre site quelques secondes avant que le lien de téléchargement s’affiche. Avant de vous donner le code à utiliser pour faire cette astuce, on va savoir quelques raisons pour le choix de cette méthode.

  • La première raison est d’augmenter vos revenu Adsense en affichant des annonces en haut et en bas du lien de téléchargement. Le délai d’attente est aussi un facteur favorisant les clics sur vos annonces.
  • La deuxième raison est de diminuer le taux de rebond sur votre site : le taux de rebond est le rapport entre le nombre d’internautes qui ne visitent qu’une page d’un site et le nombre de visiteurs total. Si sur la page d’arrivée le visiteur clique sur un lien sortant,  se rend sur une page de formulaire, ou télécharge une brochure, qu’il sort du site sans consulter une deuxième page, il passe généralement en taux de sortie.
  • La troisième raison est d’augmenter la durée moyenne des sessions .

Ajouter le code attendre quelque seconde avant le téléchargement

Maintenant je vais vous présenter deux codes pour faire attendre le visiteur quelque seconde avant d’afficher le lien.

Le premier code  à insérer directement dans vos articles via l’éditeur HTML de Blogger ou Texte de Wordpress :

<div dir="ltr" style="text-align: left;" >
<div dir="ltr" style="text-align: left;">
<div style="text-align: center;">
ads
<script>
$(function () {
$("#condaianllkhir").click(function () {
var seconds = 25;
$("#CountDown").show();
$("#condaianllkhir").hide();
$("#DrRO").html(seconds);
setInterval(function () {
seconds--;
$("#DrRO").html(seconds);
if (seconds == 0) {
$("#CountDown").hide();
window.location = "Votre lien ici ";
}
}, 1000);
});
});
</script>

<br />
<center>
<input id="condaianllkhir" type="button" value="Télécharger" />
<div id="CountDown" style="display: none;">
<b><img src="" /> <span id="DrRO"></span>&nbsp;seconds.
</b></div>
</center>
</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
ads</div>
</div>
</div>

 

Mettez votre lien à la place de « Votre lien ici » .Vous pouvez aussi changer la durée d’attente en seconde par une durée de votre choix, par défaut elle est de 25 secondes.

Pour le deuxième code on peut l’utiliser dans une page séparée. Quand le visiteur accède à cette page un compte à rebord de 25 seconde s’affiche automatiquement avant que votre lien s’affiche. Cette dernière méthode est largement utilisé par les sites de téléchargement .

Voici le code :

<div dir="ltr" style="text-align: left;" >
<div dir="ltr" style="text-align: left;">
<div style="text-align: center;">
ads
<script>
$(function () {
$("#condaianllkhir").click(function () {
var seconds = 25;
$("#CountDown").show();
$("#condaianllkhir").hide();
$("#DrRO").html(seconds);
setInterval(function () {
seconds--;
$("#DrRO").html(seconds);
if (seconds == 0) {
$("#CountDown").hide();
window.location = "Votre lien ici";
}
}, 1000);
});
});
</script>

<br />
<center>
<input id="condaianllkhir" type="button" value="Téléchargement" />
<div id="CountDown" style="display: none;">
<b><img src="" /> <span id="DrRO"></span>&nbsp;seconds.
</b></div>
</center>
</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
ads</div>
</div>
</div>

Ce dernier code redirige le visiteur vers la page de destination automatiquement après que les 30 secondes d’attente s’écoule.

Je pense que cet article vous aidera ajouter le code d’attente/patienter quelques secondes avant le téléchargement.


Vous aimerez également...

  • Permettre aux utilisateurs de joindre des fichiers dans les commentaires WordPress
  • Optimiser Fontawesome en supprimant les icônes inutiles
  • Comment désactiver l’exécution de PHP dans certains répertoires WordPress
  • Limiter la longueur minimale et maximale ‎de vos commentaires sous Wordpress
  • Comment créer une adresse e-mail professionnelle GRATUITE (méthode simple)
  • Comment nettoyer sa base de donnée MySQL Wordpress

Classé sous :Tutoriels

Accueil / Tutoriels / Ajouter le code Attendre quelques secondes avant le téléchargement a votre site

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ne manquez plus rien
Abonnez-vous

Abonnez-vous dès maintenant à la Newsletters de Wpcours et recevez des tutoriels Gratuitement.

CREER VOTRE AVATAR GRATUIT

Articles récents

  • 5 façons pour trouver la clé de produit (serial) Windows facilement
  • Ajouter une Image mise en avant (featured image) sous le titre de vos article
  • 13 thèmes WordPress polyvalents pour sites des crypto-monnaies pour obtenir un site bien classé
  • C’est quoi l’API WordPress Heartbeat et pourquoi devriez-vous la contrôler ?
  • Créer un message d’incitation à réautoriser les annonces Adsense sans plugin

© 2023 ·Wpcours.com · Mentions · Contact