// Annuaire du Témiscamingue — 2 fonctionnalités additionnelles : // 1) Données structurées JSON-LD (LocalBusiness) sur chaque fiche — aide le référencement Google // 2) Bouton flottant "Près de moi" — trie les entreprises par ville la plus proche (géolocalisation) (function () { "use strict"; var SHEET_ID = "12pQ6c5339c4TyMu2vZ_hPbKJJQE_g-pNBZhLiBSClN0"; var CSV_URL = "https://docs.google.com/spreadsheets/d/" + SHEET_ID + "/gviz/tq?tqx=out:csv&sheet=Content"; // Coordonnées approximatives (centre de municipalité, pas l'adresse exacte du commerce) var VILLE_COORDS = { "ville-marie": [47.339, -79.433], "angliers": [47.547, -79.234], "belleterre": [47.383, -78.702], "bearn": [47.617, -79.341], "saint-bruno-de-guigues": [47.478, -79.379], "guigues": [47.478, -79.379], "duhamel-ouest": [47.317, -79.500], "laverlochere-angliers": [47.427, -79.288], "laverlochere": [47.427, -79.288], "notre-dame-du-nord": [47.603, -79.446], "lorrainville": [47.408, -79.383], "nedelec": [47.667, -79.433], "remigny": [47.784, -79.216], "fugereville": [47.427, -79.098], "kipawa": [46.988, -79.000], "laniel": [47.133, -79.033], "latulipe-et-gaboury": [47.517, -79.117], "moffet": [47.317, -79.117], "guerin": [47.550, -79.567], "thorne (ontario)": [46.930, -79.500], "rouyn-noranda": [48.237, -79.024], "amos": [48.567, -78.117], "val-d'or": [48.097, -77.783], "saint-eugene-de-guigues": [47.500, -79.233], "fabre": [47.350, -79.283], "temiscaming": [46.717, -79.100], "new liskeard (ontario)": [47.505, -79.678], "les lacs-du-temiscamingue (tno)": [47.700, -78.900], "la sarre": [48.777, -79.201], "laforce": [47.300, -79.550], "temiscamingue": [47.339, -79.433] }; // Table explicite plutôt qu'une regex Unicode brute : plus robuste au copier-coller // (un regex avec des caractères combinants littéraux peut être altéré en collant le code // dans un éditeur/textarea tiers — c'est ce qui causait le bug "tout est à la même distance"). var ACCENTS = { "à": "a", "â": "a", "ä": "a", "é": "e", "è": "e", "ê": "e", "ë": "e", "î": "i", "ï": "i", "ô": "o", "ö": "o", "ù": "u", "û": "u", "ü": "u", "ç": "c" }; function normVille(v) { if (!v) return ""; var s = v.toString().trim().toLowerCase(); var out = ""; for (var i = 0; i < s.length; i++) { var ch = s[i]; out += (ACCENTS[ch] !== undefined) ? ACCENTS[ch] : ch; } return out; } function haversineKm(lat1, lon1, lat2, lon2) { var R = 6371; var dLat = (lat2 - lat1) * Math.PI / 180; var dLon = (lon2 - lon1) * Math.PI / 180; var a = Math.sin(dLat / 2) * Math.sin(dLat / 2) + Math.cos(lat1 * Math.PI / 180) * Math.cos(lat2 * Math.PI / 180) * Math.sin(dLon / 2) * Math.sin(dLon / 2); return R * 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a)); } // IMPORTANT : Sheetany ne translittère PAS les accents (é ne devient pas e) — chaque // caractère hors [a-z0-9] devient un tiret, point. Ne pas "corriger" avec normalize/NFD ici, // ça casserait les liens (ex.: "Témiscamingue" -> "t-miscamingue", pas "temiscamingue"). function slugify(name) { return name.toLowerCase() .replace(/[^a-z0-9]+/g, "-") .replace(/^-+|-+$/g, ""); } // Petit parseur CSV (gère les champs entre guillemets avec virgules/retours de ligne) function parseCsv(text) { var rows = []; var row = []; var field = ""; var inQuotes = false; for (var i = 0; i < text.length; i++) { var c = text[i]; if (inQuotes) { if (c === '"') { if (text[i + 1] === '"') { field += '"'; i++; } else { inQuotes = false; } } else { field += c; } } else { if (c === '"') { inQuotes = true; } else if (c === ",") { row.push(field); field = ""; } else if (c === "\n" || c === "\r") { if (c === "\r" && text[i + 1] === "\n") i++; row.push(field); field = ""; rows.push(row); row = []; } else { field += c; } } } if (field.length || row.length) { row.push(field); rows.push(row); } return rows; } // ---------- 1) JSON-LD ---------- var LD_ID = "gtc-jsonld"; var lastLdHref = null; function injectJsonLd() { var card = document.querySelector(".gtc-card"); if (!card) { var old = document.getElementById(LD_ID); if (old) old.remove(); lastLdHref = null; return; } if (lastLdHref === location.href && document.getElementById(LD_ID)) return; var name = (document.title || "").trim(); var telEl = card.querySelector('a[href^="tel:"]'); var mailEl = card.querySelector('a[href^="mailto:"]'); var villeEl = card.querySelector(".gtc-ville"); var catEl = card.querySelector(".gtc-eyebrow"); var visiterEl = document.querySelector('a[target="_blank"]'); var data = { "@context": "https://schema.org", "@type": "LocalBusiness", "name": name, "url": location.href }; if (telEl) data.telephone = telEl.getAttribute("href").replace("tel:", ""); if (mailEl) data.email = mailEl.getAttribute("href").replace("mailto:", ""); if (villeEl) { data.address = { "@type": "PostalAddress", "addressLocality": villeEl.textContent.trim(), "addressRegion": "QC", "addressCountry": "CA" }; } if (catEl) data.additionalType = catEl.textContent.trim(); if (visiterEl && visiterEl.href && !/google\.com\/maps/.test(visiterEl.href)) { data.sameAs = visiterEl.href; } var old = document.getElementById(LD_ID); if (old) old.remove(); var script = document.createElement("script"); script.type = "application/ld+json"; script.id = LD_ID; script.textContent = JSON.stringify(data); document.head.appendChild(script); lastLdHref = location.href; } // ---------- 2) Près de moi ---------- var entriesCache = null; function fetchEntries(cb) { if (entriesCache) { cb(entriesCache); return; } fetch(CSV_URL).then(function (r) { return r.text(); }).then(function (text) { var rows = parseCsv(text); var header = rows[0] || []; var idxName = header.indexOf("Name"); var idxCat = header.indexOf("Categories"); var idxType = header.indexOf("Type"); var out = []; for (var i = 1; i < rows.length; i++) { var r = rows[i]; if (!r || !r[idxName]) continue; out.push({ name: r[idxName], categories: r[idxCat] || "", city: r[idxType] || "" }); } entriesCache = out; cb(out); }).catch(function (err) { console.error("Près de moi — erreur de chargement:", err); cb([]); }); } function buildPanel() { var panel = document.createElement("div"); panel.id = "gtc-nearme-panel"; panel.style.cssText = "position:fixed;bottom:76px;right:20px;width:300px;max-height:60vh;" + "overflow-y:auto;background:#fff;border:1px solid #E2E8F0;border-radius:14px;" + "box-shadow:0 8px 24px rgba(10,14,39,0.2);padding:16px;z-index:9999;font-family:Poppins,sans-serif;" + "display:none;"; document.body.appendChild(panel); return panel; } function renderResults(panel, list, userLat, userLon) { panel.innerHTML = ""; var title = document.createElement("div"); title.textContent = "Entreprises près de vous"; title.style.cssText = "font-weight:600;color:#0A0E27;margin-bottom:10px;font-size:0.95rem;"; panel.appendChild(title); if (!list.length) { var empty = document.createElement("div"); empty.textContent = "Aucun résultat à proximité."; empty.style.cssText = "color:#4A5568;font-size:0.85rem;"; panel.appendChild(empty); return; } list.slice(0, 10).forEach(function (item) { var a = document.createElement("a"); a.href = "/" + slugify(item.name); a.style.cssText = "display:block;padding:8px 0;border-bottom:1px solid #E2E8F0;text-decoration:none;color:#0A0E27;"; var mainCat = (item.categories || "").split(",")[0].trim(); a.innerHTML = '

