Skip to main content

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

1

Install the package

Install the Kovio SDK for React or React Native:
npm install @kovio/chatbot-ad
2

Import the component

Import the ChatbotAd component in your application:
import { ChatbotAd } from '@kovio/chatbot-ad';
3

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>
  );
}
4

Get your Publisher ID

You can find your publisher ID in the Kovio dashboard after signing up. Replace "your-publisher-id" with your actual publisher ID.
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