[PULSE-51] Visitor ID storage: optional localStorage for cross-tab unique visitors #21
@@ -26,6 +26,11 @@
|
||||
// * When storage is "local", optional TTL in hours; after TTL the ID is regenerated (e.g. 24 = one day)
|
||||
const ttlHours = storageMode === 'local' ? parseFloat(script.getAttribute('data-storage-ttl') || '24', 10) : 0;
|
||||
const ttlMs = ttlHours > 0 ? ttlHours * 60 * 60 * 1000 : 0;
|
||||
// #region agent log
|
||||
try {
|
||||
fetch('http://127.0.0.1:7243/ingest/50587964-c1c6-436a-a7ce-ff2cde3c5b63',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({location:'script.js:init',message:'storage config',data:{storageMode,dataStorageAttr:script.getAttribute('data-storage'),ttlHours,ttlMs,domain},timestamp:Date.now(),hypothesisId:'A,B'})}).catch(function(){});
|
||||
} catch (e) {}
|
||||
// #endregion
|
||||
|
||||
// * Performance Monitoring (Core Web Vitals) State
|
||||
let currentEventId = null;
|
||||
@@ -120,6 +125,9 @@
|
||||
// * With data-storage="local": persistent (localStorage, cross-tab), optional TTL in hours.
|
||||
function getSessionId() {
|
||||
if (cachedSessionId) {
|
||||
// #region agent log
|
||||
try { fetch('http://127.0.0.1:7243/ingest/50587964-c1c6-436a-a7ce-ff2cde3c5b63',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({location:'script.js:getSessionId',message:'return cached',data:{sessionIdPrefix:cachedSessionId.substring(0,8),storageMode},timestamp:Date.now(),hypothesisId:'E'})}).catch(function(){}); } catch (e) {}
|
||||
// #endregion
|
||||
return cachedSessionId;
|
||||
}
|
||||
|
||||
@@ -129,6 +137,11 @@
|
||||
if (storageMode === 'local') {
|
||||
try {
|
||||
const raw = localStorage.getItem(key);
|
||||
// #region agent log
|
||||
var rawType = raw === null ? 'null' : typeof raw;
|
||||
var rawPrefix = raw && raw.substring ? raw.substring(0, 60) : '';
|
||||
try { fetch('http://127.0.0.1:7243/ingest/50587964-c1c6-436a-a7ce-ff2cde3c5b63',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({location:'script.js:getSessionId:local',message:'localStorage read',data:{rawType,rawPrefix,hasRaw:!!raw},timestamp:Date.now(),hypothesisId:'C,D,E'})}).catch(function(){}); } catch (e) {}
|
||||
// #endregion
|
||||
if (raw) {
|
||||
try {
|
||||
const parsed = JSON.parse(raw);
|
||||
@@ -136,6 +149,9 @@
|
||||
const expired = ttlMs > 0 && typeof parsed.created === 'number' && (Date.now() - parsed.created > ttlMs);
|
||||
if (!expired) {
|
||||
cachedSessionId = parsed.id;
|
||||
// #region agent log
|
||||
try { fetch('http://127.0.0.1:7243/ingest/50587964-c1c6-436a-a7ce-ff2cde3c5b63',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({location:'script.js:getSessionId:local',message:'reused from localStorage',data:{sessionIdPrefix:cachedSessionId.substring(0,8)},timestamp:Date.now(),hypothesisId:'D,E'})}).catch(function(){}); } catch (e) {}
|
||||
// #endregion
|
||||
return cachedSessionId;
|
||||
}
|
||||
}
|
||||
@@ -145,13 +161,22 @@
|
||||
}
|
||||
cachedSessionId = generateId();
|
||||
localStorage.setItem(key, JSON.stringify({ id: cachedSessionId, created: Date.now() }));
|
||||
// #region agent log
|
||||
try { fetch('http://127.0.0.1:7243/ingest/50587964-c1c6-436a-a7ce-ff2cde3c5b63',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({location:'script.js:getSessionId:local',message:'generated new and wrote to localStorage',data:{sessionIdPrefix:cachedSessionId.substring(0,8)},timestamp:Date.now(),hypothesisId:'C,E'})}).catch(function(){}); } catch (e) {}
|
||||
// #endregion
|
||||
} catch (e) {
|
||||
cachedSessionId = generateId();
|
||||
// #region agent log
|
||||
try { fetch('http://127.0.0.1:7243/ingest/50587964-c1c6-436a-a7ce-ff2cde3c5b63',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({location:'script.js:getSessionId:local',message:'localStorage error fallback',data:{sessionIdPrefix:cachedSessionId.substring(0,8),err:String(e&&e.message)},timestamp:Date.now(),hypothesisId:'C'})}).catch(function(){}); } catch (e2) {}
|
||||
// #endregion
|
||||
}
|
||||
return cachedSessionId;
|
||||
}
|
||||
|
||||
// * data-storage="session": session storage (ephemeral, per-tab)
|
||||
// #region agent log
|
||||
try { fetch('http://127.0.0.1:7243/ingest/50587964-c1c6-436a-a7ce-ff2cde3c5b63',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({location:'script.js:getSessionId',message:'using session branch',data:{storageMode},timestamp:Date.now(),hypothesisId:'A'})}).catch(function(){}); } catch (e) {}
|
||||
// #endregion
|
||||
try {
|
||||
cachedSessionId = sessionStorage.getItem(key);
|
||||
if (!cachedSessionId && legacyKey) {
|
||||
|
|
||||
|
||||
Reference in New Issue
Block a user
Two IDs per tab
In the
localStoragepath, this generates an ID twice: once atcachedSessionId = generateId()(line ~146) and again atcachedSessionId = generateId()right beforelocalStorage.setItem(...)(line ~176). In the “no existing ID” case, each tab will keep the first generated ID in memory and may write a different ID tolocalStorage, so the tab’s in-memorysession_idcan differ from the stored cross-tab ID (leading to duplicate visitor counts until reload).Consider removing the second
generateId()and writing the initially generatedcachedSessionIdinstead.Prompt To Fix With AI
Issue: In the localStorage path the ID was generated twice (once at line 146 and again before localStorage.setItem at ~176), so each tab could keep one ID in memory and write another to storage, causing duplicate visitor counts until reload.
Fix: Removed the second generateId() before localStorage.setItem. The write now uses only the ID from line 146 (cachedSessionId).
Why: Ensures one ID per tab on this path so in-memory and stored IDs stay in sync and we avoid duplicate counts from two different IDs per tab.