விரைவுத் தொடக்கம்
Respondo அரட்டை விட்ஜெட்டை உங்கள் இணையதளத்தில் 2 நிமிடங்களுக்குள் சேர்த்துவிடலாம்.
1
ஸ்கிரிப்ட்டைச் சேர்க்கவும்
விட்ஜெட் தேவைப்படும் ஒவ்வொரு பக்கத்திலும் இந்தத் துணுக்கை </body>-க்கு முன் ஒட்டவும்:
HTMLhtml
<script>
window.Respondo = window.Respondo || {};
Respondo.init = Respondo.init || function(c) { window.RespondoAIConfig = c; };
Respondo.q = Respondo.q || [];
Respondo.identify = Respondo.identify || function(d) { Respondo.q.push(['identify', d]); };
Respondo.init({
agentId: 'YOUR_AGENT_ID',
channelId: 'YOUR_CHANNEL_ID'
});
</script>
<script src="https://api.respondo.ai/widget/widget.js" async></script>YOUR_AGENT_ID மற்றும் YOUR_CHANNEL_ID என்பவற்றுக்குப் பதிலாக உங்கள் சேனல் அமைப்புகளில் உள்ள Agent ID-ஐயும் Channel ID-ஐயும் இடவும் (அல்லது ஏற்கெனவே நிரப்பப்பட்ட துணுக்கை சேனல் பக்கத்திலிருந்து நகலெடுக்கவும்). விட்ஜெட் ஒத்திசைவற்ற முறையில் ஏற்றப்படுகிறது; பக்கத்தின் செயல்திறனைப் பாதிக்காது.ஏதேனும் framework பயன்படுத்துகிறீர்களா?#
அதே விட்ஜெட், உங்கள் stack-க்கு ஏற்ப இணைக்கப்பட்டது — ஒரு தாவலைத் தேர்ந்தெடுக்கவும்:
இந்தக் கூறை உங்கள் ஆப்பின் root-க்கு அருகில் ஒரு முறை render செய்யவும்:
Reacttsx
// respondo-widget.tsx — render once, near the root of your app
import { useEffect } from 'react';
export function RespondoWidget() {
useEffect(() => {
const w = window as any;
w.Respondo = w.Respondo || {};
w.Respondo.init = w.Respondo.init || function (c) { w.RespondoAIConfig = c; };
w.Respondo.q = w.Respondo.q || [];
w.Respondo.identify = w.Respondo.identify || function (d) { w.Respondo.q.push(['identify', d]); };
if (!document.querySelector('script[data-respondo]')) {
w.Respondo.init({
agentId: 'YOUR_AGENT_ID',
channelId: 'YOUR_CHANNEL_ID'
});
const s = document.createElement('script');
s.src = 'https://api.respondo.ai/widget/widget.js';
s.async = true;
s.dataset.respondo = '1';
document.body.appendChild(s);
}
}, []);
return null;
}YOUR_AGENT_ID / YOUR_CHANNEL_ID என்பவற்றுக்குப் பதிலாக உங்கள் சேனல் அமைப்புகளில் உள்ள மதிப்புகளை இடவும் — அல்லது அவை ஏற்கெனவே நிரப்பப்பட்ட தயார் துணுக்கை சேனல் பக்கத்திலிருந்து நகலெடுக்கவும்.
2
பயனர்களை அடையாளம் காணுங்கள் (பரிந்துரைக்கப்படுகிறது)
பயனர் உள்நுழைந்த பிறகு, அரட்டை அமர்வுகளை அவரது சுயவிவரத்துடன் இணைக்க identify()-ஐ அழைக்கவும்:
JavaScriptjavascript
Respondo.identify({
email: 'user@example.com',
name: 'John Doe',
userId: 'usr_12345', // உங்கள் உள்ளக பயனர் ID
metadata: { // எந்தத் தனிப்பயன் புலங்களும்
plan: 'premium',
company: 'Acme Inc'
},
properties: { // தனிப்பயன் தொடர்புப் பண்புகள் (Agent Settings-இல் வரையறுக்கப்பட்டவை)
account_type: 'enterprise',
region: 'eu-west'
}
});முடிந்தது!
விட்ஜெட் கீழ் வலது மூலையில் தோன்றும். எல்லா உரையாடல்களும் தானாகவே உங்கள் டாஷ்போர்டின் Conversations பகுதிக்கு வந்து சேரும்.