🎯 What This Tool Does

Create and visualize Adobe Web SDK events from Tealium tagging specs. Useful for QA validation, schema testing, front-end handoffs, and documentation.

Outputs include utag.view()/utag.link(), XDM payload, and data.__adobe.analytics model.

🆘 Hover any ❓ icon for tooltips.

v1.0.1 · Updated May 26, 2025 · Scott Gresack
For front-end engineers generating utag.link() or utag.view() events for Tealium → Adobe Web SDK.

✨ Web Tag Spec Generator ✨

Name: Web Tag Spec Generator
Author: Scott Gresack

Generate utag.view() and utag.link() payloads with XDM mapping.

🚀 Purpose

Build utag.view() or utag.link() events with Adobe Web SDK mappings, XDM, and advanced override support.

🛠 Instructions

Select event type: utag.view() or utag.link().
Use Output Controls to toggle which variables/overrides are included: eVars, props, events, identityMap, and datastreamId/edgeConfigOverrides.
Add key/value pairs for your tag spec (no quotes around values).
Map to Adobe Analytics variables (eVar, prop, event) if desired.
Use | for nested keys (e.g., listVars|list1 or identityMap|email).
To include identityMap, use the controls or add a key like identityMap|email with its value.
To override datastreamId or supply advanced edge settings, enable the datastream controls.
For advanced edgeConfigOverrides, enable Advanced and provide full JSON (see Adobe docs for full schema).
Copy the Tag Spec, XDM, or data.__adobe.analytics output as needed for documentation, QA, or engineering handoff.

📚 References

⚙️ Output Controls

Include eVars ❓ Include props ❓ Include events ❓ Include identityMap ❓ Include datastreamId ❓

identityMap Namespace ❓

Enter the Adobe identity namespace, e.g. email, ECID, etc.

identityMap ID ❓

Enter the identifier value, e.g. user email or ECID.
Note: This will be sent as id in identityMap.

Datastream ID ❓

Optionally override the datastreamId for Adobe Web SDK.
Tip: Use advanced mode for full edgeConfigOverrides.

Advanced edgeConfigOverrides ❓

Enable to specify full edgeConfigOverrides JSON (e.g. datastreamId, propertyToken, reportSuites, etc).
Adobe docs for structure and options.

Adobe docs

edgeConfigOverrides JSON ❓

Paste or edit JSON for edgeConfigOverrides.
Adobe docs for structure.
Including datastreamId here will override the basic field.

Sample: {"datastreamId":"12345:prod","propertyToken":"PT-XXXXX","reportSuites":["mySuite1"]}

🧩 Key–Value Pairs ❓
Define key/value pairs for Tealium.
Tips:

`key`: Custom tag spec name.

`value`: Value (no quotes).

`eVar#/prop#/event#`: Adobe Analytics mapping.

Use `|` for nested keys (e.g., `section|subsection`). ❓
For nested objects, use `|` to separate levels.
Example: `identityMap|email` creates `identityMap: { email: ... }`.

✨ Tag Spec ❓
Formatted `utag.view()` or `utag.link()` payload.

{{ formattedSnippet }}

🌐 XDM Object ❓
Key/value pairs mapped to AEP XDM schema for Web SDK.
❓
identityMap support:
To populate `xdm.identityMap`, add a key like `identityMap|email` and a value (e.g., `scott@example.com`).
This will create the correct `identityMap` structure for Adobe Experience Platform, with `primary: true` and `authenticatedState: "authenticated"`.

{{ xdmObject }}

🧾 data.adobe.analytics Object ❓
Mirrors Adobe's `data.adobe.analytics` structure. See:

Data Variable Mapping

XDM Schema Mapping

{{ analyticsObject }}

🎉 Copied!

{{ modalType }} is now on your clipboard.