TNK Designs

Measurement Plan

TNK Designs — Analytics implementation overview

Author

Guillermo García

Site URL

https://tnk-project.vercel.app/

Stack

Static HTML · Tailwind CSS · Vanilla JS

Analytics layer

Google Tag Manager + GA4

Data layer library

analytics.js (shared, all pages)

Privacy

PII filtered · email SHA-256 hashed · no raw textarea

Pages instrumented

11 pages

Last updated

2026-03-10

Events implemented

01

page_view
Fires on every page load (DOMContentLoaded). Reads window.TNK_PAGE defined per page. Sends page name, category, type, content group, and author.
02

select_content
Fires on all navigational clicks — nav links, hero CTAs, project/blog cards, filter pills, social links. Uses delegated click listener on a[data-track] and tnkNavigate() helper.
03

generate_lead
Fires on contact form submit. Dynamically collects non-PII fields. Skips password/tel/hidden and PII name patterns. Textarea → word_count + char_count. Email hashed via SHA-256 (crypto.subtle).
04

orbit_interaction
Fires on hover of the orbiting skills section on the Home page. Sends orbit_pause (boolean, animation state) when entering/leaving the stage, and skill_hover (tooltip text) per icon hover.
05

search
Fires 500 ms after user stops typing in the Blog search bar (min 2 chars). Sends search term, results count, has-results flag, term length, section, and active filter pill.

Version History

Changelog — every major update to this measurement plan

v1.0 2026-03-10 Initial release

First complete measurement plan for the TNK Designs portfolio. Covers all 5 events with full parameter documentation, dataLayer push examples, and per-row screenshots with element highlights.

5 events documented: page_view, select_content, generate_lead, orbit_interaction, search
21 shared parameters across events
29 select_content interactions documented (nav, hero, cards, footer, blog listing, filters, projects, contact)
6 page_view rows (one per unique page_category + page_type combination)
70+ automated screenshots via Puppeteer with red-box element highlights
7 CSV exports for Google Sheets import
Archive: measurement_plan_v1.html

Versioning rules

A new version is created for every major update: new event added, existing event removed or renamed, new parameter added/removed, tracking approach changed. Minor fixes (typos, broken links, screenshot refreshes) do not increment the version. Before each version bump, the current file is archived to archive/measurement_plan_vN.html.

Measurement Plan

TNK Designs — Analytics implementation overview

Events implemented

All Parameters

Full parameter registry across all events

page_view

Fires on DOMContentLoaded on every page — reads window.TNK_PAGE · one row per unique page_category + page_type combination (6 of 11 pages shown)

select_content

Fires on all navigational clicks across the site

generate_lead

Fires on contact form submit — non-PII fields + SHA-256 hashed email

orbit_interaction

Fires on hover of the orbiting skills section on the Home page

search

Fires 500 ms after user stops typing in blog search (min 2 chars)

Version History

Changelog — every major update to this measurement plan