' + item.name + '

' + '

' + mainCat + ' · ' + item.city + ' · ' + item.distanceKm.toFixed(1) + ' km

'; panel.appendChild(a); }); } function initNearMeButton() { if (document.getElementById("gtc-nearme-btn")) return; var btn = document.createElement("button"); btn.id = "gtc-nearme-btn"; btn.textContent = "📍 Près de moi"; btn.style.cssText = "position:fixed;bottom:20px;right:20px;z-index:9999;" + "background:#C9394E;color:#fff;border:none;border-radius:999px;padding:12px 18px;" + "font-family:Poppins,sans-serif;font-weight:600;font-size:0.9rem;cursor:pointer;" + "box-shadow:0 4px 12px rgba(10,14,39,0.25);"; document.body.appendChild(btn); var panel = buildPanel(); var open = false; btn.addEventListener("click", function () { open = !open; panel.style.display = open ? "block" : "none"; if (!open) return; if (!navigator.geolocation) { panel.innerHTML = "

Géolocalisation non disponible sur cet appareil.

"; return; } panel.innerHTML = "

Localisation en cours…

"; navigator.geolocation.getCurrentPosition(function (pos) { var lat = pos.coords.latitude, lon = pos.coords.longitude; fetchEntries(function (entries) { var withDist = entries.map(function (e) { var key = normVille(e.city); var coords = VILLE_COORDS[key] || VILLE_COORDS["temiscamingue"]; return Object.assign({}, e, { distanceKm: haversineKm(lat, lon, coords[0], coords[1]) }); }).sort(function (a, b) { return a.distanceKm - b.distanceKm; }); renderResults(panel, withDist, lat, lon); }); }, function () { panel.innerHTML = "

Localisation refusée ou indisponible.

"; }); }); } // ---------- Démarrage + suivi de navigation (site en SPA) ---------- function runAll() { injectJsonLd(); initNearMeButton(); } runAll(); var mo = new MutationObserver(function () { clearTimeout(window.__gtcDebounce); window.__gtcDebounce = setTimeout(runAll, 300); }); mo.observe(document.body, { childList: true, subtree: true }); })();

Chantal Mathieu, photographe