Outiref

Code source de l'URL : https://www.docteurdegarde.fr/

<!DOCTYPE html>
<html lang="fr-FR">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>Service de médecin de garde en France ouvert la nuit et les weekends</title>
    <meta name="description" lang="fr" content="Service qui vous permet de trouver un médecin de garde proche de chez vous ouvert la nuit les weekends et jours fériés">
    <link rel="preconnect" href="https://fonts.bunny.net">
    <link href="https://fonts.bunny.net/css?family=figtree:100,200,300,400,500,600,700,800,900&display=swap" rel="stylesheet">
    <link rel="apple-touch-icon" sizes="180x180" href="https://docteurdegarde.fr/assets/img/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="https://docteurdegarde.fr/assets/img/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="https://docteurdegarde.fr/assets/img/favicon-16x16.png">
    <link href="main.css" rel="stylesheet">
    <link rel="manifest" href="https://docteurdegarde.fr/assets/img/site.webmanifest">
    <link rel="stylesheet" href="https://docteurdegarde.fr/build/assets/app-885a036a.css" data-navigate-track="reload">   

   <script>
        let data = [];

        async function fetchData() {
            const response = await fetch('france.json');
            data = await response.json();
        }

        function handleFormSubmission(event) {
    event.preventDefault();

    const query = document.getElementById('search').value.trim();
    const locationButton = document.getElementById('geolocate').checked;

    if (query) {
        // Match exact postal code first
        const postalCodeMatch = data.find(item => item.Code_postal.toString() === query);
        if (postalCodeMatch) {
            const city = postalCodeMatch.Nom_commune.replace(/\s+/g, '-').toLowerCase();
            window.location.href = `resultat/${postalCodeMatch.Code_postal}-${city}`;
            return;
        }

        // Exact city name match
        const exactCityMatch = data.find(item => 
            item.Nom_commune.toLowerCase() === query.toLowerCase()
        );
        if (exactCityMatch) {
            const city = exactCityMatch.Nom_commune.replace(/\s+/g, '-').toLowerCase();
            const postalCode = exactCityMatch.Code_postal;
            window.location.href = `resultat/${postalCode}-${city}`;
            return;
        }

        // Partial city name match (only if no exact match is found)
        const partialCityMatch = data.find(item => 
            item.Nom_commune.toLowerCase().includes(query.toLowerCase())
        );
        if (partialCityMatch) {
            const city = partialCityMatch.Nom_commune.replace(/\s+/g, '-').toLowerCase();
            const postalCode = partialCityMatch.Code_postal;
            window.location.href = `resultat/${postalCode}-${city}`;
            return;
        }

        alert('Code postal ou ville non trouvé.');
    } else if (locationButton) {
        if (navigator.geolocation) {
            navigator.geolocation.getCurrentPosition(position => {
                const latitude = position.coords.latitude;
                const longitude = position.coords.longitude;
                window.location.href = `resultat/${latitude},${longitude}`;
            }, error => {
                alert('La géolocalisation a échoué : ' + error.message);
            });
        } else {
            alert('La géolocalisation n\'est pas supportée par votre navigateur.');
        }
    } else {
        alert('Veuillez entrer un code postal ou une ville, ou activer la géolocalisation.');
    }
}

        function showSuggestions(event) {
            const input = event.target.value.toLowerCase();
            const suggestionsDiv = document.getElementById('suggestions');
            suggestionsDiv.innerHTML = '';
            if (input.length > 2) {
                const filtered = data.filter(item =>
                    item.Nom_commune.toLowerCase().startsWith(input) ||
                    item.Code_postal.toString().startsWith(input)
                ).sort((a, b) => a.Nom_commune.localeCompare(b.Nom_commune));

                if (filtered.length > 0) {
                    suggestionsDiv.style.display = 'block';
                } else {
                    suggestionsDiv.style.display = 'none';
                }
                filtered.forEach(item => {
                    const div = document.createElement('div');
                    div.className = 'suggestion-item';
                    div.textContent = `${item.Nom_commune} (${item.Code_postal})`;
                    div.onclick = () => {
                        document.getElementById('search').value = `${item.Nom_commune}`;
                        suggestionsDiv.style.display = 'none';
                    };
                    suggestionsDiv.appendChild(div);
                });
            } else {
                suggestionsDiv.style.display = 'none';
            }
            positionSuggestions(event.target);
        }

        function positionSuggestions(inputElement) {
            const suggestionsDiv = document.getElementById('suggestions');
            const rect = inputElement.getBoundingClientRect();
            const offsetTop = window.scrollY || document.documentElement.scrollTop;
        }

        document.addEventListener('DOMContentLoaded', () => {
            fetchData();
            const searchInput = document.getElementById('search');

            searchInput.addEventListener('input', showSuggestions);

            searchInput.addEventListener('focus', () => {
                positionSuggestions(searchInput);
            });
        });
    </script>
	<!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=AW-16733600253"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-16733600253'); </script>
	<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-5DL4TH8W');</script>
