web-dev-qa-db-fra.com

comment créer des messages de sortie de site avec l'URL de destination affichée

je cherche un moyen d'afficher une page de sortie ou un message lorsqu'un utilisateur quitte mon site. nous avons une version britannique de notre site, et certains des liens de navigation renvoient à notre site américain. Je veux que les utilisateurs sachent qu'ils quittent le site britannique et "sont maintenant redirigés vers cette page sur notre site américain. Vous serez redirigé dans 10 secondes ou cliquez ici pour rester" etc.

j'ai vu quelques plugins qui peuvent faire cela, mais il semble que ce soit la seule redirection vers une page, et ils ne disent pas à l'utilisateur où ils vont, mais simplement qu'ils quittent le site.

existe-t-il des plugins capables de gérer cela, ou est-ce quelque chose que je dois créer à partir de zéro? si ce dernier, par où dois-je commencer?

merci beaucoup!

pluginsredirect
1
roybatty

Au cas où cela aiderait quelqu'un d’autre, j’ai appris à le faire à l’aide du plugin Meilleur Wordpress External Links et à la création d’une page racine appelée exit.php.

dans les paramètres du plug-in sous "Préfixer les liens externes avec" j'ai choisi "une URL personnalisée" et entré - http://mysite.com/exit.php?redirect=

J'ai également coché la case "Traiter les liens de la page?"

Dans la page exit.php, j’ai ajouté quelques js pour gérer le compte à rebours.

<script>

      // Parse the query string to get the destination URL
      var params = {};
      var pairs = window.location.search.substring(1).split('&');
      for (var i = 0; i < pairs.length; i++) {
          var components = pairs[i].split('=');
          params[components[0]] = decodeURIComponent(components[1]);
      }

      setTimeout(function() { window.location = params.redirect; }, 5000);
</script>


<script>

    $(function(){
  var count = 5;
  countdown = setInterval(function(){
    $(".countdown").html(count);

    count--;
  }, 1000);
});

</script>

et le code HTML pour afficher le compte à rebours et fournir un lien vers la page précédente.

<p>You will be redirected in <span class="countdown" style="font-weight:bold;"></span> seconds.</p>
<p><a href="#" onClick="history.go(-1);return false;">If you would like to remain on this site, click here.</a></p>
1
roybatty