Plugin d'analyse d'attention en temps réel — prêt à l'emploi sur n'importe quel site
Ajoutez cette ligne dans votre site. Le widget apparaît en bas à droite.
<script src="https://application.alefmediagroup.com/o2s-attention/plugin.js"></script>
Alternative plus isolée. Ajustez les dimensions selon votre besoin.
<iframe src="https://application.alefmediagroup.com/o2s-attention/widget.html"
width="300" height="280" allow="camera *" style="border:none;border-radius:12px;"></iframe>
Le plugin émet des événements que vous pouvez écouter dans votre site.
window.addEventListener('o2s-attention', (e) => {
console.log('Score:', e.detail.score);
console.log('État:', e.detail.state);
});
Ajoutez des data-attributes pour configurer le widget.
<script src="plugin.js"
data-position="top-right"
data-size="small"
data-show-camera="true"
data-theme="dark"></script>
📍 Position: bottom-right, bottom-left, top-right, top-left
📐 Taille: small (180px), medium (260px), large (340px)
🎨 Theme: dark, light