Quickstart
Get started with Kovio in minutes. Follow these simple steps to integrate contextual ads into your AI application.
Quick Integration: The entire setup process takes just a few minutes. The SDK handles ad fetching, tracking, and display automatically.
Installation
Get your Publisher ID
First, sign up for a Kovio account. You can find your publisher ID in the Kovio dashboard after signing up. Replace "your-publisher-id" with your actual publisher ID in the following steps. Install the package
Install the Kovio SDK for React or React Native:npm install @kovio/chatbot-ad
Import the component
Import the ChatbotAd component in your application:import { ChatbotAd } from '@kovio/chatbot-ad';
Add to your component
Use the ChatbotAd component with your publisher ID and keywords:function MyChatbot() {
return (
<div>
<ChatbotAd
publisherId="your-publisher-id"
keyword="technology,ai"
theme="dark"
format="standard"
/>
</div>
);
}
Get your Publisher ID
First, sign up for a Kovio account.. You can find your publisher ID in the Kovio dashboard after signing up. Replace <YOUR_PUBLISHER_ID> with your actual publisher ID in the following steps. Add the Script Tag
Add the script tag to your HTML page’s <head> section:<script async src="https://kovio.dev/js?token=<YOUR_PUBLISHER_ID>"></script>
Important: Replace <YOUR_PUBLISHER_ID> with your actual publisher ID from the Kovio dashboard.
Create Container & Call Process
Add a container div and call the process function:<div id="kovio-ad-container"></div>
<script>
window.addEventListener('load', function() {
window.kovio.process('technology,ai'); // Sample keywords
});
</script>
That’s it! The SDK handles everything automatically: fetching relevant ads, tracking impressions & clicks, displaying ads beautifully, and supporting light & dark themes.
Installation Demo
Next Steps
