Install on Webflow
Part of Waverunner’s always-on, site-measured performance stack. Webflow's site-wide Custom Code settings put the snippet on every page. The only thing people forget is the last step: publishing.
First, copy your snippet
Your snippet is one line of code that looks like this, with YOUR_SITE_TOKEN replaced by a code that is unique to your website:
<script async src="https://waverunner.adwave.com/t/YOUR_SITE_TOKEN"></script>
Get the real one from your Waverunner account: sign in to copy your site's snippet. You'll land on the Tracking page, which shows your personalized snippet with a Copy snippet button. Each website (business) in your account has its own snippet. If you run more than one site, pick the right one with the switcher at the top of the page. Copy it there, then follow the steps below.
Add the snippet to Head code
- Open your project and go to Site settings(click the Webflow logo menu in the top-left of the Designer, or open the site's settings from your dashboard).
- Click the Custom code tab.
- Paste your snippet into the Head code box.
- Click Save changes.
- Publish your site: custom code only goes live on the published site, not in the Designer preview.
Check that it's working
- Open your website in a new browser tab and load any page. Remember to check the published site, not the Designer preview.
- Go back to the Tracking page in Waverunner (you'll be asked to sign in if you aren't already). The banner at the top turns green on its own the moment your first visit arrives, usually within a few seconds. No need to reload the page.
If the banner stays amber after a minute, re-check the steps above: the most common causes are pasting the example snippet instead of your personalized one, or forgetting to save or publish the change.