<!doctype html>
<html lang="fr" xmlns:og="http://ogp.me/ns#">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Annuaire Nofollow – Soumission gratuite de sites</title>
<meta name="description" content="Annuaire Nofollow propose aux webmasters la soumission gratuite de leur site..." />
<meta name="keywords" content="annuaire nofollow gratuit, référencement SEO, netlinking" />
<meta name="robots" content="index, follow" />
<meta name="language" content="fr" />
<link rel="stylesheet" href="https://annuaire-nofollow.ovh/css/bootstrap-reboot.min.css">
<link rel="stylesheet" href="https://annuaire-nofollow.ovh/css/bootstrap.min.css">
<link rel="stylesheet" href="https://annuaire-nofollow.ovh/css/bootstrap-icons.css">
<link rel="stylesheet" href="https://annuaire-nofollow.ovh/css/style.css">
<link rel="shortcut icon" href="https://annuaire-nofollow.ovh/favicon/favicon.ico"/>
<link rel="apple-touch-icon" sizes="180x180" href="https://annuaire-nofollow.ovh/favicon/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" href="https://annuaire-nofollow.ovh/favicon/favicon-32x32.png" sizes="32x32">
<link rel="manifest" href="https://annuaire-nofollow.ovh/favicon/manifest.json">
<link rel="canonical" href="https://annuaire-nofollow.ovh/" />
<meta property="og:title" content="Annuaire Nofollow – Soumission gratuite de sites"/>
<meta property="og:type" content="website"/>
<meta property="og:url" content="https://annuaire-nofollow.ovh/"/>
<meta property="og:image" content="nofollow.jpeg"/>
<meta property="og:description" content="Annuaire Nofollow propose aux webmasters la soumission gratuite de leur site..."/>
</head>
<body class="bg-light">
<nav class="sidebar navbar navbar-expand-md flex-column align-items-start shadow-sm" id="sidebar" style="overflow-y: auto; overflow-x: hidden;">
<div class="w-100">
<div class="mb-0">
<h3><span class="fs-4 logo">Annuaire-No</span><span class="fs-4 logo2">Follow</span></h3>
</div>
<div class="subtitle mb-4 text-uppercase">SEO Directory • Free</div>
<button class="navbar-toggler mb-4 w-100 border-secondary" type="button" data-bs-toggle="collapse" data-bs-target="#sidebarMenu" aria-controls="sidebarMenu" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon" style="filter: invert(1);"></span>
</button>
</div>
<div class="collapse navbar-collapse w-100" id="sidebarMenu">
<ul class="navbar-nav flex-column w-100 pb-5"> <li class="nav-item">
<a class="nav-link active" href="https://annuaire-nofollow.ovh/">
<span class="emoji-bg">🏠</span><span class="link-text">Accueil</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://annuaire-nofollow.ovh/soumission/index.php">
<span class="emoji-bg">➕</span><span class="link-text">Ajouter un site</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://annuaire-nofollow.ovh/nouveaux.php">
<span class="emoji-bg">🆕</span><span class="link-text">Nouveautés</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://annuaire-nofollow.ovh/refus.php">
<span class="emoji-bg">🚫</span><span class="link-text">Sites refusés</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://annuaire-nofollow.ovh/recherche.php">
<span class="emoji-bg">🔎</span><span class="link-text">Recherche</span>
</a>
</li>
<li class="nav-item border-bottom border-secondary border-opacity-10 my-2"></li>
<li class="nav-item">
<a class="nav-link" href="https://annuaire-nofollow.ovh/contact.php">
<span class="emoji-bg">✉️</span><span class="link-text">Contact</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://annuaire-nofollow.ovh/legale.php">
<span class="emoji-bg"><i class="bi bi-shield-check"></i></span><span class="link-text">Notice Légale</span>
</a>
</li>
<li class="nav-item mt-3 px-3">
<div class="form-check form-switch d-flex align-items-center gap-2">
<i class="bi bi-sun-fill text-warning"></i>
<input class="form-check-input" type="checkbox" id="darkModeToggle" style="cursor: pointer;">
<i class="bi bi-moon-stars-fill text-primary"></i>
</div>
<span class="small text-muted" style="font-size: 10px;">Mode Sombre</span>
</li>
<div class="sidebar-ad mt-4 d-none d-md-block text-center">
<div class="col-12 border border-secondary border-opacity-25 p-3 bg-light text-center rounded">
<small class="text-muted d-block mb-2 text-uppercase" style="letter-spacing: 1px; font-size: 0.7rem;">Publicité AdSense</small>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6405561271904890" crossorigin="anonymous"></script>
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-6405561271904890"
data-ad-slot="3371891841"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(window.adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div>
</ul>
</div>
</nav>
<div class="content">
<div class="card border-primary shadow-sm mb-4">
<div class="card-body">
<div class="text-center mb-4">
<h1 class="display-4 mb-3">
<span class="logo fw-bold">Annuaire-No</span><span class="logo2 fw-bold">Follow</span>
</h1>
<h2 class="h4 text-muted">L’Annuaire Gratuit pour diversifier votre profil de liens</h2>
</div>
<div class="col-12 border border-secondary border-opacity-25 p-3 mb-4 bg-light text-center rounded">
<small class="text-muted d-block mb-2 text-uppercase" style="letter-spacing: 1px; font-size: 0.7rem;">Publicité AdSense</small>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6405561271904890" crossorigin="anonymous"></script>
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-6405561271904890"
data-ad-slot="3371891841"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(window.adsbygoogle = window.adsbygoogle || []).requestNonPersonalizedAds = 1;
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<article class="seo-content">
<h2>Pourquoi miser sur un annuaire Dofollow / Nofollow de qualité ?</h2>
<p>Soyons honnêtes : en SEO, s'acharner sur le "tout Dofollow", c'est foncer dans le mur. Google n'est pas dupe et ce qu'il veut voir, c'est du <strong>naturel</strong>. Un profil de liens qui tient la route, c'est avant tout une question d'équilibre. C'est exactement là qu'on intervient.
</p>
<p>Pourquoi passer par <strong>Annuaire Nofollow</strong> ? C'est simple, c'est une question de bon sens pour :</p>
<ul>
<li><strong>Varier votre netlinking :</strong> Ne mettez pas tous vos œufs dans le même panier. Diversifier ses sources, c'est le meilleur moyen d'esquiver les pénalités pour sur-optimisation.</li>
<li><strong>Donner un coup de pouce à l'indexation :</strong> Nos robots passent tout le temps. Autant en profiter pour que vos nouvelles pages soient repérées plus vite.</li>
<li><strong>Attirer du vrai monde :</strong> On oublie souvent qu'un annuaire, c'est aussi fait pour être lu. Nos thématiques attirent des internautes en chair et en os, pas juste des scripts.</li>
<li><strong>Zéro prise de tête :</strong> C'est gratuit, point barre. Pas de lien retour, pas de frais cachés.</li>
</ul>
<hr>
<h2>Prêt à vous inscrire ? Ça prend 2 minutes</h2>
<div class="highlight-box">
<p>On a élagué au maximum pour vous éviter de perdre votre après-midi. Pour que votre fiche passe crème à la validation :</p>
<ol>
<li><strong>Visez juste :</strong> Ne postez pas n'importe où. Choisissez la catégorie qui colle vraiment à ce que vous faites.</li>
<li><strong>Faites un effort sur le texte :</strong> Un descriptif qui a de la gueule et qui est unique. Le copier-coller, c'est la poubelle directe.</li>
<li><strong>On s'occupe du reste :</strong> On vérifie que tout est d'équerre et on met en ligne rapidement.</li>
</ol>
</div>
<p>
Que vous lanciez une <strong>petite boutique</strong>, un <strong>site d'artisan</strong> ou votre <strong>blog perso</strong>, il y a forcément une place pour vous ici.
</p>
<hr>
<h2>Un petit plus pour votre projet</h2>
<p>
On sait bien que la visibilité ne se construit pas en une nuit. Mais chaque petit signal envoyé aux moteurs est une victoire. En rejoignant <strong>Annuaire Nofollow</strong>, vous ajoutez simplement une brique de plus à votre édifice.
</p>
<div class="cta-container text-center mt-4">
<a class="btn btn-primary btn-lg px-5 py-3 fw-bold shadow-lg" href="https://annuaire-nofollow.ovh/soumission/index.php">
<i class="bi bi-plus-circle-fill me-2"></i> Soumettre mon site gratuitement
</a>
</div>
</article>
</div>
</div>
<div class="col-12 border border-secondary border-opacity-25 p-3 mb-4 bg-light text-center rounded">
<small class="text-muted d-block mb-2 text-uppercase" style="letter-spacing: 1px; font-size: 0.7rem;">Publicité AdSense</small>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6405561271904890" crossorigin="anonymous"></script>
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-6405561271904890"
data-ad-slot="3371891841"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(window.adsbygoogle = window.adsbygoogle || []).requestNonPersonalizedAds = 1;
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<div class="card border-primary shadow-sm">
<div class="card-header bg-transparent border-bottom-0 pt-4">
<h2 class="text-center fw-bold">Parcourir les catégories</h2>
</div>
<div class="card-body">
<div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 g-4">
<div class="col">
<div class="card h-100 text-center border-warning border-opacity-50 category-card shadow-sm-hover">
<div class="p-3">
<img src="https://annuaire-nofollow.ovh/images/categories/media.jpeg"
class="img-fluid rounded-circle mb-3"
alt="Actualités & Médias"
style="width: 80px; height: 80px; object-fit: cover; border: 2px solid #FF7800;">
<h5 class="card-title h6 fw-bold">actualites-medias</h5>
</div>
<a href="actualites-medias-4-1" class="stretched-link"></a>
</div>
</div>
<div class="col">
<div class="card h-100 text-center border-warning border-opacity-50 category-card shadow-sm-hover">
<div class="p-3">
<img src="https://annuaire-nofollow.ovh/images/categories/alimentation.jpeg"
class="img-fluid rounded-circle mb-3"
alt="Alimentation"
style="width: 80px; height: 80px; object-fit: cover; border: 2px solid #FF7800;">
<h5 class="card-title h6 fw-bold">alimentation</h5>
</div>
<a href="alimentation-54-1" class="stretched-link"></a>
</div>
</div>
<div class="col">
<div class="card h-100 text-center border-warning border-opacity-50 category-card shadow-sm-hover">
<div class="p-3">
<img src="https://annuaire-nofollow.ovh/images/categories/argent.jpeg"
class="img-fluid rounded-circle mb-3"
alt="Argent"
style="width: 80px; height: 80px; object-fit: cover; border: 2px solid #FF7800;">
<h5 class="card-title h6 fw-bold">argent</h5>
</div>
<a href="argent-399-1" class="stretched-link"></a>
</div>
</div>
<div class="col">
<div class="card h-100 text-center border-warning border-opacity-50 category-card shadow-sm-hover">
<div class="p-3">
<img src="https://annuaire-nofollow.ovh/images/categories/culture.jpeg"
class="img-fluid rounded-circle mb-3"
alt="Arts & culture"
style="width: 80px; height: 80px; object-fit: cover; border: 2px solid #FF7800;">
<h5 class="card-title h6 fw-bold">arts-culture</h5>
</div>
<a href="arts-culture-165-1" class="stretched-link"></a>
</div>
</div>
<div class="col">
<div class="card h-100 text-center border-warning border-opacity-50 category-card shadow-sm-hover">
<div class="p-3">
<img src="https://annuaire-nofollow.ovh/images/categories/blogs.jpeg"
class="img-fluid rounded-circle mb-3"
alt="Blogs"
style="width: 80px; height: 80px; object-fit: cover; border: 2px solid #FF7800;">
<h5 class="card-title h6 fw-bold">blogs</h5>
</div>
<a href="blogs-1576-1" class="stretched-link"></a>
</div>
</div>
<div class="col">
<div class="card h-100 text-center border-warning border-opacity-50 category-card shadow-sm-hover">
<div class="p-3">
<img src="https://annuaire-nofollow.ovh/images/categories/divers.jpeg"
class="img-fluid rounded-circle mb-3"
alt="Divers"
style="width: 80px; height: 80px; object-fit: cover; border: 2px solid #FF7800;">
<h5 class="card-title h6 fw-bold">divers</h5>
</div>
<a href="divers-62-1" class="stretched-link"></a>
</div>
</div>
<div class="col">
<div class="card h-100 text-center border-warning border-opacity-50 category-card shadow-sm-hover">
<div class="p-3">
<img src="https://annuaire-nofollow.ovh/images/categories/commerce.jpeg"
class="img-fluid rounded-circle mb-3"
alt="E-commerce"
style="width: 80px; height: 80px; object-fit: cover; border: 2px solid #FF7800;">
<h5 class="card-title h6 fw-bold">e-commerce</h5>
</div>
<a href="e-commerce-3-1" class="stretched-link"></a>
</div>
</div>
<div class="col">
<div class="card h-100 text-center border-warning border-opacity-50 category-card shadow-sm-hover">
<div class="p-3">
<img src="https://annuaire-nofollow.ovh/images/categories/education.jpeg"
class="img-fluid rounded-circle mb-3"
alt="Education"
style="width: 80px; height: 80px; object-fit: cover; border: 2px solid #FF7800;">
<h5 class="card-title h6 fw-bold">education</h5>
</div>
<a href="education-645-1" class="stretched-link"></a>
</div>
</div>
<div class="col">
<div class="card h-100 text-center border-warning border-opacity-50 category-card shadow-sm-hover">
<div class="p-3">
<img src="https://annuaire-nofollow.ovh/images/categories/entreprises.jpeg"
class="img-fluid rounded-circle mb-3"
alt="Entreprises"
style="width: 80px; height: 80px; object-fit: cover; border: 2px solid #FF7800;">
<h5 class="card-title h6 fw-bold">entreprises</h5>
</div>
<a href="entreprises-143-1" class="stretched-link"></a>
</div>
</div>
<div class="col">
<div class="card h-100 text-center border-warning border-opacity-50 category-card shadow-sm-hover">
<div class="p-3">
<img src="https://annuaire-nofollow.ovh/images/categories/informatique.jpeg"
class="img-fluid rounded-circle mb-3"
alt="Informatique"
style="width: 80px; height: 80px; object-fit: cover; border: 2px solid #FF7800;">
<h5 class="card-title h6 fw-bold">informatique</h5>
</div>
<a href="informatique-52-1" class="stretched-link"></a>
</div>
</div>
<div class="col">
<div class="card h-100 text-center border-warning border-opacity-50 category-card shadow-sm-hover">
<div class="p-3">
<img src="https://annuaire-nofollow.ovh/images/categories/internet.jpeg"
class="img-fluid rounded-circle mb-3"
alt="Internet"
style="width: 80px; height: 80px; object-fit: cover; border: 2px solid #FF7800;">
<h5 class="card-title h6 fw-bold">internet</h5>
</div>
<a href="internet-26-1" class="stretched-link"></a>
</div>
</div>
<div class="col">
<div class="card h-100 text-center border-warning border-opacity-50 category-card shadow-sm-hover">
<div class="p-3">
<img src="https://annuaire-nofollow.ovh/images/categories/jeux.jpeg"
class="img-fluid rounded-circle mb-3"
alt="Jeux"
style="width: 80px; height: 80px; object-fit: cover; border: 2px solid #FF7800;">
<h5 class="card-title h6 fw-bold">jeux</h5>
</div>
<a href="jeux-33-1" class="stretched-link"></a>
</div>
</div>
<div class="col">
<div class="card h-100 text-center border-warning border-opacity-50 category-card shadow-sm-hover">
<div class="p-3">
<img src="https://annuaire-nofollow.ovh/images/categories/loisirs.jpeg"
class="img-fluid rounded-circle mb-3"
alt="Loisirs & Divertissement"
style="width: 80px; height: 80px; object-fit: cover; border: 2px solid #FF7800;">
<h5 class="card-title h6 fw-bold">loisirs-divertissement</h5>
</div>
<a href="loisirs-divertissement-14-1" class="stretched-link"></a>
</div>
</div>
<div class="col">
<div class="card h-100 text-center border-warning border-opacity-50 category-card shadow-sm-hover">
<div class="p-3">
<img src="https://annuaire-nofollow.ovh/images/categories/sante.jpeg"
class="img-fluid rounded-circle mb-3"
alt="Santé"
style="width: 80px; height: 80px; object-fit: cover; border: 2px solid #FF7800;">
<h5 class="card-title h6 fw-bold">sante</h5>
</div>
<a href="sante-258-1" class="stretched-link"></a>
</div>
</div>
<div class="col">
<div class="card h-100 text-center border-warning border-opacity-50 category-card shadow-sm-hover">
<div class="p-3">
<img src="https://annuaire-nofollow.ovh/images/categories/sport.jpeg"
class="img-fluid rounded-circle mb-3"
alt="Sport"
style="width: 80px; height: 80px; object-fit: cover; border: 2px solid #FF7800;">
<h5 class="card-title h6 fw-bold">sport</h5>
</div>
<a href="sport-15-1" class="stretched-link"></a>
</div>
</div>
<div class="col">
<div class="card h-100 text-center border-warning border-opacity-50 category-card shadow-sm-hover">
<div class="p-3">
<img src="https://annuaire-nofollow.ovh/images/categories/vacances.jpeg"
class="img-fluid rounded-circle mb-3"
alt="Tourisme"
style="width: 80px; height: 80px; object-fit: cover; border: 2px solid #FF7800;">
<h5 class="card-title h6 fw-bold">tourisme</h5>
</div>
<a href="tourisme-34-1" class="stretched-link"></a>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 border border-secondary border-opacity-25 p-3 mb-4 bg-light text-center rounded mt-3">
<small class="text-muted d-block mb-2 text-uppercase" style="letter-spacing: 1px; font-size: 0.7rem;">Publicité AdSense</small>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6405561271904890" crossorigin="anonymous"></script>
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-6405561271904890"
data-ad-slot="3371891841"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(window.adsbygoogle = window.adsbygoogle || []).requestNonPersonalizedAds = 1;
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div>
<footer class="footer-main mt-5">
<div class="container">
<div class="row g-5">
<div class="col-12 col-md-4">
<h5 class="fw-bold mb-4 text-uppercase small letter-spacing">Navigation</h5>
<ul class="list-unstyled">
<li class="mb-3"><a href="https://annuaire-nofollow.ovh/" class="footer-link"><i class="bi bi-chevron-right me-2 small"></i>Accueil</a></li>
<li class="mb-3"><a href="https://annuaire-nofollow.ovh/soumission/index.php" class="footer-link"><i class="bi bi-chevron-right me-2 small"></i>Soumettre un site</a></li>
<li class="mb-3"><a href="https://annuaire-nofollow.ovh/contact.php" class="footer-link"><i class="bi bi-chevron-right me-2 small"></i>Contact</a></li>
</ul>
</div>
<div class="col-12 col-md-4 text-center text-md-start">
<h5 class="fw-bold mb-4 text-uppercase small letter-spacing">Certifications</h5>
<div class="d-flex flex-wrap gap-2 justify-content-center justify-content-md-start mb-4">
<span class="badge-custom">
<i class="bi bi-shield-lock-fill text-info me-1"></i> HTTPS Sécurisé
</span>
<a href="https://annuaire-nofollow.ovh/rss.php" class="text-decoration-none">
<span class="badge-custom badge-rss">
<i class="bi bi-rss-fill text-warning me-1"></i> Flux RSS
</span>
</a>
</div>
<ul class="list-unstyled small">
<li class="mb-2"><a href="https://annuaire-nofollow.ovh/cookies.php" class="footer-link">Gestion des cookies</a></li>
<li class="mb-2"><a href="https://annuaire-nofollow.ovh/legale.php" class="footer-link">Mentions légales</a></li>
</ul>
</div>
<div class="col-12 col-md-4">
<h5 class="fw-bold mb-4 text-uppercase small letter-spacing text-md-end">Activité de l'annuaire</h5>
<div class="stat-card shadow-lg">
<div class="stat-item">
<div class="d-flex align-items-center">
<div class="icon-box"><i class="bi bi-globe"></i></div>
<span class="small">Sites validés</span>
</div>
<span class="fw-bold">5 440</span>
</div>
<div class="stat-item">
<div class="d-flex align-items-center">
<div class="icon-box"><i class="bi bi-clock"></i></div>
<span class="small">En attente</span>
</div>
<span class="fw-bold text-warning">1</span>
</div>
<div class="stat-item">
<div class="d-flex align-items-center">
<div class="icon-box"><i class="bi bi-shield-x"></i></div>
<span class="small">Fiches refusées</span>
</div>
<span class="fw-bold text-danger">2 302</span>
</div>
<div class="stat-item">
<div class="d-flex align-items-center">
<div class="icon-box text-secondary"><i class="bi bi-trash3"></i></div>
<span class="small">Sites supprimés</span>
</div>
<span class="fw-bold small">1 332</span>
</div>
</div>
</div>
</div>
<div class="row mt-5 pt-4 border-top border-secondary border-opacity-25 align-items-center">
<div class="col-md-6 text-center text-md-start">
<p class="small mb-0 opacity-75">
© 2026 <span class="fw-bold">Annuaire-Nofollow.ovh</span>
</p>
</div>
</div>
<div id="cookie-banner" class="fixed-bottom bg-dark text-white p-3 shadow-lg border-top border-warning" style="z-index: 9999;">
<div class="container d-flex flex-column flex-md-row align-items-center justify-content-between">
<div class="mb-2 mb-md-0 small">
<i class="bi bi-cookie text-warning me-2" style="font-size: 1.2rem;"></i>
Autorisez-vous les annonces personnalisées ? Sans choix de votre part, des annonces standard s'afficheront.
</div>
<div>
<button onclick="setConsent('accepted')" class="btn btn-primary btn-sm me-2 px-3 fw-bold">Accepter tout</button>
<button onclick="setConsent('denied')" class="btn btn-outline-light btn-sm px-3">Refuser</button>
</div>
</div>
</div>
<div class="container my-4 text-center">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6405561271904890" crossorigin="anonymous"></script>
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-6405561271904890"
data-ad-slot="3371891841"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(window.adsbygoogle = window.adsbygoogle || []).requestNonPersonalizedAds = 1;
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div>
</footer>
<script src="https://annuaire-nofollow.ovh/js/bootstrap.bundle.min.js"></script>
<script>
/**
* GESTION DU CONSENTEMENT (AJAX + COOKIE)
*/
function setConsent(status) {
// 1. Envoi à la base de données via AJAX (envoie à la page actuelle)
let formData = new FormData();
formData.append('ajax_consent', status);
fetch(window.location.href, {
method: 'POST',
body: formData
})
.then(() => {
// 2. Création du cookie local (30 jours)
const date = new Date();
date.setTime(date.getTime() + (30 * 24 * 60 * 60 * 1000));
document.cookie = "cookie_consent=" + status + "; expires=" + date.toUTCString() + "; path=/; SameSite=Lax";
// 3. Rechargement pour appliquer AdSense
location.reload();
})
.catch(err => {
console.error("Erreur technique lors de l'enregistrement", err);
location.reload();
});
}
/**
* GESTION DU DARK MODE
*/
const toggle = document.getElementById('darkModeToggle');
const body = document.body;
if (localStorage.getItem('theme') === 'dark') {
body.classList.add('dark-mode');
if(toggle) toggle.checked = true;
}
if(toggle) {
toggle.addEventListener('change', () => {
if (toggle.checked) {
body.classList.add('dark-mode');
localStorage.setItem('theme', 'dark');
} else {
body.classList.remove('dark-mode');
localStorage.setItem('theme', 'light');
}
});
}
</script>
</body>
</html>