Worked example: campaign to live website
Step-by-step worked example: build a campaign, publish its creative, create placements, and install tags.
1. The 6-stage lifecycle overview
Follow this complete worked example to take an advertisement from initial concept to live serving on a website. For a conceptual overview of all system components, see How AdServeKit Works.
Step 1: Create Campaign → Step 2: Build & Publish Creative → Step 3: Create Placement → Step 4: Install Ad Tag → Step 5: Verify Delivery → Step 6: Measure Results.
2. Step 1: Create the campaign
Open Campaigns → New campaign. Enter 'Sports Newsletter Launch', select today as the start date, and check 'No end date'.
Under Budget & Billing, select CPM, enter $5.00 unit price, and set a $100.00 total budget. Save the campaign.
3. Step 2: Build and publish the creative
Open Creatives → New creative → Basic Creator. Select a Sports template, enter headline 'Get Daily Match Insights', add a CTA button 'Subscribe Free', and set destination URL https://example.com/newsletter.
Select sizes 300x250 and 728x90. Click Save, then click Publish Revision to make revision 1 live.
Return to your campaign, open Creatives tab, and attach this newly published creative.
4. Step 3: Create placement on verified website
Open Placements → New placement. Select your verified website, name it 'Sidebar Rectangle', select size 300x250, and enable Collapse When Empty. Click Save to receive your placement ID (e.g. plc_sidebar_01).
5. Step 4: Install the code with explicit height
Add the delivery tag and slot container into your website HTML template:
HTML template snippet
<script async src="https://api.adservekit.com/ad.js"></script>
<div class="house-ad-slot" data-placement="plc_sidebar_01" data-width="300" data-height="250"></div>6. Step 5 & 6: Verify delivery and inspect results
Open your live website with ?adserve_debug=1. Confirm that the ad renders crisply in the slot.
Return to your dashboard: View live impressions and clicks under Analytics → Delivery.