Installation

One tag, then you're done forever

You add this once. Every ad slot you create afterwards is served through the same tag — you never go back into your theme.

<script async src="https://edge.vrtasyn.com/v.js" data-site="s_your_site_key"></script>

Your real site key is shown on the site page in your dashboard as soon as you add a site.

Placing an ad slot

There are two ways, and the second one needs no code at all.

A

Drop a div

Put this wherever the ad should appear. Best when you can edit the template.

<div data-ad="blog-sidebar-top"></div>
B

Point at a CSS selector

In the dashboard, give the placement a selector like #sidebar and choose whether the ad goes before, after, or inside it. We inject it at page load. No theme editing, nothing to break on your next theme update.

Platform guides

The tag is identical everywhere. The only difference is where each platform hides its header-code box.

Shopify

Online Store → Themes → ⋯ → Edit code → layout/theme.liquid

  1. From your Shopify admin, open Online Store → Themes.
  2. On your live theme, click the ⋯ menu and choose Edit code.
  3. Open layout/theme.liquid and paste the tag just before </head>.
  4. Save. Vrtasyn verifies the install automatically within a minute.

WordPress

Appearance → Theme File Editor → header.php, or any header-scripts plugin

  1. Easiest route: install a plugin such as WPCode or Insert Headers and Footers.
  2. Paste the tag into the "Header" / "Scripts in Header" box.
  3. Save. If you edit header.php directly, put the tag before </head> and use a child theme so an update doesn't wipe it.

Wix

Settings → Custom Code → Add Custom Code

  1. Open Settings → Custom Code in your Wix dashboard.
  2. Click Add Custom Code and paste the tag.
  3. Set "Add Code to Pages" to All pages, and Place Code in Head.
  4. Apply.

Squarespace

Settings → Advanced → Code Injection → Header

  1. Open Settings → Advanced → Code Injection.
  2. Paste the tag into the Header box.
  3. Save. Note that Code Injection requires a Business plan or above on Squarespace.

Webflow

Project settings → Custom code → Head code

  1. Open your project settings and go to Custom code.
  2. Paste the tag into Head code.
  3. Save, then publish the site — custom code only goes live on publish.

Ghost

Settings → Code injection → Site header

  1. Open Settings → Code injection.
  2. Paste the tag into Site header.
  3. Save.

Next.js / React

app/layout.tsx

  1. Add the script to your root layout using next/script with strategy="afterInteractive".
  2. Render <div data-ad="your-slug" /> wherever the ad belongs.

Google Tag Manager

New Tag → Custom HTML

  1. Create a new Custom HTML tag and paste the script.
  2. Set the trigger to All Pages.
  3. Submit and publish the container.

Troubleshooting

The slot is there but nothing appears

An ad slot with no campaign booked collapses instead of leaving a gap. Check that a campaign is active, is booked on that placement, and has an approved creative — a campaign with no creative can't serve.

My ad blocker hides it

Expected, and it happens to every ad server. On Growth and above you can serve from your own subdomain (ads.yoursite.com), which improves delivery substantially.

I changed a campaign and nothing happened

Changes propagate within about a minute. If it's been longer, confirm the campaign is active and its dates include today.

Will this slow my site down?

The tag is under 2KB and loads asynchronously, so it never blocks rendering. Every slot on a page is fetched in a single request rather than one per slot, and you can enable lazy loading so ads are only requested as they scroll into view — which also reduces your bill.

Ready to try it?

Add a site, copy your tag, and have your first ad slot live in about ten minutes.

Start free
Install Vrtasyn — Shopify, WordPress, Wix, Squarespace, Webflow, Ghost — Vrtasyn