Skip to content

How to redirect to a new URL using JavaScript

New Course Coming Soon:

Get Really Good at Git

I wanted to solve this specific use case, track the number of people that subscribe to my newsletter as a “goal” in my analytics.

I’m moving away from Google Analytics where you can setup “funnels goals”, meaning you visit page X, you visit page Y, that’s a goal.

It’s not possible in the new analytics I’m trying (Plausible) so I had to find a trick.

After you subscribe you land on a specific page where you can download some stuff.

I can’t say “the goal is to visit this page” because people might save it, bookmark, get back later.

So I did this, after subscribing you are sent to a temporary page and I put this JavaScript snippet on top:

<script>
  setTimeout(() => location.href = "/page", 2000)
</script>

So people are redirected to /page after 2 seconds.

I also did add a Redirecting you to the downloads in 2 seconds... message with a or click here link people can click in case for some reason (JS disabled?) they are not redirected.

Are you intimidated by Git? Can’t figure out merge vs rebase? Are you afraid of screwing up something any time you have to do something in Git? Do you rely on ChatGPT or random people’s answer on StackOverflow to fix your problems? Your coworkers are tired of explaining Git to you all the time? Git is something we all need to use, but few of us really master it. I created this course to improve your Git (and GitHub) knowledge at a radical level. A course that helps you feel less frustrated with Git. Launching May 21, 2024. Join the waiting list!
→ Get my JavaScript Beginner's Handbook
→ Read my JavaScript Tutorials on The Valley of Code
→ Read my TypeScript Tutorial on The Valley of Code

Here is how can I help you: