A simple way to output query param values in the page body
⚠️ This code does not work in any version of Internet Explorer, as it relies on URLSearchParams and Custom Elements v1.
An earlier post showed how to append form field values to the Thank You URL’s query string, but admittedly hand-waved how you would output query params on that next page.
Indeed, you might not want to output query values at all, just process them in JS. And if you do want to output, a full-fledged JS template engine (I’m partial to SquirrellyJS) is best.
But maybe you don’t want to deal with the learning curve of templates. You just want the equivalent of a {{lead.token}} to pop into any HTML page (think of it as a {{query.token}}).
Custom elements — which I was skeptical about for an embarrassingly long time — are a simple solution.
One cool thing about CEs is that they’re “alive” from a JS standpoint, firing callbacks when they’re connected to the document[1], no matter whether they were in the original HTML markup
