Installation
Get Adkit running on your site. Takes about 3 minutes.
Prerequisites: Node.js 18+, a React 17+ app, and an Adkit account.
1
Install the package
Install the React SDK using your preferred package manager.
2
Setup the Provider
Wrap your app with the AdkitProvider and import the styles. In Next.js App Router, add this to your root layout.
app/layout.tsx
3
Add your first slot
Place an ad slot anywhere in your app. Give it a unique identifier.
app/components/sidebar.tsx
Not seeing the placeholder?
Check that your
siteId is correct and your domain is verified in the dashboard. Make sure you don't have an ad blocker enabled during development.4
Verify it works
Adkit Placeholder
Open your site.
You should see a dashed border placeholder with your price. If you see it, you're done.
What happens next?
🖱️
1. Visitor Clicks
When a visitor clicks the placeholder, they'll be guided through booking and payment.
🔔
2. You Approve
You'll receive a notification to review the creative and approve the ad.
💰
3. Ad Goes Live
The ad runs for the booked duration, and you get paid automatically via Stripe.