Widget laden met RequireJS
Als u RequireJS op uw website gebruikt, moet u ons widget ook laden via RequireJS. Bekijk ons voorbeeldsnippet hieronder en voeg de code van het widget in dat u wilt laden. U vindt de unieke widget-code in de instellingen van uw widget onder Installeren > JavaScript-widgetcode.
Om uw eigen On-Ready-Callback-functie te gebruiken, geeft u het juiste object door aan de "load" methode
ready: functie.Ons widget gebruikt een enkel globaal object voor de verwerking van JSONP-callbacks. Zorg ervoor dat u het Userlike-object niet overschrijft in de globale scope.
javascriptrequire.config({ paths: { 'userlike-loader': '{{javascript_loader_url}}' } }); require(['userlike-loader'], function(userlike) { userlike.load({ ready: function() { console.log('Widget is ready.'); }, onError: function(e) { console.error('Error while loading the Widget.', e); }, }); });
Na het laden van het widget met een module-loader, kunt u nog steeds het widget koppelen aan de globale weergave door het "window-userlike"-object aan te roepen.
Om CSS-conflicten met de chatclient te voorkomen, adviseren wij u om
iframe { !important } niet te gebruiken in uw CSS. Het is beter om specifieker te zijn en de Userlike-chatclient uit te sluiten door gebruik te maken van iframe:not(.userlike) { !important }.read this article in English:
https://docs.userlike.com/setup/widget-integration/requirejs