Aynı sayfada birden fazla widget örneğini izole konteynerler, olaylar ve örnek API'leri ile çalıştırın. Çakışmalar olmadan yan yana farklı yapılandırmaları yüklemek için benzersiz örnek kimliklerini kullanın (örneğin satış + destek).
Bazı uygulamalar, aynı anda birden fazla widget'a ihtiyaç duyar. Çok markalı e-ticaret siteleri, farklı ürün kategorileri için widget'lar gösterebilir ve destek platformları, satış ve teknik destek için ayrı widget'lar çalıştırabilir. Çoklu widget desteği artık örnek tabanlı gömme ve örnek başına API'ler aracılığıyla mevcuttur.
data-instance-id verindata-config-id değerleri kullanıncompanin-widget-container-<instanceId> / companin-docs-widget-container-<instanceId>) render edilirBu, bağımsız birden fazla widget'ın aynı sayfada birbirlerini geçersiz kılmadan var olmasını sağlar.
Her widget örneği için benzersiz betik kimlikleri ve örnek kimlikleri kullanın:
<script
id="companin-widget-script-sales"
src="https://widget.companin.tech/widget.js"
data-client-id="..."
data-agent-id="..."
data-config-id="sales-config-id"
data-instance-id="sales-widget"
></script>
<script
id="companin-widget-script-support"
src="https://widget.companin.tech/widget.js"
data-client-id="..."
data-agent-id="..."
data-config-id="support-config-id"
data-instance-id="support-widget"
></script>
Belirli örneklere hedeflemek için kayıt API'lerini kullanın:
const sales = window.CompaninWidgets?.get('sales-widget');
const support = window.CompaninWidgets?.get('support-widget');
sales?.sendMessage('Güncel teklifleri göster');
support?.sendMessage('Teknik yardıma ihtiyacım var');
window.CompaninWidgets?.list();
window.CompaninWidgets?.destroy('support-widget');
Belgeler widget örnekleri, paralel bir kayıt kullanır:
window.CompaninDocsWidgets.get(id)window.CompaninDocsWidgets.list()window.CompaninDocsWidgets.destroy(id)Mevcut entegrasyonlar çalışmaya devam eder. window.CompaninWidget ve window.CompaninDocsWidget, en son başlatılan örneğe işaret etmeye devam ederken, kayıt API'leri belirli çoklu örnek hedeflemesi sağlar.