Chat SDK
Intégration React
Utiliser useIdlenAd dans des apps React pour des emplacements chat et hors chat
Intégration React
Utilisez le hook React depuis @idlen/chat-sdk/react.
Installation
npm install @idlen/chat-sdk
Flux chat
import { useEffect } from 'react';
import { useIdlenAd } from '@idlen/chat-sdk/react';
export function ChatMessage({ message }: { message: string }) {
const { ad, fetchAd, trackClick } = useIdlenAd({ apiKey: 'idl_pk_...' });
useEffect(() => {
fetchAd({ sessionId: 'chat-1', rawText: message });
}, [message, fetchAd]);
if (!ad) return null;
return <a href={ad.ctaUrl} onClick={trackClick}>{ad.title}</a>;
}
Flux hors chat
import { useEffect } from 'react';
import { useIdlenAd } from '@idlen/chat-sdk/react';
export function SidebarAd({ pageText }: { pageText: string }) {
const { ad, fetchAdForContent, trackClick } = useIdlenAd({ apiKey: 'idl_pk_...' });
useEffect(() => {
fetchAdForContent({ sessionId: 'page-42', contentText: pageText });
}, [pageText, fetchAdForContent]);
if (!ad) return null;
return <a href={ad.ctaUrl} onClick={trackClick}>{ad.title}</a>;
}