Getting Started
Integrate Kovio into your chatbot application with just a few lines of code.
The Kovio SDK is available for React and React Native applications.
Installation
Install the Kovio SDK for React or React Native:
npm install @kovio/chatbot-adQuick Start
Import and use the ChatbotAd component in your application:
import { ChatbotAd } from '@kovio/chatbot-ad';
function MyChatbot() {
return (
<div>
<ChatbotAd
publisherId="your-publisher-id"
keyword="technology,ai"
theme="dark"
format="standard"
/>
</div>
);
}Props
publisherId
Required • string
Your unique publisher ID provided by Kovio. This identifies your application and enables ad serving.
keyword
Required • string
Contextual keywords to help match relevant ads. Multiple keywords can be provided as a comma-separated string.
Example: "technology,ai,machine-learning"
theme
Optional • 'light' | 'dark' • Default: 'dark'
The visual theme for the ad component. Choose between 'light' and 'dark' to match your application's design.
format
Optional • 'standard' | 'small' • Default: 'standard'
The size format of the rendered ad. Use 'standard' for the default size or 'small' for a more compact ad display.
API Reference
ChatbotAd Component
Props
| Prop | Type | Required | Default |
|---|---|---|---|
publisherId | string | Yes | - |
keyword | string | Yes | - |
theme | 'light' | 'dark' | No | 'dark' |
format | 'standard' | 'small' | No | 'standard' |