Open an entry from a #station= link and add page analytics

A link such as /#station=Causal-Inference-with-Python opens that entry
and, once closed, shows it in the curriculum shelf. The hash is cleared
on close. The pages now load the same GA4 tag as the web book so visits
can be followed across both sites.

Author: claude

404.html

@@ -2,6 +2,13 @@
 <html lang="ko">
 <head>
 <meta charset="utf-8">
+<script async src="https://www.googletagmanager.com/gtag/js?id=G-BEBVKYH8HL"></script>
+<script>
+  window.dataLayer = window.dataLayer || [];
+  function gtag(){dataLayer.push(arguments);}
+  gtag('js', new Date());
+  gtag('config', 'G-BEBVKYH8HL');
+</script>
 <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
 <title>페이지를 찾을 수 없습니다 | Causal Inference Hub</title>
 <link rel="icon" href="/assets/img/team-mark.png">

article.html

@@ -2,6 +2,13 @@
 <html lang="ko">
 <head>
 <meta charset="utf-8">
+<script async src="https://www.googletagmanager.com/gtag/js?id=G-BEBVKYH8HL"></script>
+<script>
+  window.dataLayer = window.dataLayer || [];
+  function gtag(){dataLayer.push(arguments);}
+  gtag('js', new Date());
+  gtag('config', 'G-BEBVKYH8HL');
+</script>
 <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
 <title>읽을거리 | Causal Inference Hub</title>
 <meta name="description" content="가짜연구소 인과추론팀이 쓴 글과 독자를 위한 자료입니다.">

assets/js/hub.js

@@ -838,6 +838,21 @@
 
   function closeStation() { const d = dialog(); if (d.open) d.close(); }
 
+  /* Deep links: #station=<repo> opens that entry, so other team sites (the web book, for one) can link straight to it. */
+  const stationFromHash = () => {
+    const m = location.hash.match(/^#station=(.+)$/);
+    return m ? decodeURIComponent(m[1]) : null;
+  };
+  function openFromHash() {
+    const id = stationFromHash();
+    if (!id || !state.repos.has(id)) return;
+    const r = state.repos.get(id);
+    const lv = r.level && r.kind !== "paid" ? r.level : null;
+    $("#curriculum").scrollIntoView({ behavior: "auto" });
+    openStation(id);
+    if (lv) dialog().addEventListener("close", () => gotoItem(id), { once: true });
+  }
+
   function toggleRide(id) {
     if (state.ridden.has(id)) state.ridden.delete(id); else state.ridden.add(id);
     saveRidden();
@@ -870,6 +885,10 @@
       if (open) { e.preventDefault(); openStation(open.dataset.open); }
     });
     dialog().addEventListener("click", (e) => { if (e.target === dialog()) closeStation(); });
+    dialog().addEventListener("close", () => {
+      if (stationFromHash()) history.replaceState(null, "", location.pathname + location.search);
+    });
+    window.addEventListener("hashchange", openFromHash);
     let t;
     window.addEventListener("resize", () => {
       clearTimeout(t);
@@ -918,6 +937,7 @@
     renderLegend(); renderMap(); wireTabs();
     renderFeatured(); renderPartner(); renderEvents(); renderArticles();
     if (location.hash === "#contrib") selectTab("tab-contrib");
+    openFromHash();
     navSpy();
     refreshStars();
   }

index.html

@@ -2,6 +2,13 @@
 <html lang="ko">
 <head>
 <meta charset="utf-8">
+<script async src="https://www.googletagmanager.com/gtag/js?id=G-BEBVKYH8HL"></script>
+<script>
+  window.dataLayer = window.dataLayer || [];
+  function gtag(){dataLayer.push(arguments);}
+  gtag('js', new Date());
+  gtag('config', 'G-BEBVKYH8HL');
+</script>
 <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
 <title>Causal Inference Hub | 가짜연구소 인과추론팀</title>
 <meta name="description" content="인과추론에서 AI 시대의 데이터 리터러시까지. 가짜연구소 인과추론팀이 2022년부터 함께 만든 오픈소스와 커리큘럼을 한곳에 모은 허브입니다.">