@analitikisler/ai-tag-debugger 0.22.3 → 0.22.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/README.md +4 -2
- package/README.tr.md +4 -2
- package/package.json +1 -1
- package/src/agent.js +2 -1
- package/src/browser.js +59 -4
- package/src/checks.js +9 -1
- package/src/frames.js +63 -0
- package/src/html/scope.js +17 -2
- package/src/i18n.js +28 -0
- package/src/mcp.js +23 -5
- package/src/report.js +18 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 0.22.4 (2026-11-04)
|
|
4
|
+
|
|
5
|
+
- Runs can report a finding 0.22.3 did not on the same site (`iframe_message_unhandled`). A baseline written with 0.22.3 can then list new entries; `--update-baseline` rewrites it.
|
|
6
|
+
- New **Messages from iframes** card under the inventory and a table in `report.md`: each event an iframe posted to the page with `postMessage` (a form or checkout saying it is done), and what the page did next: pushed or sent the same event, did something else within 3 seconds (perhaps the same event under another name), or nothing. Only the message's name and field names are recorded, never values. Housekeeping messages (resizing, ready and heartbeat pings) are left out. `capture.json` keeps them under `frameMessages`.
|
|
7
|
+
- New check `iframe_message_unhandled` (info): an iframe posted an event to the page, but the page pushed nothing to its dataLayer and sent no hit right after, so a conversion completed in the iframe can go untracked.
|
|
8
|
+
- MCP: step results list the messages iframes posted at that step, `finish_audit` and `run_audit` end with them and what the page did, the JSON timeline lists them per step under `iframe_messages`, and `get_report` returns them with `part: "messages"`.
|
|
9
|
+
- New guide, [Google containers, embedded widgets and iframes](docs/guides/containers-and-widgets.md), in English and Turkish: what the containers, widgets and messages cards show, what each of their findings usually means and how to fix it, with a page listener that relays an iframe's event to the dataLayer.
|
|
10
|
+
|
|
3
11
|
## 0.22.3 (2026-11-04)
|
|
4
12
|
|
|
5
13
|
- Runs can report a finding 0.22.2 did not on the same site (`widget_events_unshared`). A baseline written with 0.22.2 can then list new entries; `--update-baseline` rewrites it.
|
package/README.md
CHANGED
|
@@ -327,7 +327,7 @@ Under the inventory, **Google containers** lists every GTM container (`gtm.js`)
|
|
|
327
327
|
|
|
328
328
|
Each row also gives the container's published version (the number its `gtm.js` or `gtag/js` data opens with, as in GTM's Versions tab), the script's size and how long it took to load, the dataLayer the container reads (`l=`), whether it came from Google or from the site's own domain (the Google tag gateway or a server container), the GTM environment when the snippet names one, and the pages it loaded on. A container reading a dataLayer of another name has its pushes recorded too, marked with that name. `report.md` has the same table. Over MCP, step results and `get_step` list the containers each step loaded, `get_containers` lists them all while the audit is open, `finish_audit` and `run_audit` end with them, `get_report` returns them with `part: "containers"` and the JSON timeline carries them per step. `capture.json` keeps the loads under `containerLoads`. The environment token (`gtm_auth`) and the page's query string are never kept.
|
|
329
329
|
|
|
330
|
-
Five checks read it: `container_failed` (warning) for a container script that failed to load or was answered with an error, so none of its tags ran, `container_duplicate` (warning) for a container loaded more than once into one page, `container_environment` (warning) for a GTM environment (`gtm_preview`, `gtm_auth`) loaded instead of Live, `datalayer_split` (info) for containers on one page reading different dataLayers, and `container_send_to_only` (info) for a destination that only an event's `send_to` loaded, with no `gtag('config')` for it.
|
|
330
|
+
[The guide](docs/guides/containers-and-widgets.md) explains each finding below with what to do. Five checks read it: `container_failed` (warning) for a container script that failed to load or was answered with an error, so none of its tags ran, `container_duplicate` (warning) for a container loaded more than once into one page, `container_environment` (warning) for a GTM environment (`gtm_preview`, `gtm_auth`) loaded instead of Live, `datalayer_split` (info) for containers on one page reading different dataLayers, and `container_send_to_only` (info) for a destination that only an event's `send_to` loaded, with no `gtag('config')` for it.
|
|
331
331
|
|
|
332
332
|
### Embedded widgets and iframes
|
|
333
333
|
|
|
@@ -337,6 +337,8 @@ A widget's own hits are left out of everything that judges the site's tracking:
|
|
|
337
337
|
|
|
338
338
|
Each widget also gets a line in the **Embedded widgets** card under the inventory and a table in `report.md`: the pages it was embedded in, the containers it loaded itself, the tracking it sent to its own accounts and to the site's, and the events and consent commands in its own dataLayer. The page's tags can't read a widget's dataLayer, so an event the widget pushed there (a `booking_complete`, say) reaches the site's accounts only if the widget sends it to them. The events no hit to the site's accounts carried are listed as not sent, and reported as `widget_events_unshared` (info): a booking or payment completed in the widget can be missing from the site's analytics and ad accounts.
|
|
339
339
|
|
|
340
|
+
When an iframe posts an event to the page with `postMessage` (a form or checkout saying it is done), the **Messages from iframes** card lists it with what the page did next: pushed or sent the same event, did something else within 3 seconds (perhaps the same event under another name), or nothing, which is reported as `iframe_message_unhandled` (info). Only the message's name and field names are recorded, never values; housekeeping messages (resizing, ready and heartbeat pings) are left out. `capture.json` keeps them under `frameMessages`. The guide [Google containers, embedded widgets and iframes](docs/guides/containers-and-widgets.md) explains every finding here with what to do, including a page listener that relays an iframe's event to the dataLayer.
|
|
341
|
+
|
|
340
342
|
`capture.json` keeps the widget's hits under `widgetHits` and its pushes under `widgetDataLayerLog`, and every iframe entry has a `frame`. The Google containers card says which ran in an iframe. Over MCP, step results mark each hit from an iframe and whether the plan checks will count it, pushes from an iframe are prefixed with it, and the JSON timeline lists a widget's hits per step under `widget_hits`. Captures from older versions have no frames, so all of their hits stay the site's.
|
|
341
343
|
|
|
342
344
|
### Folder layout and plan IDs
|
|
@@ -669,7 +671,7 @@ Tools the server offers:
|
|
|
669
671
|
| `consent_matrix` | Opens a site's start page like an ad click once per consent choice (no choice and on to the next page, accept all, reject all, analytics only), each in a fresh browser, and returns which tags sent after each choice and the [consent matrix](#consent-scenarios). `campaign` takes the campaign parameters to check (as in `start_audit`), `concurrency` how many choices run at once (default 2, at most 4). About half a minute. |
|
|
670
672
|
| `get_containers` | Lists every GTM container and Google tag the open audit's pages loaded so far, with how each reached the page (see [Google containers](#google-containers)), its dataLayer, host, GTM environment and the step it loaded at, as text and JSON. |
|
|
671
673
|
| `get_widgets` | Lists every embedded third-party widget the open audit's pages had so far (see [Embedded widgets and iframes](#embedded-widgets-and-iframes)): where it was embedded, its containers, the tracking it sent to its own accounts and to the site's, its own dataLayer events, and the events that never reached the site's accounts, as text and JSON. |
|
|
672
|
-
| `get_report` | Reads a report this server wrote, by the name `finish_audit` or `run_audit` gave: `part` `markdown` (default, `report.md`), `summary` (`summary.json`), `timeline` (the JSON timeline of every journey, with the containers each step loaded) `containers` (every Google container with how it reached the page, as JSON)
|
|
674
|
+
| `get_report` | Reads a report this server wrote, by the name `finish_audit` or `run_audit` gave: `part` `markdown` (default, `report.md`), `summary` (`summary.json`), `timeline` (the JSON timeline of every journey, with the containers each step loaded) `containers` (every Google container with how it reached the page, as JSON) `widgets` (every embedded widget with its tracking and dataLayer events, as JSON) or `messages` (every event an iframe posted to the page, with what the page did next, as JSON). Only this server's own reports, over HTTP too. |
|
|
673
675
|
| `run_audit` | Runs a config file end to end. With `against`, it checks the run against a saved plan and, when the config has no journeys, walks the journeys derived from that plan. `concurrency` runs that many journeys at once, each in its own browser (default 1), and `baseline` names a file of accepted findings written with `--update-baseline` (default: the config's `baseline`; see [Accept known findings](#accept-known-findings)). Local only for file paths. |
|
|
674
676
|
|
|
675
677
|
`against` takes the same values as the CLI's `--against`. Over HTTP it takes only `latest`, `first` or a plan ID, never a path. Plans are the ones saved by `aitd plan --site <url>` or by `make_plan`. Ask for a plan when you want to know what to track, and for an audit when you want to know what the site sends.
|
package/README.tr.md
CHANGED
|
@@ -327,7 +327,7 @@ Envanterin altında **Google container'ları**, sayfaların yüklediği her GTM
|
|
|
327
327
|
|
|
328
328
|
Her satır ayrıca container'ın yayımlanmış sürümünü (`gtm.js` ya da `gtag/js` verisinin başladığı numara; GTM'deki Sürümler sekmesindekiyle aynı), betiğin boyutunu ve ne kadar sürede yüklendiğini, container'ın okuduğu dataLayer'ı (`l=`), Google'dan mı yoksa sitenin kendi alan adından mı (Google etiket ağ geçidi ya da bir sunucu container'ı) geldiğini, snippet bir GTM ortamı adlandırıyorsa onu ve yüklendiği sayfaları verir. Başka adlı bir dataLayer okuyan container'ın push'ları da o adla işaretlenerek kaydedilir. `report.md` aynı tabloyu içerir. MCP'de adım sonuçları ve `get_step` her adımın yüklediği container'ları listeler, `get_containers` denetim açıkken hepsini listeler, `finish_audit` ve `run_audit` sonuçları onlarla biter, `get_report` onları `part: "containers"` ile döndürür ve JSON zaman akışı onları adım adım taşır. `capture.json` yüklemeleri `containerLoads` altında saklar. Ortam belirteci (`gtm_auth`) ve sayfanın sorgu dizesi asla saklanmaz.
|
|
329
329
|
|
|
330
|
-
Beş kontrol bunu okur: yüklenemeyen ya da hatayla yanıtlanan, bu yüzden etiketlerinin hiçbiri çalışmayan bir container betiği için `container_failed` (uyarı), aynı sayfaya birden fazla kez yüklenen bir container için `container_duplicate` (uyarı), Live yerine yüklenen bir GTM ortamı (`gtm_preview`, `gtm_auth`) için `container_environment` (uyarı), aynı sayfada farklı dataLayer'ları okuyan container'lar için `datalayer_split` (bilgi) ve kendisi için `gtag('config')` olmadan yalnızca bir olayın `send_to` değeriyle yüklenen bir hedef için `container_send_to_only` (bilgi).
|
|
330
|
+
[Rehber](docs/guides/containers-and-widgets.tr.md) aşağıdaki her bulguyu ne yapılacağıyla anlatır. Beş kontrol bunu okur: yüklenemeyen ya da hatayla yanıtlanan, bu yüzden etiketlerinin hiçbiri çalışmayan bir container betiği için `container_failed` (uyarı), aynı sayfaya birden fazla kez yüklenen bir container için `container_duplicate` (uyarı), Live yerine yüklenen bir GTM ortamı (`gtm_preview`, `gtm_auth`) için `container_environment` (uyarı), aynı sayfada farklı dataLayer'ları okuyan container'lar için `datalayer_split` (bilgi) ve kendisi için `gtag('config')` olmadan yalnızca bir olayın `send_to` değeriyle yüklenen bir hedef için `container_send_to_only` (bilgi).
|
|
331
331
|
|
|
332
332
|
### Gömülü widget'lar ve iframe'ler
|
|
333
333
|
|
|
@@ -337,6 +337,8 @@ Bir widget'ın kendi istekleri, sitenin izlemesini değerlendiren her şeyin dı
|
|
|
337
337
|
|
|
338
338
|
Her widget ayrıca envanterin altındaki **Gömülü widget'lar** kartında bir satır, `report.md` içinde de bir tablo alır: gömülü olduğu sayfalar, kendi yüklediği container'lar, kendi hesaplarına ve sitenin hesaplarına gönderdiği izleme ve kendi dataLayer'ındaki olaylar ve onay komutları. Sayfanın etiketleri bir widget'ın dataLayer'ını okuyamaz; bu yüzden widget'ın oraya gönderdiği bir olay (örneğin `booking_complete`) sitenin hesaplarına ancak widget onu oraya gönderirse ulaşır. Sitenin hesaplarına giden hiçbir isteğin taşımadığı olaylar gönderilmemiş olarak listelenir ve `widget_events_unshared` (bilgi) olarak bildirilir: widget içinde tamamlanan bir rezervasyon ya da ödeme sitenin analitik ve reklam hesaplarında eksik kalabilir.
|
|
339
339
|
|
|
340
|
+
Bir iframe sayfaya `postMessage` ile bir olay gönderdiğinde (bir formun ya da ödemenin bittiğini söylemesi), **iframe'lerden gelen mesajlar** kartı onu sayfanın ardından ne yaptığıyla listeler: aynı olayı dataLayer'a gönderdi ya da iletti, 3 saniye içinde başka bir şey yaptı (belki aynı olayı başka bir adla) ya da hiçbir şey yapmadı; sonuncusu `iframe_message_unhandled` (bilgi) olarak bildirilir. Mesajın yalnızca adı ve alan adları kaydedilir, değerleri asla; düzenleme mesajları (boyutlandırma, hazır ve canlılık sinyalleri) dışarıda bırakılır. `capture.json` bunları `frameMessages` altında saklar. [Google container'ları, gömülü widget'lar ve iframe'ler](docs/guides/containers-and-widgets.tr.md) rehberi buradaki her bulguyu ne yapılacağıyla anlatır; bir iframe'in olayını dataLayer'a ileten bir sayfa dinleyicisi de içerir.
|
|
341
|
+
|
|
340
342
|
`capture.json` widget'ın isteklerini `widgetHits`, push'larını `widgetDataLayerLog` altında saklar ve her iframe kaydında bir `frame` bulunur. Google container'ları kartı hangilerinin bir iframe'de çalıştığını söyler. MCP'de adım sonuçları iframe'den gelen her isteği ve plan kontrollerinin onu sayıp saymayacağını işaretler, iframe'den gelen push'ların başına iframe yazılır ve JSON zaman akışı bir widget'ın isteklerini adım adım `widget_hits` altında listeler. Eski sürümlerin kayıtlarında frame bilgisi yoktur, bu yüzden tüm istekleri sitenin olarak kalır.
|
|
341
343
|
|
|
342
344
|
### Klasör yapısı ve plan kimlikleri
|
|
@@ -669,7 +671,7 @@ Sunucunun sunduğu araçlar:
|
|
|
669
671
|
| `consent_matrix` | Bir sitenin başlangıç sayfasını her onay seçimi için (seçim yapmadan sonraki sayfa, tümünü kabul, tümünü reddet, yalnızca analitik) bir reklam tıklaması gibi, her seferinde yeni bir tarayıcıda açar; her seçimden sonra hangi etiketlerin gönderdiğini ve [onay matrisini](#onay-senaryoları) döndürür. `campaign` kontrol edilecek kampanya parametrelerini (`start_audit`'teki gibi), `concurrency` aynı anda kaç seçimin çalışacağını alır (varsayılan 2, en fazla 4). Yaklaşık yarım dakika sürer. |
|
|
670
672
|
| `get_containers` | Açık denetimin sayfalarının şimdiye kadar yüklediği her GTM container'ını ve Google etiketini, her birinin sayfaya nasıl geldiğiyle ([Google container'ları](#google-containerları)), dataLayer'ı, sunucusu, GTM ortamı ve yüklendiği adımla birlikte metin ve JSON olarak listeler. |
|
|
671
673
|
| `get_widgets` | Açık denetimin sayfalarında şimdiye kadar bulunan her gömülü üçüncü taraf widget'ı ([Gömülü widget'lar ve iframe'ler](#gömülü-widgetlar-ve-iframeler)) listeler: gömülü olduğu yer, container'ları, kendi hesaplarına ve sitenin hesaplarına gönderdiği izleme, kendi dataLayer olayları ve sitenin hesaplarına hiç ulaşmayan olaylar; metin ve JSON olarak. |
|
|
672
|
-
| `get_report` | Bu sunucunun yazdığı bir raporu, `finish_audit` ya da `run_audit`'in verdiği adla okur: `part` `markdown` (varsayılan, `report.md`), `summary` (`summary.json`), `timeline` (her yolculuğun JSON zaman akışı; her adımın yüklediği container'larla) `containers` (sayfaya nasıl geldiğiyle her Google container'ı, JSON olarak)
|
|
674
|
+
| `get_report` | Bu sunucunun yazdığı bir raporu, `finish_audit` ya da `run_audit`'in verdiği adla okur: `part` `markdown` (varsayılan, `report.md`), `summary` (`summary.json`), `timeline` (her yolculuğun JSON zaman akışı; her adımın yüklediği container'larla) `containers` (sayfaya nasıl geldiğiyle her Google container'ı, JSON olarak) `widgets` (izlemesi ve dataLayer olaylarıyla her gömülü widget, JSON olarak) ya da `messages` (bir iframe'in sayfaya gönderdiği her olay, sayfanın ardından ne yaptığıyla, JSON olarak). Yalnızca bu sunucunun kendi raporları, HTTP üzerinden de. |
|
|
673
675
|
| `run_audit` | Bir ayar dosyasını baştan sona çalıştırır. `against` ile çalıştırmayı kayıtlı bir plana karşı kontrol eder; ayar dosyasında yolculuk yoksa, plandan türetilen yolculukları gezer. `concurrency` o kadar yolculuğu aynı anda, her birini kendi tarayıcısında çalıştırır (varsayılan 1); `baseline`, `--update-baseline` ile yazılmış kabul edilen bulgular dosyasını adlandırır (varsayılan: ayar dosyasındaki `baseline`; bkz. [Bilinen bulguları kabul edin](#bilinen-bulguları-kabul-edin)). Dosya yolları yalnızca yerelde çalışır. |
|
|
674
676
|
|
|
675
677
|
`against`, CLI'deki `--against` ile aynı değerleri alır. HTTP üzerinden yalnızca `latest`, `first` ya da bir plan kimliği kabul edilir, asla bir yol değil. Planlar, `aitd plan --site <url>` ya da `make_plan` ile kaydedilmiş olanlardır. Neyin takip edileceğini öğrenmek için plan, sitenin ne gönderdiğini öğrenmek için denetim isteyin.
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@analitikisler/ai-tag-debugger",
|
|
3
3
|
"mcpName": "io.github.analitikisler/ai-tag-debugger",
|
|
4
|
-
"version": "0.22.
|
|
4
|
+
"version": "0.22.4",
|
|
5
5
|
"description": "Open-source AI agent that QA-tests your website's analytics, ad and consent tracking (GA4, GTM, Google Ads, Meta, TikTok). Bring your own model (Claude, OpenAI, Gemini) or use it from your chat app over MCP.",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"bin": {
|
package/src/agent.js
CHANGED
|
@@ -238,7 +238,7 @@ export const journeyError = (err) => `The journey stopped with an error: ${err?.
|
|
|
238
238
|
export function failedRun(journey, viewport, err, providers) {
|
|
239
239
|
return {
|
|
240
240
|
journeyId: journey.id, viewport, completed: false, note: journeyError(err), hits: [], steps: [], consentStep: null, rejectStep: null,
|
|
241
|
-
cookieLog: [], cookieChanges: [], dataLayerLog: [], containerLoads: [], network: [], widgetHits: [], widgetDataLayerLog: [], containerScripts: [], providers, skipped: {}, bodyBudgetStep: null, startedAt: Date.now(), pageErrors: [],
|
|
241
|
+
cookieLog: [], cookieChanges: [], dataLayerLog: [], containerLoads: [], network: [], widgetHits: [], widgetDataLayerLog: [], containerScripts: [], frameMessages: [], providers, skipped: {}, bodyBudgetStep: null, startedAt: Date.now(), pageErrors: [],
|
|
242
242
|
};
|
|
243
243
|
}
|
|
244
244
|
|
|
@@ -259,6 +259,7 @@ export function collect(session, journey, viewport) {
|
|
|
259
259
|
...(session.opts.blockHits === false ? { live: true } : {}),
|
|
260
260
|
containerLoads: session.containerLoads,
|
|
261
261
|
containerScripts: session.containerScripts,
|
|
262
|
+
frameMessages: session.frameMessages,
|
|
262
263
|
network: session.network,
|
|
263
264
|
providers: session.providers,
|
|
264
265
|
skipped: session.skipped,
|
package/src/browser.js
CHANGED
|
@@ -5,7 +5,7 @@ import { readFile, rm, writeFile } from "node:fs/promises";
|
|
|
5
5
|
import path from "node:path";
|
|
6
6
|
import { chromium, devices } from "playwright";
|
|
7
7
|
import { parseTrackingRequest, isCollectionEndpoint, providerOf, vendorOf, resolveProviders, PROVIDERS } from "./parsers.js";
|
|
8
|
-
import { redactBody, redactParams, redactPush, redactUrl } from "./redact.js";
|
|
8
|
+
import { redactBody, redactParams, redactPush, redactUrl, siteOf } from "./redact.js";
|
|
9
9
|
import { hostScope, isPrivateAddress, navigationError, privateHostChecker } from "./guard.js";
|
|
10
10
|
import { startEgressProxy } from "./egress.js";
|
|
11
11
|
import { campaignParamsIn } from "./campaign.js";
|
|
@@ -36,7 +36,7 @@ export const CMP_BANNER_SELECTORS = `#onetrust-banner-sdk, #onetrust-consent-sdk
|
|
|
36
36
|
// Efilli draws its banner inside the open shadow root of <efilli-layout-dynamic>, so the checks below also look inside open shadow roots.
|
|
37
37
|
|
|
38
38
|
// Caps on what one audit records, so a looping page can't grow memory without limit.
|
|
39
|
-
const LOG_LIMITS = { hits: 5000, dataLayerLog: 5000, network: 10000, containerLoads: 500, containerScripts: 500 };
|
|
39
|
+
const LOG_LIMITS = { hits: 5000, dataLayerLog: 5000, network: 10000, containerLoads: 500, containerScripts: 500, frameMessages: 1000 };
|
|
40
40
|
|
|
41
41
|
// Secrets the browser process has no use for. It gets the rest of the environment
|
|
42
42
|
// (PATH, HOME, DISPLAY...) so Chromium still starts normally.
|
|
@@ -111,6 +111,33 @@ const CONTAINER_HOOK = `
|
|
|
111
111
|
} catch {}
|
|
112
112
|
`;
|
|
113
113
|
|
|
114
|
+
// Runs inside INIT_SCRIPT, in the page itself only: records each message an iframe posts to the page, through
|
|
115
|
+
// window.__atdMessage. Only a name and the field names are kept, never the values, since a form iframe's message
|
|
116
|
+
// can carry what the visitor typed. A message with nothing that reads as a name is not reported.
|
|
117
|
+
const MESSAGE_HOOK = `
|
|
118
|
+
if (window === window.top) {
|
|
119
|
+
const nameKeys = ["event", "eventName", "event_name", "type", "action", "name", "message"];
|
|
120
|
+
const summarize = (data) => {
|
|
121
|
+
let d = data;
|
|
122
|
+
if (typeof d === "string") {
|
|
123
|
+
try { d = JSON.parse(d); } catch {
|
|
124
|
+
return d.length <= 80 && /^[\\w.:\\- ]+$/.test(d) ? { name: d, keys: [] } : null;
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
if (!d || typeof d !== "object" || Array.isArray(d)) return null;
|
|
128
|
+
const key = nameKeys.find((k) => typeof d[k] === "string" && d[k] && d[k].length <= 80);
|
|
129
|
+
return key ? { name: d[key], nameKey: key, keys: Object.keys(d).slice(0, 20) } : null;
|
|
130
|
+
};
|
|
131
|
+
addEventListener("message", (e) => {
|
|
132
|
+
try {
|
|
133
|
+
if (e.source === window || !window.__atdMessage) return;
|
|
134
|
+
const info = summarize(e.data);
|
|
135
|
+
if (info) window.__atdMessage({ origin: String(e.origin), ...info });
|
|
136
|
+
} catch {}
|
|
137
|
+
}, true);
|
|
138
|
+
}
|
|
139
|
+
`;
|
|
140
|
+
|
|
114
141
|
const INIT_SCRIPT = `(() => {
|
|
115
142
|
const record = (entry, layer = "dataLayer") => {
|
|
116
143
|
let value = entry;
|
|
@@ -172,6 +199,7 @@ const INIT_SCRIPT = `(() => {
|
|
|
172
199
|
};
|
|
173
200
|
watch("dataLayer");
|
|
174
201
|
${CONTAINER_HOOK}
|
|
202
|
+
${MESSAGE_HOOK}
|
|
175
203
|
})();`;
|
|
176
204
|
|
|
177
205
|
// Labels the interactive elements of one frame with numeric refs, starting at
|
|
@@ -549,6 +577,10 @@ export class AuditSession {
|
|
|
549
577
|
this.dataLayerLog = [];
|
|
550
578
|
this.containerLoads = []; // each Google container script the page added, with how (see src/containers.js)
|
|
551
579
|
this.containerScripts = []; // each container script's answer: status, version, size and load time
|
|
580
|
+
this.frameMessages = []; // each named message an iframe posted to the page: origin, name and field names, never values
|
|
581
|
+
// The order hits, dataLayer pushes and iframe messages were recorded in. Several often share a millisecond, and
|
|
582
|
+
// telling which came first matters: a page's push answers the message just before it (see messageOutcomes).
|
|
583
|
+
this.seq = 0;
|
|
552
584
|
this.network = [];
|
|
553
585
|
this.providers = resolveProviders(this.opts.providers);
|
|
554
586
|
this.landing = null; // the first page: { step, requested, chain, final }
|
|
@@ -593,8 +625,9 @@ export class AuditSession {
|
|
|
593
625
|
const frame = frameInfo(source?.frame);
|
|
594
626
|
if (frame) entry = { ...entry, frame };
|
|
595
627
|
this.lastTrackingAt = Date.now();
|
|
596
|
-
this.record("dataLayerLog", { ...this.redactEntry(entry), step: this.currentStep, t: Date.now() });
|
|
628
|
+
this.record("dataLayerLog", { ...this.redactEntry(entry), step: this.currentStep, t: Date.now(), seq: ++this.seq });
|
|
597
629
|
});
|
|
630
|
+
await this.context.exposeBinding("__atdMessage", (source, m) => this.recordMessage(m, source?.frame));
|
|
598
631
|
await this.context.exposeBinding("__atdLoad", (source, entry) => this.recordLoad(entry, frameInfo(source?.frame)));
|
|
599
632
|
await this.context.addInitScript(INIT_SCRIPT);
|
|
600
633
|
this.page = await this.context.newPage();
|
|
@@ -626,7 +659,7 @@ export class AuditSession {
|
|
|
626
659
|
const frame = this.frameOf(request);
|
|
627
660
|
for (const hit of hits) {
|
|
628
661
|
if (!this.checks(hit.platform)) continue;
|
|
629
|
-
const entry = { ...this.redactHit(hit), step: this.stepForHit(hit), pageUrl: this.page.url(), t: Date.now(), ...(frame ? { frame } : {}) };
|
|
662
|
+
const entry = { ...this.redactHit(hit), step: this.stepForHit(hit), pageUrl: this.page.url(), t: Date.now(), seq: ++this.seq, ...(frame ? { frame } : {}) };
|
|
630
663
|
const late = this.lateFor(hit, entry);
|
|
631
664
|
if (late) Object.assign(entry, late);
|
|
632
665
|
if (this.record("hits", entry)) recorded.push(entry);
|
|
@@ -874,6 +907,28 @@ export class AuditSession {
|
|
|
874
907
|
});
|
|
875
908
|
}
|
|
876
909
|
|
|
910
|
+
/**
|
|
911
|
+
* A message an iframe posted to the page: the iframe's origin, whether it is on the site's own site, the name the
|
|
912
|
+
* message carries and the names of its fields. The page's main frame reports it; values never leave the page.
|
|
913
|
+
*/
|
|
914
|
+
recordMessage(m, frame) {
|
|
915
|
+
if (!m || (frame && frame !== this.page?.mainFrame())) return;
|
|
916
|
+
let party = "third";
|
|
917
|
+
try {
|
|
918
|
+
party = siteOf(new URL(m.origin).hostname) === siteOf(new URL(this.page.url()).hostname) ? "site" : "third";
|
|
919
|
+
} catch { /* an opaque origin ("null"): a sandboxed iframe, someone else's */ }
|
|
920
|
+
this.record("frameMessages", {
|
|
921
|
+
origin: String(m.origin).slice(0, 200),
|
|
922
|
+
party,
|
|
923
|
+
name: String(m.name ?? "").slice(0, 80),
|
|
924
|
+
...(m.nameKey ? { nameKey: String(m.nameKey).slice(0, 20) } : {}),
|
|
925
|
+
keys: (Array.isArray(m.keys) ? m.keys : []).slice(0, 20).map((k) => String(k).slice(0, 40)),
|
|
926
|
+
step: this.currentStep,
|
|
927
|
+
t: Date.now(),
|
|
928
|
+
seq: ++this.seq,
|
|
929
|
+
});
|
|
930
|
+
}
|
|
931
|
+
|
|
877
932
|
/** The iframe a request came from, as frameInfo gives it; null for the page itself or a worker. */
|
|
878
933
|
frameOf(request) {
|
|
879
934
|
try {
|
package/src/checks.js
CHANGED
|
@@ -6,7 +6,7 @@ import { isOwnAddress } from "./redact.js";
|
|
|
6
6
|
import { campaignParamsIn } from "./campaign.js";
|
|
7
7
|
import { CONSENT_SIGNALS } from "./parsers.js";
|
|
8
8
|
import { duplicateLoads, loadSources, scriptFailed, splitLayers } from "./containers.js";
|
|
9
|
-
import { widgetSummaries, widgetsOf } from "./frames.js";
|
|
9
|
+
import { messageOutcomes, widgetSummaries, widgetsOf } from "./frames.js";
|
|
10
10
|
|
|
11
11
|
const platformName = (p) => ({ meta: "Meta", tiktok: "TikTok" })[p] ?? p;
|
|
12
12
|
const NON_GOOGLE_AD_PLATFORMS = new Set(["meta", "tiktok"]);
|
|
@@ -403,6 +403,14 @@ export function checkRun(plan, run, { lang = "en" } = {}) {
|
|
|
403
403
|
for (const w of widgetSummaries([run], (a, b) => canonicalEvent(a) === canonicalEvent(b)).filter((x) => x.unshared.length)) {
|
|
404
404
|
findings.push({ ...base, severity: "info", check: "widget_events_unshared", step: stepLabel(w.step), detail: d.widgetEventsUnshared(w.origin, w.unshared.slice(0, 10)) });
|
|
405
405
|
}
|
|
406
|
+
// An event an iframe posted to the page that the page never acted on: no push, no hit, not even under another name.
|
|
407
|
+
const unhandled = new Set();
|
|
408
|
+
for (const msg of messageOutcomes(run, (a, b) => canonicalEvent(a) === canonicalEvent(b)).filter((x) => x.outcome === "nothing")) {
|
|
409
|
+
const k = `${msg.origin}|${canonicalEvent(msg.name)}`;
|
|
410
|
+
if (unhandled.has(k)) continue;
|
|
411
|
+
unhandled.add(k);
|
|
412
|
+
findings.push({ ...base, severity: "info", check: "iframe_message_unhandled", event: msg.name, step: stepLabel(msg.step), detail: d.iframeMessageUnhandled(msg.origin, msg.name, msg.party) });
|
|
413
|
+
}
|
|
406
414
|
// A container in a same-site iframe beside one in the page: two documents, two dataLayers.
|
|
407
415
|
const iframeLoad = loads.find((l) => l.frame?.party === "site" && loads.some((t) => !t.frame && t.step <= l.step));
|
|
408
416
|
if (iframeLoad) findings.push({ ...base, severity: "info", check: "iframe_container", step: stepLabel(iframeLoad.step), detail: d.iframeContainer(iframeLoad.id, iframeLoad.frame.origin, iframeLoad.frame.parent) });
|
package/src/frames.js
CHANGED
|
@@ -154,3 +154,66 @@ export function widgetSummaries(runs, same = (a, b) => plainName(a) === plainNam
|
|
|
154
154
|
};
|
|
155
155
|
});
|
|
156
156
|
}
|
|
157
|
+
|
|
158
|
+
// A message counts as an event when it is dataLayer-shaped ({ event: ... }) or its name reads like one; frame
|
|
159
|
+
// housekeeping (resizing, ready and heartbeat pings, scroll and focus) never does.
|
|
160
|
+
const EVENT_KEYS = new Set(["event", "eventName", "event_name"]);
|
|
161
|
+
const EVENT_WORDS = /(submit|complete|success|confirm|purchase|order|lead|book|reserv|sign.?up|register|checkout|payment|paid|conversion|subscribe|contact|quote|enquir|inquir|apply|download|add.?to.?cart)/i;
|
|
162
|
+
const HOUSEKEEPING = /^(resize|height|setheight|size|ready|loaded|load|init|initialized|heartbeat|ping|pong|scroll|focus|blur|close|open|visible|hidden|iframeresizer.*|.*resize.*)$/i;
|
|
163
|
+
|
|
164
|
+
/** Whether an iframe's message reads as an event the page might need to track. */
|
|
165
|
+
export function isEventMessage(m) {
|
|
166
|
+
const name = String(m.name ?? "");
|
|
167
|
+
if (!name || HOUSEKEEPING.test(name.replace(/[^a-z0-9]/gi, ""))) return false;
|
|
168
|
+
return EVENT_KEYS.has(m.nameKey) || EVENT_WORDS.test(name);
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
// How long after a message the page has to react for the reaction to count as its relay under another name.
|
|
172
|
+
export const RELAY_WINDOW_MS = 3000;
|
|
173
|
+
|
|
174
|
+
/**
|
|
175
|
+
* What the page did after each event message an iframe posted to it, one per iframe, name and step:
|
|
176
|
+
* { origin, party, name, keys, step, t, outcome, relay? }. outcome "relayed": the page pushed or sent the same event
|
|
177
|
+
* (relay: { kind: "push"|"hit", name, ms }); "followed": within RELAY_WINDOW_MS it pushed another event or sent a hit,
|
|
178
|
+
* maybe the same event under another name; "nothing": neither. Only the page's own pushes and the site's own hits
|
|
179
|
+
* count (not an iframe's). same(a, b) compares event names, as in widgetSummaries.
|
|
180
|
+
*
|
|
181
|
+
* Each reaction of the page answers one message at most, so one iframe's relayed event never makes another's look
|
|
182
|
+
* handled. A reaction carrying a message's own name belongs to that message. Any other belongs to the latest message
|
|
183
|
+
* before it, since a page's listener reacts as the message arrives; when that message already has its answer, the
|
|
184
|
+
* reaction is a second effect of it (the hit after a push) and answers nothing else.
|
|
185
|
+
*/
|
|
186
|
+
export function messageOutcomes(run, same = (a, b) => plainName(a) === plainName(b)) {
|
|
187
|
+
// In recording order: seq where both have one (several often share a millisecond), else the time.
|
|
188
|
+
const order = (a, b) => (a.seq != null && b.seq != null ? a.seq - b.seq : (a.t ?? 0) - (b.t ?? 0));
|
|
189
|
+
const pushes = (run.dataLayerLog ?? []).filter((e) => !e.frame && pushedEvent(e.value)).map((e) => ({ kind: "push", name: pushedEvent(e.value), t: e.t ?? 0, seq: e.seq }));
|
|
190
|
+
const hits = (run.hits ?? []).filter((h) => !h.frame).map((h) => ({ kind: "hit", name: h.name, t: h.t ?? 0, seq: h.seq }));
|
|
191
|
+
const reactions = [...pushes, ...hits].sort(order);
|
|
192
|
+
const seen = new Set();
|
|
193
|
+
const messages = [];
|
|
194
|
+
for (const m of [...(run.frameMessages ?? [])].sort(order)) {
|
|
195
|
+
if (!isEventMessage(m)) continue;
|
|
196
|
+
const k = `${m.origin}|${m.name}|${m.step}`;
|
|
197
|
+
if (seen.has(k)) continue;
|
|
198
|
+
seen.add(k);
|
|
199
|
+
messages.push({ m, relay: null, outcome: "nothing" });
|
|
200
|
+
}
|
|
201
|
+
const used = new Set();
|
|
202
|
+
for (const msg of messages) {
|
|
203
|
+
const r = reactions.find((x) => !used.has(x) && order(x, msg.m) >= 0 && same(x.name, msg.m.name));
|
|
204
|
+
if (!r) continue;
|
|
205
|
+
Object.assign(msg, { relay: r, outcome: "relayed" });
|
|
206
|
+
used.add(r);
|
|
207
|
+
}
|
|
208
|
+
for (const r of reactions) {
|
|
209
|
+
if (used.has(r)) continue;
|
|
210
|
+
const latest = messages.filter((x) => order(x.m, r) <= 0).at(-1);
|
|
211
|
+
if (!latest || latest.relay || r.t - latest.m.t > RELAY_WINDOW_MS) continue;
|
|
212
|
+
Object.assign(latest, { relay: r, outcome: "followed" });
|
|
213
|
+
used.add(r);
|
|
214
|
+
}
|
|
215
|
+
return messages.map(({ m, relay, outcome }) => ({
|
|
216
|
+
origin: m.origin, party: m.party, name: m.name, keys: m.keys ?? [], step: m.step, t: m.t, outcome,
|
|
217
|
+
...(relay ? { relay: { kind: relay.kind, name: relay.name, ms: Math.max(0, relay.t - m.t) } } : {}),
|
|
218
|
+
}));
|
|
219
|
+
}
|
package/src/html/scope.js
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
// vendors, the trend) is the 0.17 renderer's, so the numbers match the Markdown report and the CLI.
|
|
5
5
|
import { buildInventory } from "../inventory.js";
|
|
6
6
|
import { containerRows } from "../containers.js";
|
|
7
|
-
import { widgetSummaries } from "../frames.js";
|
|
7
|
+
import { messageOutcomes, widgetSummaries } from "../frames.js";
|
|
8
8
|
import { canonicalEvent } from "../checks.js";
|
|
9
9
|
import { providerOf } from "../parsers.js";
|
|
10
10
|
import { siteOf } from "../redact.js";
|
|
@@ -228,6 +228,19 @@ ${x.unshared.length ? line(w.unshared, x.unshared.map(code).join(" ")) : ""}</ul
|
|
|
228
228
|
return `<li><details class="card inv" id="inv-widgets"><summary><span class="t">${esc(m.ui.widgetsTitle)}</span>${plain(n(widgets.length))}<span class="inv-m">${esc(widgets.slice(0, 3).map((x) => x.origin.replace(/^https?:\/\//, "")).join(", "))}${widgets.length > 3 ? " …" : ""}</span></summary><div class="body"><p class="xs muted">${esc(m.ui.widgetsIntro)}</p><ul class="inv-rows">${items}</ul></div></details></li>`;
|
|
229
229
|
}
|
|
230
230
|
|
|
231
|
+
/** The events iframes posted to the page and what the page did next, one line each. Null when there were none. */
|
|
232
|
+
function messagesCard(ctx) {
|
|
233
|
+
const { m, runs } = ctx;
|
|
234
|
+
const same = (a, b) => canonicalEvent(a) === canonicalEvent(b);
|
|
235
|
+
const list = runs.flatMap((r) => messageOutcomes(r, same).map((x) => ({ ...x, run: r })));
|
|
236
|
+
if (!list.length) return null;
|
|
237
|
+
const t = m.ui.messages;
|
|
238
|
+
const word = (x) => (x.outcome === "nothing" ? t.nothing : t[x.outcome](x.relay.kind, x.relay.name, x.relay.ms));
|
|
239
|
+
const items = list.map((x) => `<li>${code(x.name)}<span class="inv-n">${esc(x.origin)}</span>${plain(esc(m.ui.party[x.party === "site" ? "first" : "third"]))}${x.outcome === "nothing" ? badge("info", word(x)) : plain(esc(word(x)))}<span class="inv-n">${esc(`${x.run.journeyId} · ${x.run.steps?.[x.step]?.label ?? x.step}`)}</span></li>`).join("");
|
|
240
|
+
const silent = list.filter((x) => x.outcome === "nothing").length;
|
|
241
|
+
return `<li><details class="card inv" id="inv-messages"><summary><span class="t">${esc(m.ui.messagesTitle)}</span>${plain(n(list.length))}${silent ? badge("info", `${t.nothing.split(":")[0]}: ${silent}`) : ""}</summary><div class="body"><p class="xs muted">${esc(m.ui.messagesIntro)}</p><ul class="inv-list">${items}</ul></div></details></li>`;
|
|
242
|
+
}
|
|
243
|
+
|
|
231
244
|
function inventorySection(ctx) {
|
|
232
245
|
const { m, runs } = ctx;
|
|
233
246
|
const t = m.html.scope;
|
|
@@ -235,7 +248,8 @@ function inventorySection(ctx) {
|
|
|
235
248
|
const skipped = skippedTotals(runs);
|
|
236
249
|
const containers = containersCard(ctx);
|
|
237
250
|
const widgets = widgetsCard(ctx);
|
|
238
|
-
|
|
251
|
+
const messages = messagesCard(ctx);
|
|
252
|
+
if (!lines.length && !skipped.length && !containers && !widgets && !messages) return sectionBlock("inventory", esc(m.html.shell.sections.inventory), `<p class="muted">${esc(m.ui.noInventory)}</p>`);
|
|
239
253
|
const counts = (x) => `<span class="inv-m">${t.requests(x.requests, bold(x.requests))}</span><span class="inv-m">${t.pages(x.pages.size, bold(x.pages.size))}</span><span class="inv-m${x.cookies.length ? "" : " zero"}">${t.cookies(x.cookies.length, bold(x.cookies.length))}</span>`;
|
|
240
254
|
const out = lines.map((x) => {
|
|
241
255
|
const id = `inv-${safeKey(x.p)}`;
|
|
@@ -251,6 +265,7 @@ function inventorySection(ctx) {
|
|
|
251
265
|
<div role="tabpanel" id="${tid("pages")}" data-label="${esc(m.ui.pagesCol)}">${pages ? `<ul class="inv-list">${pages}</ul>` : none}</div>
|
|
252
266
|
<div role="tabpanel" id="${tid("cookies")}" data-label="${esc(m.ui.cookiesCol)}">${x.cookies.length ? `<ul class="inv-list">${x.cookies.map((ck) => `<li>${code(ck)}</li>`).join("")}</ul>` : none}</div></div></div></details></li>`;
|
|
253
267
|
});
|
|
268
|
+
if (messages) out.unshift(messages);
|
|
254
269
|
if (widgets) out.unshift(widgets);
|
|
255
270
|
if (containers) out.unshift(containers);
|
|
256
271
|
const skippedN = skipped.reduce((a, [, k]) => a + k, 0);
|
package/src/i18n.js
CHANGED
|
@@ -217,6 +217,16 @@ const en = {
|
|
|
217
217
|
ownCol: "Own tracking",
|
|
218
218
|
sharedCol: "To the site's accounts",
|
|
219
219
|
pushesCol: "dataLayer events",
|
|
220
|
+
messagesTitle: "Messages from iframes",
|
|
221
|
+
messagesIntro: "Events iframes posted to the page with postMessage, such as a form or checkout telling the page it is done, and what the page did next: pushed or sent the same event, did something else within 3 seconds (perhaps the same event under another name), or nothing.",
|
|
222
|
+
messageCol: "Message",
|
|
223
|
+
fromCol: "From",
|
|
224
|
+
outcomeCol: "What the page did",
|
|
225
|
+
messages: {
|
|
226
|
+
relayed: (kind, name, ms) => `${kind === "push" ? "pushed" : "sent"} ${name} ${ms} ms later`,
|
|
227
|
+
followed: (kind, name, ms) => `${kind === "push" ? "pushed" : "sent"} ${name} ${ms} ms later (another name)`,
|
|
228
|
+
nothing: "nothing: no dataLayer push or hit followed",
|
|
229
|
+
},
|
|
220
230
|
widgets: {
|
|
221
231
|
containers: "Containers",
|
|
222
232
|
unshared: "Not sent to the site's accounts",
|
|
@@ -376,6 +386,7 @@ const en = {
|
|
|
376
386
|
iframeContainer: (id, origin, parent) => `${id} runs in an iframe from ${origin} embedded in ${parent}. The iframe has its own dataLayer: events and consent commands pushed in the page never reach it, so it needs its own.`,
|
|
377
387
|
containerFailed: (id, host, status) => `The ${id} script from ${host} ${status === "failed" ? "failed to load" : `was answered with HTTP ${status}`}, so none of its tags ran on that page.`,
|
|
378
388
|
widgetEventsUnshared: (origin, names) => `An embedded widget from ${origin} pushed ${names.map(q).join(", ")} to its own dataLayer, but none of its hits to the site's accounts carried ${names.length === 1 ? "it" : "them"}. The page's tags can't read a widget's dataLayer, so ${names.length === 1 ? "this event reaches" : "these events reach"} only the widget's own tracking.`,
|
|
389
|
+
iframeMessageUnhandled: (origin, name, party) => `${party === "site" ? "An iframe on the site" : "An embedded widget"} from ${origin} posted ${q(name)} to the page, but the page pushed nothing to its dataLayer and sent no hit in the 3 seconds after, nor ${q(name)} later. If it is a conversion, the page isn't relaying it to its tags.`,
|
|
379
390
|
consentDefaultMissing: () => "No Google Consent Mode default command (gtag('consent', 'default', ...)) was found in the dataLayer.",
|
|
380
391
|
consentDefaultLate: () => "The Consent Mode default was set after the first tracking hit was sent.",
|
|
381
392
|
consentDefaultNotApplied: () => "The page pushed a Consent Mode default, but the Google tag never applied it, so its tags ran without one. Tag Assistant shows Consent Mode as not configured.",
|
|
@@ -439,6 +450,7 @@ const en = {
|
|
|
439
450
|
iframe_container: "Tags in the iframe miss what the page pushes, so conversions completed in it can go untracked or be sent without the visitor's consent.",
|
|
440
451
|
container_failed: "None of the container's tags ran: page views, conversions and consent signals it sends were all lost on that page.",
|
|
441
452
|
widget_events_unshared: "Conversions completed in the widget, such as a booking, a payment or a form, can be missing from the site's analytics and ad accounts.",
|
|
453
|
+
iframe_message_unhandled: "A conversion completed in the iframe, such as a form sent or a booking made, can go untracked although the iframe told the page about it.",
|
|
442
454
|
campaign_params: "Campaign parameters survived the landing redirect and reached the hits, so paid clicks are credited to their campaigns.",
|
|
443
455
|
event_id_reused: "Two different events share one event ID, so the platform keeps the first and silently drops the other: a real event is lost.",
|
|
444
456
|
event_id_mismatch: "The browser and server copies of this event carry different IDs, so Meta cannot pair them and counts the conversion twice.",
|
|
@@ -489,6 +501,7 @@ const en = {
|
|
|
489
501
|
iframe_container: "Push the events and the consent state inside the iframe as well (or pass them in with postMessage), or track the iframe's steps from the page.",
|
|
490
502
|
container_failed: "Check the container ID and the address in the snippet; for a server container or the Google tag gateway, check that it serves gtm.js and gtag/js.",
|
|
491
503
|
widget_events_unshared: "If the site needs these events, have the widget send them to the site's accounts (most booking and form widgets take a GA4 or GTM ID), or pass them to the page with postMessage and push them to the page's dataLayer.",
|
|
504
|
+
iframe_message_unhandled: "Add a message listener on the page that checks event.origin and pushes the event to the dataLayer, so a GTM trigger can fire on it; or have the iframe send the event to the site's accounts itself.",
|
|
492
505
|
campaign_params: "Nothing to fix. Check the redirects again when the landing pages change.",
|
|
493
506
|
event_id_reused: "Generate a new event ID for every event, not once per page load.",
|
|
494
507
|
event_id_mismatch: "Use one event ID for the pixel event and the server copy: pass the same value to both tags.",
|
|
@@ -539,6 +552,7 @@ const en = {
|
|
|
539
552
|
iframe_container: "hygiene",
|
|
540
553
|
container_failed: "money",
|
|
541
554
|
widget_events_unshared: "money",
|
|
555
|
+
iframe_message_unhandled: "money",
|
|
542
556
|
campaign_params: "money",
|
|
543
557
|
event_id_reused: "money",
|
|
544
558
|
event_id_mismatch: "money",
|
|
@@ -1072,6 +1086,16 @@ const tr = {
|
|
|
1072
1086
|
ownCol: "Kendi izlemesi",
|
|
1073
1087
|
sharedCol: "Sitenin hesaplarına",
|
|
1074
1088
|
pushesCol: "dataLayer olayları",
|
|
1089
|
+
messagesTitle: "iframe'lerden gelen mesajlar",
|
|
1090
|
+
messagesIntro: "iframe'lerin postMessage ile sayfaya gönderdiği olaylar (örneğin bir formun ya da ödemenin sayfaya bittiğini söylemesi) ve sayfanın ardından ne yaptığı: aynı olayı dataLayer'a gönderdi ya da iletti, 3 saniye içinde başka bir şey yaptı (belki aynı olayı başka bir adla) ya da hiçbir şey yapmadı.",
|
|
1091
|
+
messageCol: "Mesaj",
|
|
1092
|
+
fromCol: "Gönderen",
|
|
1093
|
+
outcomeCol: "Sayfanın yaptığı",
|
|
1094
|
+
messages: {
|
|
1095
|
+
relayed: (kind, name, ms) => `${ms} ms sonra ${name} ${kind === "push" ? "dataLayer'a gönderdi" : "isteğini gönderdi"}`,
|
|
1096
|
+
followed: (kind, name, ms) => `${ms} ms sonra ${name} ${kind === "push" ? "dataLayer'a gönderdi" : "isteğini gönderdi"} (başka bir ad)`,
|
|
1097
|
+
nothing: "hiçbir şey: ardından ne dataLayer push'u ne de istek geldi",
|
|
1098
|
+
},
|
|
1075
1099
|
widgets: {
|
|
1076
1100
|
containers: "Container'lar",
|
|
1077
1101
|
unshared: "Sitenin hesaplarına gönderilmeyen",
|
|
@@ -1227,6 +1251,7 @@ const tr = {
|
|
|
1227
1251
|
iframeContainer: (id, origin, parent) => `${id}, ${parent} içine gömülü ${origin} kaynaklı bir iframe içinde çalışıyor. iframe'in kendi dataLayer'ı var: sayfada gönderilen olaylar ve onay komutları ona hiç ulaşmaz, bu yüzden kendi olaylarına ve onayına ihtiyacı var.`,
|
|
1228
1252
|
containerFailed: (id, host, status) => `${host} adresinden gelen ${id} betiği ${status === "failed" ? "yüklenemedi" : `HTTP ${status} ile yanıtlandı`}; bu yüzden o sayfada etiketlerinin hiçbiri çalışmadı.`,
|
|
1229
1253
|
widgetEventsUnshared: (origin, names) => `${origin} kaynaklı gömülü bir widget kendi dataLayer'ına ${names.map(q).join(", ")} gönderdi, ancak sitenin hesaplarına giden isteklerinin hiçbiri ${names.length === 1 ? "onu" : "onları"} taşımadı. Sayfanın etiketleri bir widget'ın dataLayer'ını okuyamaz; bu yüzden ${names.length === 1 ? "bu olay" : "bu olaylar"} yalnızca widget'ın kendi izlemesine ulaşıyor.`,
|
|
1254
|
+
iframeMessageUnhandled: (origin, name, party) => `${origin} kaynaklı ${party === "site" ? "sitedeki bir iframe" : "gömülü bir widget"} sayfaya ${q(name)} gönderdi, ancak sayfa ardından 3 saniye içinde dataLayer'a hiçbir şey göndermedi ve istek yollamadı, sonradan ${q(name)} da göndermedi. Bu bir dönüşümse sayfa onu etiketlerine iletmiyor.`,
|
|
1230
1255
|
consentDefaultMissing: () => "dataLayer'da Google Consent Mode varsayılan komutu (gtag('consent', 'default', ...)) bulunamadı.",
|
|
1231
1256
|
consentDefaultLate: () => "Consent Mode varsayılanı, ilk izleme isteği gönderildikten sonra ayarlandı.",
|
|
1232
1257
|
consentDefaultNotApplied: () => "Sayfa bir Consent Mode varsayılanı gönderdi, ancak Google etiketi onu hiç uygulamadı; etiketleri varsayılan olmadan çalıştı. Tag Assistant, Consent Mode'u yapılandırılmamış gösterir.",
|
|
@@ -1289,6 +1314,7 @@ const tr = {
|
|
|
1289
1314
|
iframe_container: "iframe içindeki etiketler sayfanın gönderdiklerini görmez; içinde tamamlanan dönüşümler izlenmeyebilir ya da ziyaretçinin onayı olmadan gönderilebilir.",
|
|
1290
1315
|
container_failed: "Container'ın etiketlerinin hiçbiri çalışmadı: gönderdiği sayfa görüntülemeleri, dönüşümler ve onay sinyalleri o sayfada kayboldu.",
|
|
1291
1316
|
widget_events_unshared: "Widget içinde tamamlanan dönüşümler, örneğin bir rezervasyon, ödeme ya da form, sitenin analitik ve reklam hesaplarında eksik kalabilir.",
|
|
1317
|
+
iframe_message_unhandled: "iframe içinde tamamlanan bir dönüşüm (gönderilen bir form, yapılan bir rezervasyon), iframe sayfaya bildirdiği hâlde izlenmeyebilir.",
|
|
1292
1318
|
campaign_params: "Kampanya parametreleri açılış yönlendirmesinden geçip isteklere ulaştı; ücretli tıklamalar kendi kampanyalarına yazılıyor.",
|
|
1293
1319
|
event_id_reused: "İki farklı olay tek bir olay kimliğini paylaşıyor; platform ilkini tutup diğerini sessizce atıyor, gerçek bir olay kayboluyor.",
|
|
1294
1320
|
event_id_mismatch: "Bu olayın tarayıcı ve sunucu kopyaları farklı kimlik taşıyor; Meta ikisini eşleştiremiyor ve dönüşümü iki kez sayıyor.",
|
|
@@ -1337,6 +1363,7 @@ const tr = {
|
|
|
1337
1363
|
iframe_container: "Olayları ve onay durumunu iframe içinde de gönderin (ya da postMessage ile iletin) veya iframe'deki adımları sayfadan izleyin.",
|
|
1338
1364
|
container_failed: "Snippet'teki container kimliğini ve adresi kontrol edin; sunucu container'ı ya da Google etiket ağ geçidi için gtm.js ve gtag/js sunduğunu kontrol edin.",
|
|
1339
1365
|
widget_events_unshared: "Site bu olaylara ihtiyaç duyuyorsa widget'ın onları sitenin hesaplarına göndermesini sağlayın (çoğu rezervasyon ve form widget'ı bir GA4 ya da GTM kimliği kabul eder) ya da onları postMessage ile sayfaya iletip sayfanın dataLayer'ına gönderin.",
|
|
1366
|
+
iframe_message_unhandled: "Sayfaya event.origin'i kontrol eden ve olayı dataLayer'a gönderen bir message dinleyicisi ekleyin, böylece bir GTM tetikleyicisi onunla çalışabilir; ya da iframe'in olayı sitenin hesaplarına kendisi göndermesini sağlayın.",
|
|
1340
1367
|
campaign_params: "Düzeltilecek bir şey yok. Açılış sayfaları değiştiğinde yönlendirmeleri yeniden kontrol edin.",
|
|
1341
1368
|
event_id_reused: "Her olay için yeni bir olay kimliği üretin; sayfa yüklemesi başına bir kez değil.",
|
|
1342
1369
|
event_id_mismatch: "Piksel olayı ve sunucu kopyası için tek bir olay kimliği kullanın: aynı değeri iki etikete de verin.",
|
|
@@ -1386,6 +1413,7 @@ const tr = {
|
|
|
1386
1413
|
iframe_container: "hygiene",
|
|
1387
1414
|
container_failed: "money",
|
|
1388
1415
|
widget_events_unshared: "money",
|
|
1416
|
+
iframe_message_unhandled: "money",
|
|
1389
1417
|
campaign_params: "money",
|
|
1390
1418
|
event_id_reused: "money",
|
|
1391
1419
|
event_id_mismatch: "money",
|
package/src/mcp.js
CHANGED
|
@@ -34,7 +34,7 @@ import { hitParams } from "./hit-params.js";
|
|
|
34
34
|
import { CAMPAIGN_PARAMS, campaignParamsIn, withCampaignParams } from "./campaign.js";
|
|
35
35
|
import { cmpFacts } from "./cmp.js";
|
|
36
36
|
import { containerRows, loadSources } from "./containers.js";
|
|
37
|
-
import { isWidgetHit, pushedEvent, siteIds, splitRun, widgetSummaries } from "./frames.js";
|
|
37
|
+
import { isEventMessage, isWidgetHit, messageOutcomes, pushedEvent, siteIds, splitRun, widgetSummaries } from "./frames.js";
|
|
38
38
|
import { consentMatrixMarkdown, consentTable, runConsentScenarios } from "./consent.js";
|
|
39
39
|
import { expectEvents, filterFindings, JOURNEY_PRESETS, onlyEvents, presetFor, withPresetEvents } from "./journeys.js";
|
|
40
40
|
|
|
@@ -192,6 +192,8 @@ export function stepCapture(audit, step) {
|
|
|
192
192
|
if (pushes.length) lines.push("dataLayer pushes:", ...pushes.map(describePush));
|
|
193
193
|
const loads = loadSources({ containerLoads: (session.containerLoads ?? []).filter((l) => l.step === step), containerScripts: session.containerScripts, dataLayerLog: session.dataLayerLog });
|
|
194
194
|
if (loads.length) lines.push("Google containers loaded:", ...loads.map(describeLoad));
|
|
195
|
+
const posted = (session.frameMessages ?? []).filter((x) => x.step === step);
|
|
196
|
+
if (posted.length) lines.push("Messages iframes posted to the page (name and field names only):", ...posted.map((x) => ` ${x.name} from ${x.origin} (${x.party === "site" ? "same site" : "third party"})${x.keys?.length ? `, fields ${x.keys.join(", ")}` : ""}${isEventMessage(x) ? "" : "; housekeeping, not checked"}`));
|
|
195
197
|
lines.push(...cookieLines(session, step));
|
|
196
198
|
const tag = session.steps[step]?.tagConsent;
|
|
197
199
|
if (tag) {
|
|
@@ -272,6 +274,17 @@ export function containerLines(runs) {
|
|
|
272
274
|
/** The embedded widgets of the runs as summaries (see widgetSummaries), compared by canonical event name. */
|
|
273
275
|
const widgetsIn = (runs) => widgetSummaries(runs, (a, b) => canonicalEvent(a) === canonicalEvent(b));
|
|
274
276
|
|
|
277
|
+
/** The events iframes posted to the page, with what the page did next, as lines for a tool result; [] when none. */
|
|
278
|
+
export function messageLines(runs) {
|
|
279
|
+
const t = messages("en").ui.messages;
|
|
280
|
+
const list = runs.flatMap((r) => messageOutcomes(r, (a, b) => canonicalEvent(a) === canonicalEvent(b)));
|
|
281
|
+
if (!list.length) return [];
|
|
282
|
+
return [
|
|
283
|
+
"Messages from iframes (events posted to the page with postMessage, and what the page did next):",
|
|
284
|
+
...list.map((x) => ` ${x.name} from ${x.origin} (${x.party === "site" ? "same site" : "third party"}), step ${x.step}: ${x.outcome === "nothing" ? t.nothing : t[x.outcome](x.relay.kind, x.relay.name, x.relay.ms)}`),
|
|
285
|
+
];
|
|
286
|
+
}
|
|
287
|
+
|
|
275
288
|
/** The embedded widgets as lines for a tool result; [] when there were none. */
|
|
276
289
|
export function widgetLines(runs) {
|
|
277
290
|
const widgets = widgetsIn(runs);
|
|
@@ -303,6 +316,8 @@ export function timelineOf(run) {
|
|
|
303
316
|
if (hits.length) entry.hits = hits.map((h) => ({ platform: h.platform, event: h.name, ...(h.consent ? { consent: h.consent } : {}), ...(h.late ? { late_ms: h.late.ms } : {}), ...(h.frame ? { iframe: h.frame.origin } : {}) }));
|
|
304
317
|
// An embedded widget's own hits, kept apart from the site's (see src/frames.js).
|
|
305
318
|
const widget = (run.widgetHits ?? []).filter((h) => h.step === st.index);
|
|
319
|
+
const posted = messageOutcomes({ ...run, frameMessages: (run.frameMessages ?? []).filter((x) => x.step === st.index) }, (a, b) => canonicalEvent(a) === canonicalEvent(b));
|
|
320
|
+
if (posted.length) entry.iframe_messages = posted.map((x) => ({ from: x.origin, name: x.name, outcome: x.outcome, ...(x.relay ? { relay: x.relay } : {}) }));
|
|
306
321
|
const widgetPushes = (run.widgetDataLayerLog ?? []).filter((e) => e.step === st.index && e.frame && pushedEvent(e.value));
|
|
307
322
|
if (widgetPushes.length) entry.widget_pushes = widgetPushes.map((e) => ({ widget: e.frame.origin, event: pushedEvent(e.value) }));
|
|
308
323
|
if (widget.length) entry.widget_hits = widget.map((h) => ({ widget: h.frame.origin, platform: h.platform, event: h.name, ...(h.id ? { id: h.id } : {}), ...(h.consent ? { consent: h.consent } : {}) }));
|
|
@@ -590,10 +605,10 @@ export function buildServer(opts) {
|
|
|
590
605
|
{
|
|
591
606
|
title: "Read a report this server wrote",
|
|
592
607
|
description:
|
|
593
|
-
"Returns a report finish_audit or run_audit wrote, so it can be read without access to the computer running this server. part markdown (default): report.md, the verdict, findings, consent and journeys in about 120 lines. summary: summary.json, the counts, journeys and findings as JSON. timeline: one JSON entry per step of each journey (hits with their consent, consent commands, the Google tag's consent, cookies and ids, the Google containers loaded). containers: every GTM container and Google tag the journeys loaded as JSON, with how each reached the page (source html, inline, script, custom_html, google_tag, nested, config, send_to or destination, and by: the container or script that loaded it), its dataLayer, host, GTM environment, version, size, load time and pages. widgets: every embedded third-party widget as JSON: where it was embedded, the containers it loaded, the tracking it sent to its own accounts and to the site's, its own dataLayer events, and the events it pushed that never reached the site's accounts (unshared).",
|
|
608
|
+
"Returns a report finish_audit or run_audit wrote, so it can be read without access to the computer running this server. part markdown (default): report.md, the verdict, findings, consent and journeys in about 120 lines. summary: summary.json, the counts, journeys and findings as JSON. timeline: one JSON entry per step of each journey (hits with their consent, consent commands, the Google tag's consent, cookies and ids, the Google containers loaded). containers: every GTM container and Google tag the journeys loaded as JSON, with how each reached the page (source html, inline, script, custom_html, google_tag, nested, config, send_to or destination, and by: the container or script that loaded it), its dataLayer, host, GTM environment, version, size, load time and pages. widgets: every embedded third-party widget as JSON: where it was embedded, the containers it loaded, the tracking it sent to its own accounts and to the site's, its own dataLayer events, and the events it pushed that never reached the site's accounts (unshared). messages: every event an iframe posted to the page with postMessage as JSON, with what the page did next (outcome relayed, followed or nothing, and relay: the push or hit that followed).",
|
|
594
609
|
inputSchema: {
|
|
595
610
|
report: z.string().describe("The report name finish_audit or run_audit gave."),
|
|
596
|
-
part: z.enum(["markdown", "summary", "timeline", "containers", "widgets"]).optional().describe("Default markdown."),
|
|
611
|
+
part: z.enum(["markdown", "summary", "timeline", "containers", "widgets", "messages"]).optional().describe("Default markdown."),
|
|
597
612
|
},
|
|
598
613
|
annotations: { readOnlyHint: true },
|
|
599
614
|
},
|
|
@@ -606,6 +621,7 @@ export function buildServer(opts) {
|
|
|
606
621
|
const capture = JSON.parse(await readFile(path.join(dir, "capture.json"), "utf8"));
|
|
607
622
|
if (part === "containers") return text(JSON.stringify(containerRows(capture.runs ?? []).map(containerJson)));
|
|
608
623
|
if (part === "widgets") return text(JSON.stringify(widgetsIn(capture.runs ?? [])));
|
|
624
|
+
if (part === "messages") return text(JSON.stringify((capture.runs ?? []).flatMap((r) => messageOutcomes(r, (a, b) => canonicalEvent(a) === canonicalEvent(b)).map((x) => ({ journey: r.journeyId, viewport: r.viewport, ...x })))));
|
|
609
625
|
return text(JSON.stringify((capture.runs ?? []).map((r) => ({ journey: r.journeyId, viewport: r.viewport, steps: timelineOf(r) }))));
|
|
610
626
|
} catch (err) {
|
|
611
627
|
return fail(`Could not read the report: ${err.message}`);
|
|
@@ -717,13 +733,14 @@ export function buildServer(opts) {
|
|
|
717
733
|
...((platform) => (platform ? [`Consent platform: ${platform.vendor}. ${platform.facts.join(" ")}`] : []))(cmpFacts(messages("en"), [run])),
|
|
718
734
|
...containerLines([run]),
|
|
719
735
|
...widgetLines([run]),
|
|
736
|
+
...messageLines([run]),
|
|
720
737
|
opts.allowFiles
|
|
721
738
|
? `Full report with the event timeline: ${reportPath}`
|
|
722
739
|
: opts.reportsUrl
|
|
723
740
|
? `Full report with the event timeline: ${opts.reportsUrl}/${path.basename(outDir)}/report.html`
|
|
724
741
|
: "",
|
|
725
742
|
"",
|
|
726
|
-
`To read the report here: get_report with report "${path.basename(outDir)}" (markdown, summary, timeline, containers or
|
|
743
|
+
`To read the report here: get_report with report "${path.basename(outDir)}" (markdown, summary, timeline, containers, widgets or messages).`,
|
|
727
744
|
"Explain each problem to the user with its likely cause and fix.",
|
|
728
745
|
];
|
|
729
746
|
return {
|
|
@@ -871,8 +888,9 @@ export function buildServer(opts) {
|
|
|
871
888
|
...grouped.map((f) => `- ${m.severity[f.severity]}${f.accepted ? ` (${m.ui.accepted})` : ""}: ${f.detail}`),
|
|
872
889
|
...containerLines(result.runs),
|
|
873
890
|
...widgetLines(result.runs),
|
|
891
|
+
...messageLines(result.runs),
|
|
874
892
|
`Report: ${result.reportPath}`,
|
|
875
|
-
`To read the report here: get_report with report "${path.basename(result.outDir)}" (markdown, summary, timeline, containers or
|
|
893
|
+
`To read the report here: get_report with report "${path.basename(result.outDir)}" (markdown, summary, timeline, containers, widgets or messages).`,
|
|
876
894
|
].join("\n"),
|
|
877
895
|
);
|
|
878
896
|
},
|
package/src/report.js
CHANGED
|
@@ -6,7 +6,7 @@ import { canonicalEvent, groupFindings, summarize } from "./checks.js";
|
|
|
6
6
|
import { messages } from "./i18n.js";
|
|
7
7
|
import { buildInventory } from "./inventory.js";
|
|
8
8
|
import { containerRows } from "./containers.js";
|
|
9
|
-
import { widgetSummaries } from "./frames.js";
|
|
9
|
+
import { messageOutcomes, widgetSummaries } from "./frames.js";
|
|
10
10
|
import { computeMetrics } from "./metrics.js";
|
|
11
11
|
import { historySummaryLines, sparkline } from "./history.js";
|
|
12
12
|
import { cardIds } from "./html/lib.js";
|
|
@@ -404,6 +404,22 @@ export function scriptCell(c, r) {
|
|
|
404
404
|
return [r.version && c.version(r.version), r.bytes && c.size(r.bytes), r.ms != null && c.loadTime(r.ms)].filter(Boolean).join(", ");
|
|
405
405
|
}
|
|
406
406
|
|
|
407
|
+
/** The events iframes posted to the page and what the page did next, one row each. Omitted when there were none. */
|
|
408
|
+
function mdMessages(m, runs) {
|
|
409
|
+
const same = (a, b) => canonicalEvent(a) === canonicalEvent(b);
|
|
410
|
+
const list = runs.flatMap((r) => messageOutcomes(r, same));
|
|
411
|
+
if (!list.length) return [];
|
|
412
|
+
const t = m.ui.messages;
|
|
413
|
+
const lines = [`## ${m.ui.messagesTitle}`, "", `| ${m.ui.messageCol} | ${m.ui.fromCol} | ${m.ui.outcomeCol} |`, "|---|---|---|"];
|
|
414
|
+
for (const x of list.slice(0, MD_INVENTORY_ROWS)) {
|
|
415
|
+
const what = x.outcome === "nothing" ? t.nothing : t[x.outcome](x.relay.kind, x.relay.name, x.relay.ms);
|
|
416
|
+
lines.push(`| ${mdText(x.name)} | ${mdText(x.origin)} (${m.ui.party[x.party === "site" ? "first" : "third"]}) | ${mdText(what)} |`);
|
|
417
|
+
}
|
|
418
|
+
if (list.length > MD_INVENTORY_ROWS) lines.push("", m.ui.md.moreIn(list.length - MD_INVENTORY_ROWS, "report.html"));
|
|
419
|
+
lines.push("");
|
|
420
|
+
return lines;
|
|
421
|
+
}
|
|
422
|
+
|
|
407
423
|
/** The embedded widgets, one row each: where they were embedded, their tracking and their own dataLayer events. Omitted when none. */
|
|
408
424
|
function mdWidgets(m, runs) {
|
|
409
425
|
const widgets = widgetSummaries(runs, (a, b) => canonicalEvent(a) === canonicalEvent(b));
|
|
@@ -489,6 +505,7 @@ export function renderMarkdown({ title, site = null, generatedAt, findings, expl
|
|
|
489
505
|
lines.push(...mdInventory(m, runs));
|
|
490
506
|
lines.push(...mdContainers(m, runs));
|
|
491
507
|
lines.push(...mdWidgets(m, runs));
|
|
508
|
+
lines.push(...mdMessages(m, runs));
|
|
492
509
|
// A report with its own name or logo carries no Analitik İşler credit; the ai tag debugger one stays.
|
|
493
510
|
if (brand?.name || brand?.logo) lines.push("---", "", `_${brand.name ? `${brand.name} · ` : ""}${m.ui.generatedBy}_`, "");
|
|
494
511
|
else if (branding) lines.push("---", "", `_${m.ui.generatedBy} · [analitikisler.com](https://analitikisler.com)_`, "");
|