<!-- End Google Tag Manager -->
</head>
<body id="pharmacy" class="overflow-x-hidden bg-gray-50">
	<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5DL4TH8W"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
    <header>
        <div class="wrap">
            <div class="logo">
                <a href="https://www.docteurdegarde.fr"><img src="assets/img/logo.gif" alt="docteurdegarde.fr"></a>
            </div>
        </div>
    </header>

    <!--BANNER-->
    <section class="banner" style="background: none; background-color: #FFF;">
        <section class="overlay mobilewrap" style="padding: 25px 0 75px 0;">
            <section class="container">
                <h1 style="margin-bottom: 0;"><strong style="color: #203f97;">MEDECIN DE GARDE PROCHE DE CHEZ VOUS</strong></h1><br>
                <h2 style="color: #203f97;margin-bottom: 0;"><div class="mobilenone">Trouver le Médecin de garde le plus proche<br>
</div>
<span style="font-weight: 400;">Visites médicales à domicile<br>
Consultation au centre médical<br>
Téléconsultation<br>
	<strong>24h/24 et 7j/7</strong></span>
</h2>
			<h3 style="color: #203f97;padding-top:30px;">Localisez le médecin le plus proche :</h3>
               <a id="callButton" href="tel:3240" style="text-decoration: none;" data-index="0">
    <div class="calloption" style="background-color: #0091ff">
        <div class="borderside"></div>
        <img src="assets/img/i2.png" alt="appeler" />
        <span id="callText">APPELER</span>
    </div>
</a>
<div class="cartouche-container" data-index="0" style="display: none;">
    <img src="assets/img/cartouche-3240.png" alt="Cartouche 3240" style="display: block; margin: 0 auto;">
</div>


                <p style="color: #203f97;margin-bottom:0;">Les informations fournies sur cette page ne sont pas délivrées directement par notre service. Nous nous limitons à vous aider à identifier le Médecin de garde le plus proche en fonction de votre lieu. Les prestations telles que médecin à domicile, consultation en cabinet ou téléconsultation sont proposées exclusivement par ces centres médicaux et non par notre service. Nous n’intervenons pas dans la réalisation des consultations ni dans leur gestion.</p>
            </section>
        </section>
    </section>
    <!--/BANNER-->

	
	<div class="flex flex-col" style="position: relative; float: left; background-color: #FFF;width: 100%;">
        <div class="p-4 md:flex flex-col justify-center gap-8 md:min-h-screen">
            <div class="flex items-center relative md:max-w-5xl md:mx-auto">
                <div class="absolute -mt-80 w-full flex items-center justify-center md:hidden">
                    <img src="https://docteurdegarde.fr/assets/img/docteurdegarde.png" class="w-[70%]" alt="médecin de garde">
                </div>

                <div class="relative mt-48 z-10 bg-white p-4 rounded-xl shadow md:flex md:flex-row md:items-center md:p-12 md:m-0">
                    <div class="space-y-4">
                        <div class="text-center space-y-1">
                            <h1 class="titleh1">Trouvez un médecin de garde proche de chez vous</h1>
                            <h6 class="text-sm font-light text-gray-700">Entrez votre code postal ou votre ville afin de trouver un médecin ouvert la nuit ainsi que les dimanches et jours fériés.</h6>
                        </div>

                        <form onsubmit="handleFormSubmission(event)">
                            <label for="search" class="formtext">Code postal ou ville :</label>
                            <input type="text" id="search" name="search" class="blockform">
                            <div id="suggestions"></div><br>

                            <button type="submit" class="w-full flex items-center justify-center gap-2 rounded-xl bg-[#5cd238] py-4 font-bold text-white shadow-sm hover:bg-[#34951b] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600" style="margin-top: 5px;">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
                                    <path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" />
                                </svg>
                                Trouvez un médecin de garde
                            </button><br>

                            <label for="geolocate" class="formtext" style="font-weight: 400; float: right; margin-left: 6px; margin-top: -4px;">Ou localisez-moi</label>
                            <input type="checkbox" id="geolocate" name="geolocate" style="float: right;">
                        </form>
                    </div>

                    <div class="hidden md:flex w-full items-center justify-end">
                        <img src="https://docteurdegarde.fr/assets/img/docteurdegarde.png" class="w-[75%]" alt="médecins de garde">
                    </div>
                </div>
            </div>
        </div>
    </div>
	
   
	<div class="city-info" style="font-size: 16px;">
		<div class="francemap"><img src="assets/img/france.png" alt="france"></div>
		<div class="francetxt">
			<strong>Un service disponible dans toute la France</strong><br>
Notre service vous permet de trouver rapidement et facilement le centre médical le plus proche, quel que soit l’endroit où vous vous trouvez en France. Que ce soit pour une consultation en cabinet, une téléconsultation, ou l’intervention d’un médecin à domicile, nous vous trouvons le centre de médecin de garde disponible dans toutes les régions.<br><br>
		<strong>Nous couvrons l’ensemble du territoire métropolitain :</strong><br>
Grandes villes : Paris, Lyon, Marseille, Toulouse, Bordeaux…<br>
Zones rurales : Une couverture même dans les régions les plus éloignées.<br>
Départements et régions d’outre-mer (DROM) : Le service est également disponible en Martinique, Guadeloupe, Réunion, et Guyane.<br>
Consultez rapidement grâce à notre moteur de recherche.</div>

		<strong>Pourquoi choisir notre service ?</strong><br>
Rapidité : Trouvez le centre médical le plus proche en quelques clics.<br>
Praticité : Accédez à des services partout en France, même dans les zones rurales.<br>
Polyvalence : Optez pour la consultation qui vous convient : à domicile, en cabinet ou à distance.<br>
Fiabilité : Nous travaillons avec des centres médicaux reconnus pour leur professionnalisme.<br>
Zones desservies : Toute la France<br><br>
		
<strong>Comment ça marche ?</strong><br>
Indiquez votre localisation sur notre service.<br>
Obtenez toutes les informations du centre médical le plus proche.<br>
Contactez directement le centre pour choisir la consultation qui correspond à vos besoins.<br><br>

<strong>À propos de notre mission</strong><br>
Notre objectif est de faciliter l'accès aux soins pour tous les habitants de France, en réduisant les délais et en simplifiant les démarches. Nous vous guidons pour trouver les professionnels de santé adaptés à vos besoins, partout et à tout moment.<br><br>

<strong>Note importante :</strong> Nous ne fournissons pas directement les prestations médicales, mais nous vous aidons à entrer en contact avec les centres compétents. Les services proposés dépendent exclusivement des centres eux-mêmes.<br><br>
		
<h3 style="color: #203f97; text-align: center; font-size: 20px;">Nous localisons pour vous le<br>
Médecin de garde le plus proche :
</h3>
               <a id="callButton2" href="tel:3240" style="text-decoration: none;" data-index="1">
    <div class="calloption" style="background-color: #0091ff">
        <div class="borderside"></div>
        <img src="assets/img/i2.png" alt="appeler" />
        <span id="callText">APPELER</span>
    </div>
</a>
<div class="cartouche-container" data-index="1" style="display: none;">
    <img src="assets/img/cartouche-3240.png" alt="Cartouche 3240" style="display: block; margin: 0 auto;">
</div>

	

    <div class="blackblock">
        <div class="wrap">
            <p class="serviceindextitle2"><span class="tel3240">3240</span> le numéro de tous les médecins de garde en France</p>
            <div class="serviceindextitre">Nos services</div>
            <div class="serviceindex">
                <div class="serviceindeximg"><img src="assets/img/icon_franceentiere.png" alt="france entière"></div>
                <p class="serviceindextitle">France<br>Entière</p>
                <p class="serviceindextext">Trouver un médecin de garde <br>depuis n'importe quelle ville</p>
            </div>

            <div class="serviceindex">
                <div class="serviceindeximg"><img src="assets/img/icon_2424.png" alt="24h sur 24"></div>
                <p class="serviceindextitle">Ouvert <br>24h/24 et 7j/7</p>
                <p class="serviceindextext">Service ouvert la nuit, <br> dimanche et jours fériés</p>
            </div>

            <div class="serviceindex">
                <div class="serviceindeximg"><img src="assets/img/icon_geolocalisation.png" alt="geolocalisation"></div>
                <p class="serviceindextitle">Localisation <br>Autour de vous</p>
                <p class="serviceindextext">Médecin de garde le plus proche <br>pour s’y rendre au plus vite</p>
            </div>
        </div>
    </div>
	
	
    <div class="whiteblock">
        <div class="wrap">
            <footer class="clearfix">
                <nav class="footer_menu">
                    <ul>
                        <li><a href="contact.php">Contact</a></li>
                        <li><a href="infos-legales.php">Infos légales</a></li>
                        <li><a href="cgu.php">CGU</a></li>
                    </ul>
                </nav>
                <div class="cartouche"><img src="assets/img/cartouche-3240.png" alt="08 99 Service 2,99€/appel + prix appel"></div>
            </footer>
        </div>
        <div class="bandeau"><a href="tel:3240" onclick="gtag_report_conversion('tel:3240')"><img src="assets/img/bandeau.jpg" alt="contacter médecin"></a></div>
    </div>


	<script>
	document.addEventListener('DOMContentLoaded', function () {
    const appelerButtons = document.querySelectorAll('a[href="tel:3240"]');

    appelerButtons.forEach((button, index) => {
        const cartouche = document.querySelector(`.cartouche-container[data-index="${index}"]`);

        button.addEventListener('click', function (event) {
            const isMobile = isMobileDevice();

            if (!isMobile) {
                event.preventDefault(); // Empêche l'appel sur desktop
                const callText = button.querySelector('span');
                if (callText) callText.textContent = '3240';

                // Suivi de conversion pour desktop
                gtag('event', 'conversion', {
                    'send_to': 'AW-16733600253/i-a9COH--tsZEP3zmas-',
                    'event_label': 'callback',
                    'value': 1.0,
                });
            } else {
                // Suivi de conversion pour mobile
                gtag('event', 'conversion', {
                    'send_to': 'AW-16733600253/a51qCLX8-tsZEP3zmas-',
                    'event_label': 'callback',
                    'value': 1.0,
                });
            }

            // Affiche la cartouche associée (desktop et mobile)
            if (cartouche) {
                cartouche.style.display = 'block';

                // Optionnel : ajoutez une animation si besoin
                cartouche.classList.add('fade-in');
            }
        });

        // Met à jour le texte des boutons sur desktop uniquement
        if (!isMobileDevice()) {
            const callText = button.querySelector('span');
            if (callText) callText.textContent = 'APPELER';
        }
    });
});

function isMobileDevice() {
    return /Mobi|Android/i.test(navigator.userAgent);
}

</script>

</body>
</html>